Commit bec0ea4cd3f2e703136fe52897bcf554a80b3ed7
1 parent
0233a34ef1
Exists in
master
Les templates sont renommés pour laisser les Defaults de base
accessibles.
Showing 10 changed files Side-by-side Diff
- templates/html/Default.html
- templates/html/Default/common
- templates/html/Default_with_index.html
- templates/html/Default_with_index/common
- templates/html/Print.html
- templates/html/Wize.html
- templates/html/Wize/common
- templates/html/Wize_Print.html
- templates/html/Wize_with_index.html
- templates/html/Wize_with_index/common
templates/html/Default.html
1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
2 | -<html> | |
3 | -<head> | |
4 | - <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
5 | - <title>[% title %]</title> | |
6 | - <meta name='Generator' content='[% generator.name %]'> | |
7 | - <link rel="stylesheet" | |
8 | - href="[% resource('common/zim-variables.css') %]" > | |
9 | - <link rel="stylesheet" | |
10 | - href="[% resource('common/zim-style.css') %]" > | |
11 | - <link rel="stylesheet" | |
12 | - href="[% resource('common/zim-table-style.css') %]" > | |
13 | - <link rel="stylesheet" | |
14 | - href="[% resource('common/zim-special.css') %]" > | |
15 | - <link rel="stylesheet" | |
16 | - href="[% resource('common/zim-hljs.css') %]" > | |
17 | - | |
18 | - <style type='text/css'> | |
19 | - * { font-family: sans-serif } | |
20 | - | |
21 | - a:hover { text-decoration: underline; } | |
22 | - | |
23 | - /* Centre les images mais elles sont coupées aux sauts de page à l'impression */ | |
24 | - img { | |
25 | - display: block; | |
26 | - margin-left: auto; | |
27 | - margin-right: auto; | |
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 | - } | |
41 | - | |
42 | - .header{ | |
43 | - max-width: var(--main-page-width); | |
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: var(--main-page-width); | |
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 | - } | |
75 | - | |
76 | - </style> | |
77 | - | |
78 | - <!-- Themes clair : | |
79 | - atom-one-light.css, vs.css googlecode.css github.css | |
80 | - qtcreator_light.css | |
81 | - Themes sombres : | |
82 | - agate.css vs2015.css atom-one-dark.css hybrid.css | |
83 | - ir-black.css sunburst.css tomorrow-night-bright.css | |
84 | - qtcreator_dark.css | |
85 | - Demo live : https://highlightjs.org/static/demo/ --> | |
86 | - <link rel="stylesheet" | |
87 | - href="[% resource('common/hljs/styles/sunburst.css') %]" > | |
88 | - | |
89 | - <!-- hljs --> | |
90 | - <script src="[% resource('common/hljs/highlight.pack.js') %]"></script> | |
91 | - | |
92 | -</head> | |
93 | -<body> | |
94 | - | |
95 | -[% options.empty_lines = "default" %] | |
96 | - | |
97 | -<div class='header'> | |
98 | -<table class='navigation' style="float:left"> | |
99 | -<tr class='navigation'> | |
100 | -<td class='navigation'> | |
101 | -[% IF navigation.prev %] | |
102 | - <a href='[% uri(navigation.prev) %]'> | |
103 | - <img src="[% resource('common/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> | |
104 | - </a> | |
105 | -[% ELSE %] | |
106 | -<!-- | |
107 | - <img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> | |
108 | ---> | |
109 | -[% END %] | |
110 | -</td> | |
111 | -<td class='navigation'> | |
112 | -[% IF links.get("index") %] | |
113 | - <a href='[% uri(links.get("index")) %]'> | |
114 | - <img src="[% resource('common/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> | |
115 | - </a> | |
116 | -[% ELSE %] | |
117 | -<!-- | |
118 | - <img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> | |
119 | ---> | |
120 | -[% END %] | |
121 | -</td> | |
122 | -<td class='navigation'> | |
123 | -[% IF navigation.next %] | |
124 | - <a href='[% uri(navigation.next) %]'> | |
125 | - <img src="[% resource('common/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> | |
126 | - </a> | |
127 | -[% ELSE %] | |
128 | -<!-- | |
129 | - <img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> | |
130 | ---> | |
131 | -[% END %] | |
132 | -</td> | |
133 | -</tr> | |
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> | |
166 | -</div> | |
167 | - | |
168 | -<div class="intercalaire"> | |
169 | -<hr /> | |
170 | -</div> | |
171 | - | |
172 | -<!-- Wiki content --> | |
173 | - | |
174 | -<div class='pages'> | |
175 | -<!--[% FOR page IN pages %]--> | |
176 | - <!-- | |
177 | - <div class='heading'> | |
178 | - <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> | |
179 | - </div> | |
180 | - --> | |
181 | - | |
182 | - <div class='content'> | |
183 | - [% page.body %] | |
184 | - </div> | |
185 | - | |
186 | - <br /> | |
187 | - | |
188 | - <div class='page-footer'> | |
189 | - <!--[% FOR link IN page.backlinks %]--> | |
190 | - <a name="backlinks"></a> | |
191 | - [% IF loop.first %]<b class="bold-footer">[% gettext("Backlinks:") %]</b>[% END %] | |
192 | - | |
193 | - <a href='[% uri(link) %]'>[% link.name %]</a> | |
194 | - | |
195 | - [% IF loop.last %]<br /><br />[% END %] | |
196 | - <!--[% END %]--> | |
197 | - | |
198 | - <!--[% FOR file IN page.attachments %]--> | |
199 | - [% IF loop.first %] | |
200 | - <a name="attach"></a> | |
201 | - <b class="bold-footer">[% gettext("Attachments:") %]</b> | |
202 | - <table> | |
203 | - [% END %] | |
204 | - | |
205 | - <tr><td><a href='[% uri(file) %]'>[% file.basename %]</a></td><td> </td><td>[% file.size %]</td></tr> | |
206 | - | |
207 | - [% IF loop.last %] | |
208 | - </table> | |
209 | - [% END %] | |
210 | - <!--[% END %]--> | |
211 | - </div> | |
212 | - | |
213 | - [% IF not loop.last %]<hr />[% END %] | |
214 | - | |
215 | -<!--[% END %]--> | |
216 | -</div> | |
217 | - | |
218 | -<script src="[% resource('common/go-hljs.js') %]"></script> | |
219 | - | |
220 | -</body> | |
221 | - | |
222 | -</html> |
templates/html/Default/common
1 | -../common |
templates/html/Default_with_index.html
1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
2 | -<html> | |
3 | -<head> | |
4 | - <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
5 | - <title>[% title %]</title> | |
6 | - <meta name='Generator' content='[% generator.name %]'> | |
7 | - <link rel="stylesheet" | |
8 | - href="[% resource('common/zim-variables.css') %]" > | |
9 | - <link rel="stylesheet" | |
10 | - href="[% resource('common/zim-style.css') %]" > | |
11 | - <link rel="stylesheet" | |
12 | - href="[% resource('common/zim-table-style.css') %]" > | |
13 | - <link rel="stylesheet" | |
14 | - href="[% resource('common/zim-special.css') %]" > | |
15 | - <link rel="stylesheet" | |
16 | - href="[% resource('common/zim-hljs.css') %]" > | |
17 | - | |
18 | - <style type='text/css'> | |
19 | - * { font-family: sans-serif } | |
20 | - | |
21 | - a:hover { text-decoration: underline; } | |
22 | - | |
23 | - /* Centre les images mais elles sont coupées aux sauts de page à l'impression */ | |
24 | - img { | |
25 | - display: block; | |
26 | - margin-left: auto; | |
27 | - margin-right: auto; | |
28 | - } | |
29 | - | |
30 | - /* Specifique au with index */ | |
31 | - span.insen { color: grey } | |
32 | - | |
33 | - .pages { | |
34 | - /*max-width: 1000px;*/ | |
35 | - /*padding-left: 320px;*/ | |
36 | - width: inherit; | |
37 | - transition: margin-left .3s; | |
38 | - background: white; | |
39 | - padding-left: 10px; | |
40 | - padding-right: 10px; | |
41 | - padding-bottom: 20px; | |
42 | - padding-top: 10px; | |
43 | - } | |
44 | - | |
45 | - .menu{ | |
46 | - /*float:left; */ | |
47 | - width: 0; | |
48 | - color:var(--main-header-color); | |
49 | - overflow-x: hidden; | |
50 | - position: absolute; | |
51 | - transition:.3s; | |
52 | - background: var(--main-menu-background-color); | |
53 | - border-style: solid; | |
54 | - border-width: 1px; | |
55 | - margin-left:-20px; | |
56 | - } | |
57 | - | |
58 | - .menu a,.menu a:link,.menu a:hover,.menu a:active,.menu a:visited { | |
59 | - color: var(--main-header-color); | |
60 | - } | |
61 | - | |
62 | - .menuOpen { | |
63 | - /*display: block;*/ | |
64 | - } | |
65 | - | |
66 | - .menuClosed { | |
67 | - border-style: unset; | |
68 | - } | |
69 | - | |
70 | - .header{ | |
71 | - max-width: var(--main-page-width); | |
72 | - position: fixed; | |
73 | - width: 100%; | |
74 | - top:0; | |
75 | - background:white; | |
76 | - z-index: 1; | |
77 | - } | |
78 | - | |
79 | - hr{ | |
80 | - clear:both; | |
81 | - border-style: solid; | |
82 | - border-width: 1px; | |
83 | - border-color: var(--main-header-color); | |
84 | - } | |
85 | - | |
86 | - body { | |
87 | - max-width: var(--main-page-width); | |
88 | - display:block; | |
89 | - margin-left:auto; | |
90 | - margin-right:auto; | |
91 | - background: var(--main-body-background-color); | |
92 | - } | |
93 | - | |
94 | - .intercalaire { | |
95 | - background:white; | |
96 | - margin-top: 48px; | |
97 | - padding: 10px; | |
98 | - } | |
99 | - | |
100 | - .bold-footer { | |
101 | - color: var(--main-header-color); | |
102 | - } | |
103 | - | |
104 | - </style> | |
105 | - | |
106 | -<!-- Themes clair : | |
107 | - atom-one-light.css, vs.css googlecode.css github.css | |
108 | - qtcreator_light.css | |
109 | - Themes sombres : | |
110 | - agate.css vs2015.css atom-one-dark.css hybrid.css | |
111 | - ir-black.css sunburst.css tomorrow-night-bright.css | |
112 | - qtcreator_dark.css | |
113 | - Demo live : https://highlightjs.org/static/demo/ --> | |
114 | - <link rel="stylesheet" | |
115 | - href="[% resource('common/hljs/styles/sunburst.css') %]" > | |
116 | - | |
117 | - <!-- hljs --> | |
118 | - <script src="[% resource('common/hljs/highlight.pack.js') %]"></script> | |
119 | - | |
120 | - <script> | |
121 | - function openNav() { | |
122 | - if (document.getElementById("mySidenav").getAttribute("class").split(' ')[1] == "menuClosed") { | |
123 | - document.getElementById("mySidenav").style.width = "300px"; | |
124 | - /*document.getElementById("main").style.marginLeft = "300px";*/ | |
125 | - document.getElementById("mySidenav").setAttribute("class","menu menuOpen"); | |
126 | - /* Scroll to top when opening menu */ | |
127 | - document.body.scrollTop = 0 | |
128 | - document.documentElement.scrollTop = 0; | |
129 | - } else { | |
130 | - document.getElementById("mySidenav").style.width = "0"; | |
131 | - /*document.getElementById("main").style.marginLeft = "0";*/ | |
132 | - document.getElementById("mySidenav").setAttribute("class","menu menuClosed"); | |
133 | - } | |
134 | - } | |
135 | - </script> | |
136 | -</head> | |
137 | -<body> | |
138 | - | |
139 | -<!-- Header --> | |
140 | -<div class='header'> | |
141 | -<table class='navigation' style="float:left"> | |
142 | -<tr class='navigation'> | |
143 | -<td class='navigation'> | |
144 | -<span style="font-size:30px;cursor:pointer;color: var(--main-header-color);" onclick="openNav()">☰</span> | |
145 | -</td> | |
146 | -<td class='navigation'> | |
147 | -[% IF navigation.prev %] | |
148 | - <a href='[% uri(navigation.prev) %]'> | |
149 | - <img src="[% resource('common/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> | |
150 | - </a> | |
151 | -[% ELSE %] | |
152 | - <img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> | |
153 | -[% END %] | |
154 | -</td> | |
155 | -<td class='navigation'> | |
156 | -[% IF links.get("index") %] | |
157 | - <a href='[% uri(links.get("index")) %]'> | |
158 | - <img src="[% resource('common/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> | |
159 | - </a> | |
160 | -[% ELSE %] | |
161 | - <img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> | |
162 | -[% END %] | |
163 | -</td> | |
164 | -<td class='navigation'> | |
165 | -[% IF navigation.next %] | |
166 | - <a href='[% uri(navigation.next) %]'> | |
167 | - <img src="[% resource('common/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> | |
168 | - </a> | |
169 | -[% ELSE %] | |
170 | - <img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> | |
171 | -[% END %] | |
172 | -</td> | |
173 | -</tr> | |
174 | -</table> | |
175 | - | |
176 | -<span> | |
177 | -[% FOR page IN pages %] | |
178 | -<a name='[% anchor(page) %]'></a> | |
179 | -<h1 style="display:inline-block;margin-left:20px;margin-top:5px;"> | |
180 | -[% page.title %]</h1> | |
181 | -[% END %] | |
182 | -</span> | |
183 | - | |
184 | -<table class='navigation' style="float:right;margin-right:10px;"> | |
185 | -<tr class='navigation'> | |
186 | -<td class='navigation'> | |
187 | -[% FOR page IN pages %] | |
188 | -[% FOR link IN page.backlinks %] | |
189 | -[% IF loop.first %]<a href="#backlinks"> | |
190 | -<img src='[% resource("common/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'> | |
191 | -</a>[% END %] | |
192 | -[% END %] | |
193 | -[% END %] | |
194 | -</td> | |
195 | -<td class='navigation'> | |
196 | -[% FOR page IN pages %] | |
197 | -[% FOR file IN page.attachments %] | |
198 | -[% IF loop.first %]<a href="#attach"> | |
199 | -<img src='[% resource("common/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'> | |
200 | -</a>[% END %] | |
201 | -[% END %] | |
202 | -[% END %] | |
203 | -</td> | |
204 | -</tr> | |
205 | -</table> | |
206 | -</div> | |
207 | - | |
208 | -<div class="intercalaire"> | |
209 | -<hr /> | |
210 | -</div> | |
211 | - | |
212 | -<div id="mySidenav" class="menu menuClosed"> | |
213 | -[% index() %] | |
214 | -</div> | |
215 | - | |
216 | -[% options.empty_lines = "default" %] | |
217 | - | |
218 | -<!-- Wiki content --> | |
219 | - | |
220 | -<div id="main" class='pages'> | |
221 | -<!--[% FOR page IN pages %]--> | |
222 | -<!-- | |
223 | - <div class='heading'> | |
224 | - <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> | |
225 | - </div> | |
226 | ---> | |
227 | - <div class='content'> | |
228 | - [% page.body %] | |
229 | - </div> | |
230 | - | |
231 | - <br /> | |
232 | - | |
233 | - <div style="padding-bottom:10px;"> | |
234 | - <hr /> | |
235 | - </div> | |
236 | - | |
237 | - <div class='page-footer'> | |
238 | - <!--[% FOR link IN page.backlinks %]--> | |
239 | - [% IF loop.first %] | |
240 | - <a name="backlinks"></a> | |
241 | - <b class="bold-footer">[% gettext("Backlinks:") %]</b> | |
242 | - [% END %] | |
243 | - | |
244 | - <a href='[% uri(link) %]'>[% link.name %]</a> | |
245 | - | |
246 | - [% IF loop.last %]<br /><br />[% END %] | |
247 | - <!--[% END %]--> | |
248 | - | |
249 | - <!--[% FOR file IN page.attachments %]--> | |
250 | - [% IF loop.first %] | |
251 | - <a name="attach"></a> | |
252 | - <b class="bold-footer">[% gettext("Attachments:") %]</b> | |
253 | - <table> | |
254 | - [% END %] | |
255 | - | |
256 | - <tr><td><a href='[% uri(file) %]'>[% file.basename %]</a></td><td> </td><td>[% file.size %]</td></tr> | |
257 | - | |
258 | - [% IF loop.last %] | |
259 | - </table> | |
260 | - [% END %] | |
261 | - <!--[% END %]--> | |
262 | - </div> | |
263 | - | |
264 | - [% IF not loop.last %]<hr />[% END %] | |
265 | - | |
266 | -<!--[% END %]--> | |
267 | -</div> | |
268 | - | |
269 | -<script src="[% resource('common/go-hljs.js') %]"></script> | |
270 | - | |
271 | -</body> | |
272 | - | |
273 | -</html> |
templates/html/Default_with_index/common
1 | -../common |
templates/html/Print.html
1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
2 | -<html> | |
3 | -<head> | |
4 | - <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
5 | - <title>[% title %]</title> | |
6 | - <meta name='Generator' content='[% generator.name %]'> | |
7 | - <!-- ATTENTION Le template Print ne supporte pas les ressources, | |
8 | - Il faut mettre des chemins absolus sur les fichiers :( --> | |
9 | - <link rel="stylesheet" | |
10 | - href="file:////home/daniau/.local/share/zim/templates/html/common/zim-variables.css" > | |
11 | - <link rel="stylesheet" | |
12 | - href="file:////home/daniau/.local/share/zim/templates/html/common/zim-style.css" > | |
13 | - <link rel="stylesheet" | |
14 | - href="file:////home/daniau/.local/share/zim/templates/html/common/zim-table-style.css" > | |
15 | - <link rel="stylesheet" | |
16 | - href="file:////home/daniau/.local/share/zim/templates/html/common/zim-special.css" > | |
17 | - <link rel="stylesheet" | |
18 | - href="file:////home/daniau/.local/share/zim/templates/html/common/zim-hljs.css" > | |
19 | - <style type='text/css'> | |
20 | - | |
21 | - * { font-family: serif } | |
22 | - | |
23 | - /* Centre les images mais elles sont coupées aux sauts de page à l'impression */ | |
24 | - /*img { | |
25 | - display: block; | |
26 | - margin-left: auto; | |
27 | - margin-right: auto; | |
28 | - }*/ | |
29 | - | |
30 | - </style> | |
31 | - | |
32 | - <!-- Themes clair : | |
33 | - atom-one-light.css, vs.css | |
34 | - Themes sombres : | |
35 | - agate.css, vs2015.css, atom-one-dark.css | |
36 | - Demo live : https://highlightjs.org/static/demo/ --> | |
37 | - <link rel="stylesheet" | |
38 | - href="file:////home/daniau/.local/share/zim/templates/html/common/hljs/styles/atom-one-light-wb.css" > | |
39 | - | |
40 | - <!-- hljs --> | |
41 | - <script src="file:////home/daniau/.local/share/zim/templates/html/common/hljs/highlight.pack.js"></script> | |
42 | - | |
43 | -</head> | |
44 | -<body> | |
45 | - | |
46 | -[% options.empty_lines = "default" %] | |
47 | - | |
48 | -<!-- Wiki content --> | |
49 | - | |
50 | -[% FOR page IN pages %] | |
51 | - [% page.content %] | |
52 | -[% END %] | |
53 | - | |
54 | -<!-- End wiki content --> | |
55 | - | |
56 | -<script src="file:////home/daniau/.local/share/zim/templates/html/common/go-hljs.js"></script> | |
57 | - | |
58 | -</body> | |
59 | - | |
60 | -</html> |
templates/html/Wize.html
1 | +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
2 | +<html> | |
3 | +<head> | |
4 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
5 | + <title>[% title %]</title> | |
6 | + <meta name='Generator' content='[% generator.name %]'> | |
7 | + <link rel="stylesheet" | |
8 | + href="[% resource('common/zim-variables.css') %]" > | |
9 | + <link rel="stylesheet" | |
10 | + href="[% resource('common/zim-style.css') %]" > | |
11 | + <link rel="stylesheet" | |
12 | + href="[% resource('common/zim-table-style.css') %]" > | |
13 | + <link rel="stylesheet" | |
14 | + href="[% resource('common/zim-special.css') %]" > | |
15 | + <link rel="stylesheet" | |
16 | + href="[% resource('common/zim-hljs.css') %]" > | |
17 | + | |
18 | + <style type='text/css'> | |
19 | + * { font-family: sans-serif } | |
20 | + | |
21 | + a:hover { text-decoration: underline; } | |
22 | + | |
23 | + /* Centre les images mais elles sont coupées aux sauts de page à l'impression */ | |
24 | + img { | |
25 | + display: block; | |
26 | + margin-left: auto; | |
27 | + margin-right: auto; | |
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 | + } | |
41 | + | |
42 | + .header{ | |
43 | + max-width: var(--main-page-width); | |
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: var(--main-page-width); | |
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 | + } | |
75 | + | |
76 | + </style> | |
77 | + | |
78 | + <!-- Themes clair : | |
79 | + atom-one-light.css, vs.css googlecode.css github.css | |
80 | + qtcreator_light.css | |
81 | + Themes sombres : | |
82 | + agate.css vs2015.css atom-one-dark.css hybrid.css | |
83 | + ir-black.css sunburst.css tomorrow-night-bright.css | |
84 | + qtcreator_dark.css | |
85 | + Demo live : https://highlightjs.org/static/demo/ --> | |
86 | + <link rel="stylesheet" | |
87 | + href="[% resource('common/hljs/styles/sunburst.css') %]" > | |
88 | + | |
89 | + <!-- hljs --> | |
90 | + <script src="[% resource('common/hljs/highlight.pack.js') %]"></script> | |
91 | + | |
92 | +</head> | |
93 | +<body> | |
94 | + | |
95 | +[% options.empty_lines = "default" %] | |
96 | + | |
97 | +<div class='header'> | |
98 | +<table class='navigation' style="float:left"> | |
99 | +<tr class='navigation'> | |
100 | +<td class='navigation'> | |
101 | +[% IF navigation.prev %] | |
102 | + <a href='[% uri(navigation.prev) %]'> | |
103 | + <img src="[% resource('common/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> | |
104 | + </a> | |
105 | +[% ELSE %] | |
106 | +<!-- | |
107 | + <img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> | |
108 | +--> | |
109 | +[% END %] | |
110 | +</td> | |
111 | +<td class='navigation'> | |
112 | +[% IF links.get("index") %] | |
113 | + <a href='[% uri(links.get("index")) %]'> | |
114 | + <img src="[% resource('common/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> | |
115 | + </a> | |
116 | +[% ELSE %] | |
117 | +<!-- | |
118 | + <img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> | |
119 | +--> | |
120 | +[% END %] | |
121 | +</td> | |
122 | +<td class='navigation'> | |
123 | +[% IF navigation.next %] | |
124 | + <a href='[% uri(navigation.next) %]'> | |
125 | + <img src="[% resource('common/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> | |
126 | + </a> | |
127 | +[% ELSE %] | |
128 | +<!-- | |
129 | + <img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> | |
130 | +--> | |
131 | +[% END %] | |
132 | +</td> | |
133 | +</tr> | |
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> | |
166 | +</div> | |
167 | + | |
168 | +<div class="intercalaire"> | |
169 | +<hr /> | |
170 | +</div> | |
171 | + | |
172 | +<!-- Wiki content --> | |
173 | + | |
174 | +<div class='pages'> | |
175 | +<!--[% FOR page IN pages %]--> | |
176 | + <!-- | |
177 | + <div class='heading'> | |
178 | + <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> | |
179 | + </div> | |
180 | + --> | |
181 | + | |
182 | + <div class='content'> | |
183 | + [% page.body %] | |
184 | + </div> | |
185 | + | |
186 | + <br /> | |
187 | + | |
188 | + <div class='page-footer'> | |
189 | + <!--[% FOR link IN page.backlinks %]--> | |
190 | + <a name="backlinks"></a> | |
191 | + [% IF loop.first %]<b class="bold-footer">[% gettext("Backlinks:") %]</b>[% END %] | |
192 | + | |
193 | + <a href='[% uri(link) %]'>[% link.name %]</a> | |
194 | + | |
195 | + [% IF loop.last %]<br /><br />[% END %] | |
196 | + <!--[% END %]--> | |
197 | + | |
198 | + <!--[% FOR file IN page.attachments %]--> | |
199 | + [% IF loop.first %] | |
200 | + <a name="attach"></a> | |
201 | + <b class="bold-footer">[% gettext("Attachments:") %]</b> | |
202 | + <table> | |
203 | + [% END %] | |
204 | + | |
205 | + <tr><td><a href='[% uri(file) %]'>[% file.basename %]</a></td><td> </td><td>[% file.size %]</td></tr> | |
206 | + | |
207 | + [% IF loop.last %] | |
208 | + </table> | |
209 | + [% END %] | |
210 | + <!--[% END %]--> | |
211 | + </div> | |
212 | + | |
213 | + [% IF not loop.last %]<hr />[% END %] | |
214 | + | |
215 | +<!--[% END %]--> | |
216 | +</div> | |
217 | + | |
218 | +<script src="[% resource('common/go-hljs.js') %]"></script> | |
219 | + | |
220 | +</body> | |
221 | + | |
222 | +</html> |
templates/html/Wize/common
1 | +../common |
templates/html/Wize_Print.html
1 | +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
2 | +<html> | |
3 | +<head> | |
4 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
5 | + <title>[% title %]</title> | |
6 | + <meta name='Generator' content='[% generator.name %]'> | |
7 | + <!-- ATTENTION Le template Print ne supporte pas les ressources, | |
8 | + Il faut mettre des chemins absolus sur les fichiers :( --> | |
9 | + <link rel="stylesheet" | |
10 | + href="file:////home/daniau/.local/share/zim/templates/html/common/zim-variables.css" > | |
11 | + <link rel="stylesheet" | |
12 | + href="file:////home/daniau/.local/share/zim/templates/html/common/zim-style.css" > | |
13 | + <link rel="stylesheet" | |
14 | + href="file:////home/daniau/.local/share/zim/templates/html/common/zim-table-style.css" > | |
15 | + <link rel="stylesheet" | |
16 | + href="file:////home/daniau/.local/share/zim/templates/html/common/zim-special.css" > | |
17 | + <link rel="stylesheet" | |
18 | + href="file:////home/daniau/.local/share/zim/templates/html/common/zim-hljs.css" > | |
19 | + <style type='text/css'> | |
20 | + | |
21 | + * { font-family: serif } | |
22 | + | |
23 | + /* Centre les images mais elles sont coupées aux sauts de page à l'impression */ | |
24 | + /*img { | |
25 | + display: block; | |
26 | + margin-left: auto; | |
27 | + margin-right: auto; | |
28 | + }*/ | |
29 | + | |
30 | + </style> | |
31 | + | |
32 | + <!-- Themes clair : | |
33 | + atom-one-light.css, vs.css | |
34 | + Themes sombres : | |
35 | + agate.css, vs2015.css, atom-one-dark.css | |
36 | + Demo live : https://highlightjs.org/static/demo/ --> | |
37 | + <link rel="stylesheet" | |
38 | + href="file:////home/daniau/.local/share/zim/templates/html/common/hljs/styles/atom-one-light-wb.css" > | |
39 | + | |
40 | + <!-- hljs --> | |
41 | + <script src="file:////home/daniau/.local/share/zim/templates/html/common/hljs/highlight.pack.js"></script> | |
42 | + | |
43 | +</head> | |
44 | +<body> | |
45 | + | |
46 | +[% options.empty_lines = "default" %] | |
47 | + | |
48 | +<!-- Wiki content --> | |
49 | + | |
50 | +[% FOR page IN pages %] | |
51 | + [% page.content %] | |
52 | +[% END %] | |
53 | + | |
54 | +<!-- End wiki content --> | |
55 | + | |
56 | +<script src="file:////home/daniau/.local/share/zim/templates/html/common/go-hljs.js"></script> | |
57 | + | |
58 | +</body> | |
59 | + | |
60 | +</html> |
templates/html/Wize_with_index.html
1 | +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
2 | +<html> | |
3 | +<head> | |
4 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
5 | + <title>[% title %]</title> | |
6 | + <meta name='Generator' content='[% generator.name %]'> | |
7 | + <link rel="stylesheet" | |
8 | + href="[% resource('common/zim-variables.css') %]" > | |
9 | + <link rel="stylesheet" | |
10 | + href="[% resource('common/zim-style.css') %]" > | |
11 | + <link rel="stylesheet" | |
12 | + href="[% resource('common/zim-table-style.css') %]" > | |
13 | + <link rel="stylesheet" | |
14 | + href="[% resource('common/zim-special.css') %]" > | |
15 | + <link rel="stylesheet" | |
16 | + href="[% resource('common/zim-hljs.css') %]" > | |
17 | + | |
18 | + <style type='text/css'> | |
19 | + * { font-family: sans-serif } | |
20 | + | |
21 | + a:hover { text-decoration: underline; } | |
22 | + | |
23 | + /* Centre les images mais elles sont coupées aux sauts de page à l'impression */ | |
24 | + img { | |
25 | + display: block; | |
26 | + margin-left: auto; | |
27 | + margin-right: auto; | |
28 | + } | |
29 | + | |
30 | + /* Specifique au with index */ | |
31 | + span.insen { color: grey } | |
32 | + | |
33 | + .pages { | |
34 | + /*max-width: 1000px;*/ | |
35 | + /*padding-left: 320px;*/ | |
36 | + width: inherit; | |
37 | + transition: margin-left .3s; | |
38 | + background: white; | |
39 | + padding-left: 10px; | |
40 | + padding-right: 10px; | |
41 | + padding-bottom: 20px; | |
42 | + padding-top: 10px; | |
43 | + } | |
44 | + | |
45 | + .menu{ | |
46 | + /*float:left; */ | |
47 | + width: 0; | |
48 | + color:var(--main-header-color); | |
49 | + overflow-x: hidden; | |
50 | + position: absolute; | |
51 | + transition:.3s; | |
52 | + background: var(--main-menu-background-color); | |
53 | + border-style: solid; | |
54 | + border-width: 1px; | |
55 | + margin-left:-20px; | |
56 | + } | |
57 | + | |
58 | + .menu a,.menu a:link,.menu a:hover,.menu a:active,.menu a:visited { | |
59 | + color: var(--main-header-color); | |
60 | + } | |
61 | + | |
62 | + .menuOpen { | |
63 | + /*display: block;*/ | |
64 | + } | |
65 | + | |
66 | + .menuClosed { | |
67 | + border-style: unset; | |
68 | + } | |
69 | + | |
70 | + .header{ | |
71 | + max-width: var(--main-page-width); | |
72 | + position: fixed; | |
73 | + width: 100%; | |
74 | + top:0; | |
75 | + background:white; | |
76 | + z-index: 1; | |
77 | + } | |
78 | + | |
79 | + hr{ | |
80 | + clear:both; | |
81 | + border-style: solid; | |
82 | + border-width: 1px; | |
83 | + border-color: var(--main-header-color); | |
84 | + } | |
85 | + | |
86 | + body { | |
87 | + max-width: var(--main-page-width); | |
88 | + display:block; | |
89 | + margin-left:auto; | |
90 | + margin-right:auto; | |
91 | + background: var(--main-body-background-color); | |
92 | + } | |
93 | + | |
94 | + .intercalaire { | |
95 | + background:white; | |
96 | + margin-top: 48px; | |
97 | + padding: 10px; | |
98 | + } | |
99 | + | |
100 | + .bold-footer { | |
101 | + color: var(--main-header-color); | |
102 | + } | |
103 | + | |
104 | + </style> | |
105 | + | |
106 | +<!-- Themes clair : | |
107 | + atom-one-light.css, vs.css googlecode.css github.css | |
108 | + qtcreator_light.css | |
109 | + Themes sombres : | |
110 | + agate.css vs2015.css atom-one-dark.css hybrid.css | |
111 | + ir-black.css sunburst.css tomorrow-night-bright.css | |
112 | + qtcreator_dark.css | |
113 | + Demo live : https://highlightjs.org/static/demo/ --> | |
114 | + <link rel="stylesheet" | |
115 | + href="[% resource('common/hljs/styles/sunburst.css') %]" > | |
116 | + | |
117 | + <!-- hljs --> | |
118 | + <script src="[% resource('common/hljs/highlight.pack.js') %]"></script> | |
119 | + | |
120 | + <script> | |
121 | + function openNav() { | |
122 | + if (document.getElementById("mySidenav").getAttribute("class").split(' ')[1] == "menuClosed") { | |
123 | + document.getElementById("mySidenav").style.width = "300px"; | |
124 | + /*document.getElementById("main").style.marginLeft = "300px";*/ | |
125 | + document.getElementById("mySidenav").setAttribute("class","menu menuOpen"); | |
126 | + /* Scroll to top when opening menu */ | |
127 | + document.body.scrollTop = 0 | |
128 | + document.documentElement.scrollTop = 0; | |
129 | + } else { | |
130 | + document.getElementById("mySidenav").style.width = "0"; | |
131 | + /*document.getElementById("main").style.marginLeft = "0";*/ | |
132 | + document.getElementById("mySidenav").setAttribute("class","menu menuClosed"); | |
133 | + } | |
134 | + } | |
135 | + </script> | |
136 | +</head> | |
137 | +<body> | |
138 | + | |
139 | +<!-- Header --> | |
140 | +<div class='header'> | |
141 | +<table class='navigation' style="float:left"> | |
142 | +<tr class='navigation'> | |
143 | +<td class='navigation'> | |
144 | +<span style="font-size:30px;cursor:pointer;color: var(--main-header-color);" onclick="openNav()">☰</span> | |
145 | +</td> | |
146 | +<td class='navigation'> | |
147 | +[% IF navigation.prev %] | |
148 | + <a href='[% uri(navigation.prev) %]'> | |
149 | + <img src="[% resource('common/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> | |
150 | + </a> | |
151 | +[% ELSE %] | |
152 | + <img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> | |
153 | +[% END %] | |
154 | +</td> | |
155 | +<td class='navigation'> | |
156 | +[% IF links.get("index") %] | |
157 | + <a href='[% uri(links.get("index")) %]'> | |
158 | + <img src="[% resource('common/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> | |
159 | + </a> | |
160 | +[% ELSE %] | |
161 | + <img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> | |
162 | +[% END %] | |
163 | +</td> | |
164 | +<td class='navigation'> | |
165 | +[% IF navigation.next %] | |
166 | + <a href='[% uri(navigation.next) %]'> | |
167 | + <img src="[% resource('common/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> | |
168 | + </a> | |
169 | +[% ELSE %] | |
170 | + <img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> | |
171 | +[% END %] | |
172 | +</td> | |
173 | +</tr> | |
174 | +</table> | |
175 | + | |
176 | +<span> | |
177 | +[% FOR page IN pages %] | |
178 | +<a name='[% anchor(page) %]'></a> | |
179 | +<h1 style="display:inline-block;margin-left:20px;margin-top:5px;"> | |
180 | +[% page.title %]</h1> | |
181 | +[% END %] | |
182 | +</span> | |
183 | + | |
184 | +<table class='navigation' style="float:right;margin-right:10px;"> | |
185 | +<tr class='navigation'> | |
186 | +<td class='navigation'> | |
187 | +[% FOR page IN pages %] | |
188 | +[% FOR link IN page.backlinks %] | |
189 | +[% IF loop.first %]<a href="#backlinks"> | |
190 | +<img src='[% resource("common/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'> | |
191 | +</a>[% END %] | |
192 | +[% END %] | |
193 | +[% END %] | |
194 | +</td> | |
195 | +<td class='navigation'> | |
196 | +[% FOR page IN pages %] | |
197 | +[% FOR file IN page.attachments %] | |
198 | +[% IF loop.first %]<a href="#attach"> | |
199 | +<img src='[% resource("common/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'> | |
200 | +</a>[% END %] | |
201 | +[% END %] | |
202 | +[% END %] | |
203 | +</td> | |
204 | +</tr> | |
205 | +</table> | |
206 | +</div> | |
207 | + | |
208 | +<div class="intercalaire"> | |
209 | +<hr /> | |
210 | +</div> | |
211 | + | |
212 | +<div id="mySidenav" class="menu menuClosed"> | |
213 | +[% index() %] | |
214 | +</div> | |
215 | + | |
216 | +[% options.empty_lines = "default" %] | |
217 | + | |
218 | +<!-- Wiki content --> | |
219 | + | |
220 | +<div id="main" class='pages'> | |
221 | +<!--[% FOR page IN pages %]--> | |
222 | +<!-- | |
223 | + <div class='heading'> | |
224 | + <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> | |
225 | + </div> | |
226 | +--> | |
227 | + <div class='content'> | |
228 | + [% page.body %] | |
229 | + </div> | |
230 | + | |
231 | + <br /> | |
232 | + | |
233 | + <div style="padding-bottom:10px;"> | |
234 | + <hr /> | |
235 | + </div> | |
236 | + | |
237 | + <div class='page-footer'> | |
238 | + <!--[% FOR link IN page.backlinks %]--> | |
239 | + [% IF loop.first %] | |
240 | + <a name="backlinks"></a> | |
241 | + <b class="bold-footer">[% gettext("Backlinks:") %]</b> | |
242 | + [% END %] | |
243 | + | |
244 | + <a href='[% uri(link) %]'>[% link.name %]</a> | |
245 | + | |
246 | + [% IF loop.last %]<br /><br />[% END %] | |
247 | + <!--[% END %]--> | |
248 | + | |
249 | + <!--[% FOR file IN page.attachments %]--> | |
250 | + [% IF loop.first %] | |
251 | + <a name="attach"></a> | |
252 | + <b class="bold-footer">[% gettext("Attachments:") %]</b> | |
253 | + <table> | |
254 | + [% END %] | |
255 | + | |
256 | + <tr><td><a href='[% uri(file) %]'>[% file.basename %]</a></td><td> </td><td>[% file.size %]</td></tr> | |
257 | + | |
258 | + [% IF loop.last %] | |
259 | + </table> | |
260 | + [% END %] | |
261 | + <!--[% END %]--> | |
262 | + </div> | |
263 | + | |
264 | + [% IF not loop.last %]<hr />[% END %] | |
265 | + | |
266 | +<!--[% END %]--> | |
267 | +</div> | |
268 | + | |
269 | +<script src="[% resource('common/go-hljs.js') %]"></script> | |
270 | + | |
271 | +</body> | |
272 | + | |
273 | +</html> |
templates/html/Wize_with_index/common
1 | +../common |