Commit 79c64189b59cd806049105f29a651b5143e5644e
1 parent
2bcae7c85c
Exists in
master
Update du modèle Default
Showing 1 changed file with 100 additions and 15 deletions Inline Diff
templates/html/Default.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | 1 | 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
<html> | 2 | 2 | <html> | |
<head> | 3 | 3 | <head> | |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | 4 | 4 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
<title>[% title %]</title> | 5 | 5 | <title>[% title %]</title> | |
<meta name='Generator' content='[% generator.name %]'> | 6 | 6 | <meta name='Generator' content='[% generator.name %]'> | |
<link rel="stylesheet" | 7 | 7 | <link rel="stylesheet" | |
href="[% resource('common/zim-variables.css') %]" > | 8 | 8 | href="[% resource('common/zim-variables.css') %]" > | |
<link rel="stylesheet" | 9 | 9 | <link rel="stylesheet" | |
href="[% resource('common/zim-style.css') %]" > | 10 | 10 | href="[% resource('common/zim-style.css') %]" > | |
<link rel="stylesheet" | 11 | 11 | <link rel="stylesheet" | |
href="[% resource('common/zim-table-style.css') %]" > | 12 | 12 | href="[% resource('common/zim-table-style.css') %]" > | |
<link rel="stylesheet" | 13 | 13 | <link rel="stylesheet" | |
href="[% resource('common/zim-special.css') %]" > | 14 | 14 | href="[% resource('common/zim-special.css') %]" > | |
<link rel="stylesheet" | 15 | 15 | <link rel="stylesheet" | |
href="[% resource('common/zim-hljs.css') %]" > | 16 | 16 | href="[% resource('common/zim-hljs.css') %]" > | |
17 | 17 | |||
<style type='text/css'> | 18 | 18 | <style type='text/css'> | |
* { font-family: sans-serif } | 19 | 19 | * { font-family: sans-serif } | |
20 | 20 | |||
a:hover { text-decoration: underline; } | 21 | 21 | a:hover { text-decoration: underline; } | |
22 | 22 | |||
/* Centre les images mais elles sont coupées aux sauts de page à l'impression */ | 23 | 23 | /* Centre les images mais elles sont coupées aux sauts de page à l'impression */ | |
img { | 24 | 24 | img { | |
display: block; | 25 | 25 | display: block; | |
margin-left: auto; | 26 | 26 | margin-left: auto; | |
margin-right: auto; | 27 | 27 | margin-right: auto; | |
} | 28 | 28 | } | |
29 | ||||
30 | .pages { | |||
31 | /*max-width: 1000px;*/ | |||
32 | /*padding-left: 320px;*/ | |||
33 | width: inherit; | |||
34 | transition: margin-left .3s; | |||
35 | background: white; | |||
36 | padding-left: 10px; | |||
37 | padding-right: 10px; | |||
38 | padding-bottom: 20px; | |||
39 | padding-top: 10px; | |||
40 | } | |||
29 | 41 | |||
42 | .header{ | |||
43 | max-width: 63em; | |||
44 | position: fixed; | |||
45 | width: 100%; | |||
46 | top:0; | |||
47 | background:white; | |||
48 | z-index: 1; | |||
49 | } | |||
50 | ||||
51 | hr{ | |||
52 | clear:both; | |||
53 | border-style: solid; | |||
54 | border-width: 1px; | |||
55 | border-color: var(--main-header-color); | |||
56 | } | |||
57 | ||||
58 | body { | |||
59 | max-width:63em; | |||
60 | display:block; | |||
61 | margin-left:auto; | |||
62 | margin-right:auto; | |||
63 | background: var(--main-body-background-color); | |||
64 | } | |||
65 | ||||
66 | .intercalaire { | |||
67 | background:white; | |||
68 | margin-top: 48px; | |||
69 | padding: 10px; | |||
70 | } | |||
71 | ||||
72 | .bold-footer { | |||
73 | color: var(--main-header-color); | |||
74 | } | |||
30 | 75 | |||
</style> | 31 | 76 | </style> | |
32 | 77 | |||
<!-- Themes clair : | 33 | 78 | <!-- Themes clair : | |
atom-one-light.css, vs.css googlecode.css github.css | 34 | 79 | atom-one-light.css, vs.css googlecode.css github.css | |
qtcreator_light.css | 35 | 80 | qtcreator_light.css | |
Themes sombres : | 36 | 81 | Themes sombres : | |
agate.css vs2015.css atom-one-dark.css hybrid.css | 37 | 82 | agate.css vs2015.css atom-one-dark.css hybrid.css | |
ir-black.css sunburst.css tomorrow-night-bright.css | 38 | 83 | ir-black.css sunburst.css tomorrow-night-bright.css | |
qtcreator_dark.css | 39 | 84 | qtcreator_dark.css | |
Demo live : https://highlightjs.org/static/demo/ --> | 40 | 85 | Demo live : https://highlightjs.org/static/demo/ --> | |
<link rel="stylesheet" | 41 | 86 | <link rel="stylesheet" | |
href="[% resource('common/hljs/styles/sunburst.css') %]" > | 42 | 87 | href="[% resource('common/hljs/styles/sunburst.css') %]" > | |
43 | 88 | |||
<!-- hljs --> | 44 | 89 | <!-- hljs --> | |
<script src="[% resource('common/hljs/highlight.pack.js') %]"></script> | 45 | 90 | <script src="[% resource('common/hljs/highlight.pack.js') %]"></script> | |
46 | 91 | |||
</head> | 47 | 92 | </head> | |
<body> | 48 | 93 | <body> | |
49 | 94 | |||
[% options.empty_lines = "default" %] | 50 | 95 | [% options.empty_lines = "default" %] | |
51 | 96 | |||
<!-- Header --> | 52 | |||
<div class='header'> | 53 | 97 | <div class='header'> | |
<table class='navigation'> | 54 | 98 | <table class='navigation' style="float:left"> | |
<tr class='navigation'> | 55 | 99 | <tr class='navigation'> | |
<td class='navigation'> | 56 | 100 | <td class='navigation'> | |
[% IF navigation.prev %] | 57 | 101 | [% IF navigation.prev %] | |
<a href='[% uri(navigation.prev) %]'> | 58 | 102 | <a href='[% uri(navigation.prev) %]'> | |
<img src="[% resource('common/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> | 59 | 103 | <img src="[% resource('common/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> | |
</a> | 60 | 104 | </a> | |
[% ELSE %] | 61 | 105 | [% ELSE %] | |
106 | <!-- | |||
<img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> | 62 | 107 | <img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> | |
108 | --> | |||
[% END %] | 63 | 109 | [% END %] | |
</td> | 64 | 110 | </td> | |
<td class='navigation'> | 65 | 111 | <td class='navigation'> | |
[% IF links.get("index") %] | 66 | 112 | [% IF links.get("index") %] | |
<a href='[% uri(links.get("index")) %]'> | 67 | 113 | <a href='[% uri(links.get("index")) %]'> | |
<img src="[% resource('common/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> | 68 | 114 | <img src="[% resource('common/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> | |
</a> | 69 | 115 | </a> | |
[% ELSE %] | 70 | 116 | [% ELSE %] | |
117 | <!-- | |||
<img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> | 71 | 118 | <img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> | |
119 | --> | |||
[% END %] | 72 | 120 | [% END %] | |
</td> | 73 | 121 | </td> | |
<td class='navigation'> | 74 | 122 | <td class='navigation'> | |
[% IF navigation.next %] | 75 | 123 | [% IF navigation.next %] | |
<a href='[% uri(navigation.next) %]'> | 76 | 124 | <a href='[% uri(navigation.next) %]'> | |
<img src="[% resource('common/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> | 77 | 125 | <img src="[% resource('common/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> | |
</a> | 78 | 126 | </a> | |
[% ELSE %] | 79 | 127 | [% ELSE %] | |
128 | <!-- | |||
<img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> | 80 | 129 | <img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> | |
130 | --> | |||
[% END %] | 81 | 131 | [% END %] | |
</td> | 82 | 132 | </td> | |
</tr> | 83 | 133 | </tr> | |
</table> | 84 | 134 | </table> | |
135 | ||||
136 | <span> | |||
137 | [% FOR page IN pages %] | |||
138 | <a name='[% anchor(page) %]'></a> | |||
139 | <h1 style="display:inline-block;margin-left:20px;margin-top:5px;"> | |||
140 | [% page.title %]</h1> | |||
141 | [% END %] | |||
142 | </span> | |||
143 | ||||
144 | <table class='navigation' style="float:right;margin-right:10px;"> | |||
145 | <tr class='navigation'> | |||
146 | <td class='navigation'> | |||
147 | [% FOR page IN pages %] | |||
148 | [% FOR link IN page.backlinks %] | |||
149 | [% IF loop.first %]<a href="#backlinks"> | |||
150 | <img src='[% resource("common/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'> | |||
151 | </a>[% END %] | |||
152 | [% END %] | |||
153 | [% END %] | |||
154 | </td> | |||
155 | <td class='navigation'> | |||
156 | [% FOR page IN pages %] | |||
157 | [% FOR file IN page.attachments %] | |||
158 | [% IF loop.first %]<a href="#attach"> | |||
159 | <img src='[% resource("common/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'> | |||
160 | </a>[% END %] | |||
161 | [% END %] | |||
162 | [% END %] | |||
163 | </td> | |||
164 | </tr> | |||
165 | </table> | |||
</div> | 85 | 166 | </div> | |
86 | 167 | |||
168 | <div class="intercalaire"> | |||
<hr /> | 87 | 169 | <hr /> | |
170 | </div> | |||
88 | 171 | |||
<!-- Wiki content --> | 89 | 172 | <!-- Wiki content --> | |
90 | 173 | |||
<div class='pages'> | 91 | 174 | <div class='pages'> | |
<!--[% FOR page IN pages %]--> | 92 | 175 | <!--[% FOR page IN pages %]--> | |
176 | <!-- | |||
<div class='heading'> | 93 | 177 | <div class='heading'> | |
<h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> | 94 | 178 | <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> | |
</div> | 95 | 179 | </div> | |
180 | --> | |||
96 | 181 | |||
<div class='content'> | 97 | 182 | <div class='content'> | |
[% page.body %] | 98 | 183 | [% page.body %] | |
</div> | 99 | 184 | </div> | |
100 | 185 | |||
<br /> | 101 | 186 | <br /> | |
102 | 187 | |||
<div class='page-footer'> | 103 | 188 | <div class='page-footer'> | |
<!--[% FOR link IN page.backlinks %]--> | 104 | 189 | <!--[% FOR link IN page.backlinks %]--> | |
[% IF loop.first %]<b>[% gettext("Backlinks:") %]</b>[% END %] | 105 | 190 | [% IF loop.first %]<b class="bold-footer">[% gettext("Backlinks:") %]</b>[% END %] | |
106 | 191 | |||
<a href='[% uri(link) %]'>[% link.name %]</a> | 107 | 192 | <a href='[% uri(link) %]'>[% link.name %]</a> | |
108 | 193 | |||
[% IF loop.last %]<br /><br />[% END %] | 109 | 194 | [% IF loop.last %]<br /><br />[% END %] | |
<!--[% END %]--> | 110 | 195 | <!--[% END %]--> | |
111 | 196 | |||
<!--[% FOR file IN page.attachments %]--> | 112 | 197 | <!--[% FOR file IN page.attachments %]--> | |
[% IF loop.first %] | 113 | 198 | [% IF loop.first %] | |
<b>[% gettext("Attachments:") %]</b> | 114 | 199 | <b class="bold-footer">[% gettext("Attachments:") %]</b> | |
<table> | 115 | 200 | <table> | |
[% END %] | 116 | 201 | [% END %] | |
117 | 202 | |||
<tr><td><a href='[% uri(file) %]'>[% file.basename %]</a></td><td> </td><td>[% file.size %]</td></tr> | 118 | 203 | <tr><td><a href='[% uri(file) %]'>[% file.basename %]</a></td><td> </td><td>[% file.size %]</td></tr> | |
119 | 204 | |||
[% IF loop.last %] | 120 | 205 | [% IF loop.last %] | |
</table> | 121 | 206 | </table> | |
[% END %] | 122 | 207 | [% END %] |