]> git.vanrenterghem.biz Git - git.ikiwiki.info.git/blob - templates/page.tmpl
wip bootstrap theme
[git.ikiwiki.info.git] / templates / page.tmpl
1 <!DOCTYPE html>
2 <TMPL_IF HTML_LANG_CODE><html lang="<TMPL_VAR HTML_LANG_CODE>" dir="<TMPL_VAR HTML_LANG_DIR>" xmlns="http://www.w3.org/1999/xhtml"><TMPL_ELSE><html xmlns="http://www.w3.org/1999/xhtml"></TMPL_IF>
3 <head>
4 <TMPL_IF DYNAMIC>
5 <TMPL_IF FORCEBASEURL><base href="<TMPL_VAR FORCEBASEURL>" /><TMPL_ELSE>
6 <TMPL_IF BASEURL><base href="<TMPL_VAR BASEURL>" /></TMPL_IF>
7 </TMPL_IF>
8 </TMPL_IF>
9 <TMPL_IF HTML5><meta charset="utf-8" /><TMPL_ELSE><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></TMPL_IF>
10 <title><TMPL_VAR TITLE></title>
11 <TMPL_IF RESPONSIVE_LAYOUT><meta name="viewport" content="width=device-width, initial-scale=1" /></TMPL_IF>
12 <TMPL_IF FAVICON>
13 <link rel="icon" href="<TMPL_VAR BASEURL><TMPL_VAR FAVICON>" type="image/x-icon" />
14 </TMPL_IF>
15 <TMPL_IF THEME_BOOTSTRAP>
16 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" type="text/css" />
17 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" type="text/css" />
18 </TMPL_IF>
19 <link rel="stylesheet" href="<TMPL_VAR BASEURL>style.css" type="text/css" />
20 <TMPL_IF LOCAL_CSS>
21 <link rel="stylesheet" href="<TMPL_VAR BASEURL><TMPL_VAR LOCAL_CSS>" type="text/css" />
22 <TMPL_ELSE>
23 <link rel="stylesheet" href="<TMPL_VAR BASEURL>local.css" type="text/css" />
24 </TMPL_IF>
25 <TMPL_IF THEME_BOOTSTRAP>
26 <TMPL_ELSE>
27 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
28 <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.2.0/js/tether.js"></script>
29 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js"></script>
30 </TMPL_IF>
32 <TMPL_UNLESS DYNAMIC>
33 <TMPL_IF EDITURL>
34 <link rel="alternate" type="application/x-wiki" title="Edit this page" href="<TMPL_VAR EDITURL>" />
35 </TMPL_IF>
36 <TMPL_IF FEEDLINKS><TMPL_VAR FEEDLINKS></TMPL_IF>
37 <TMPL_IF RELVCS><TMPL_VAR RELVCS></TMPL_IF>
38 <TMPL_IF META><TMPL_VAR META></TMPL_IF>
39 <TMPL_LOOP TRAILLOOP>
40 <TMPL_IF PREVPAGE>
41 <link rel="prev" href="<TMPL_VAR PREVURL>" title="<TMPL_VAR PREVTITLE>" />
42 </TMPL_IF>
43 <link rel="up" href="<TMPL_VAR TRAILURL>" title="<TMPL_VAR TRAILTITLE>" />
44 <TMPL_IF NEXTPAGE>
45 <link rel="next" href="<TMPL_VAR NEXTURL>" title="<TMPL_VAR NEXTTITLE>" />
46 </TMPL_IF>
47 </TMPL_LOOP>
48 </TMPL_UNLESS>
50 </head>
51 <body>
53 <TMPL_UNLESS THEME_BOOTSTRAP>
55 <TMPL_IF HTML5><article class="page"><TMPL_ELSE><div class="page"></TMPL_IF>
57 <TMPL_IF HTML5><section class="pageheader"><TMPL_ELSE><div class="pageheader"></TMPL_IF>
58 <TMPL_IF HTML5><header class="header"><TMPL_ELSE><div class="header"></TMPL_IF>
59 <span>
60 <span class="parentlinks">
61 <TMPL_LOOP PARENTLINKS>
62 <a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a>/ 
63 </TMPL_LOOP>
64 </span>
65 <span class="title">
66 <TMPL_VAR TITLE>
67 <TMPL_IF ISTRANSLATION>
68 &nbsp;(<TMPL_VAR PERCENTTRANSLATED>%)
69 </TMPL_IF>
70 </span>
71 </span>
73 <TMPL_ELSE>
75 <div id="notfooter">
76 <div id="header">
77 <header class="navbar navbar-dark bg-inverse navbar-full">
78 <div class="container">
79 <button type="button" class="navbar-toggler hidden-sm-up pull-xs-right" data-toggle="collapse" data-target="#header-nav">&#9776;</button>
80 <ul class="nav navbar-nav">
81 <TMPL_LOOP NAME="PARENTLINKS">
82 <li class="nav-item <TMPL_UNLESS NAME="DEPTH_0">hidden-md-down</TMPL_UNLESS>"><a class="nav-link" href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a></li>
83 </TMPL_LOOP>
84 <li class="nav-item"><a class="nav-link active <TMPL_IF HAS_PARENTLINKS>hidden-md-down</TMPL_IF>" href="#"><TMPL_VAR TITLE><TMPL_IF ISTRANSLATION>&nbsp;(<TMPL_VAR PERCENTTRANSLATED>%)</TMPL_IF></a></li>
85 </ul>
87 <div class="collapse navbar-toggleable-xs" id="header-nav">
88 </TMPL_UNLESS>
90 <TMPL_UNLESS DYNAMIC>
91 <TMPL_IF SEARCHFORM>
92 <TMPL_VAR SEARCHFORM>
93 </TMPL_IF>
94 </TMPL_UNLESS>
96 <TMPL_UNLESS THEME_BOOTSTRAP>
97 <TMPL_IF HTML5></header><TMPL_ELSE></div></TMPL_IF>
98 <TMPL_ELSE>
99 <TMPL_IF OTHERLANGUAGES>
100 <nav id="otherlanguages" class="pull-xs-right">
101 <ul class="nav navbar-nav">
102 <TMPL_LOOP OTHERLANGUAGES>
103 <li class="nav-item">
104 <a class="nav-link" href="<TMPL_VAR URL>"><TMPL_VAR LANGUAGE></a>
105 <TMPL_IF MASTER>(master)<TMPL_ELSE>&nbsp;(<TMPL_VAR PERCENT>%)</TMPL_IF>
106 </li>
107 </TMPL_LOOP>
108 </ul>
109 </nav>
110 </TMPL_IF>
111 </TMPL_UNLESS>
113 <TMPL_IF HAVE_ACTIONS>
114 <TMPL_UNLESS THEME_BOOTSTRAP>
115 <TMPL_IF HTML5><nav class="actions"><TMPL_ELSE><div class="actions"></TMPL_IF>
116 <ul>
117 <TMPL_ELSE>
118 <nav class="actions pull-xs-right">
119 <ul class="nav navbar-nav">
120 </TMPL_UNLESS>
121 <TMPL_IF EDITURL>
122 <TMPL_UNLESS THEME_BOOTSTRAP>
123 <li><a href="<TMPL_VAR EDITURL>" rel="nofollow">Edit</a></li>
124 <TMPL_ELSE>
125 <li class="nav-item"><a class="nav-link" href="<TMPL_VAR EDITURL>" rel="nofollow"><i class="fa fa-pencil"></i>Edit</a></li>
126 </TMPL_UNLESS>
127 </TMPL_IF>
128 <TMPL_IF RECENTCHANGESURL>
129 <TMPL_UNLESS THEME_BOOTSTRAP>
130 <li><a href="<TMPL_VAR RECENTCHANGESURL>">RecentChanges</a></li>
131 <TMPL_ELSE>
132 <li class="nav-item"><a class="nav-link" href="<TMPL_VAR RECENTCHANGESURL>">RecentChanges</a></li>
133 </TMPL_UNLESS>
134 </TMPL_IF>
135 <TMPL_IF HISTORYURL>
136 <TMPL_UNLESS THEME_BOOTSTRAP>
137 <li><a href="<TMPL_VAR HISTORYURL>">History</a></li>
138 <TMPL_ELSE>
139 <li class="nav-item"><a class="nav-link" href="<TMPL_VAR HISTORYURL>">History</a></li>
140 </TMPL_UNLESS>
141 </TMPL_IF>
142 <TMPL_IF GETSOURCEURL>
143 <TMPL_UNLESS THEME_BOOTSTRAP>
144 <li><a href="<TMPL_VAR GETSOURCEURL>">Source</a></li>
145 <TMPL_ELSE>
146 <li class="nav-item"><a class="nav-link" href="<TMPL_VAR GETSOURCEURL>">Source</a></li>
147 </TMPL_UNLESS>
148 </TMPL_IF>
149 <TMPL_IF PREFSURL>
150 <TMPL_UNLESS THEME_BOOTSTRAP>
151 <li><a href="<TMPL_VAR PREFSURL>">Preferences</a></li>
152 <TMPL_ELSE>
153 <li class="nav-item"><a class="nav-link" href="<TMPL_VAR PREFSURL>"><i class="fa fa-cog"></i>Preferences</a></li>
154 </TMPL_UNLESS>
155 </TMPL_IF>
156 <TMPL_IF ACTIONS>
157 <TMPL_LOOP ACTIONS>
158 <TMPL_UNLESS THEME_BOOTSTRAP>
159 <li><TMPL_VAR ACTION></li>
160 <TMPL_ELSE>
161 <li class="nav-item nav-link"><TMPL_VAR ACTION></li>
162 </TMPL_UNLESS>
163 </TMPL_LOOP>
164 </TMPL_IF>
165 <TMPL_IF COMMENTSLINK>
166 <TMPL_UNLESS THEME_BOOTSTRAP>
167 <li><TMPL_VAR COMMENTSLINK></li>
168 <TMPL_ELSE>
169 <li class="nav-item nav-link"><TMPL_VAR COMMENTSLINK></li>
170 </TMPL_UNLESS>
171 <TMPL_ELSE>
172 <TMPL_IF DISCUSSIONLINK>
173 <TMPL_UNLESS THEME_BOOTSTRAP>
174 <li><TMPL_VAR DISCUSSIONLINK></li>
175 <TMPL_ELSE>
176 <li class="nav-item nav-link"><TMPL_VAR DISCUSSIONLINK></li>
177 </TMPL_UNLESS>
178 </TMPL_IF>
179 </TMPL_IF>
180 </ul>
181 <TMPL_UNLESS THEME_BOOTSTRAP>
182 <TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
183 <TMPL_ELSE>
184 </nav>
185 </TMPL_UNLESS>
186 </TMPL_IF>
188 <TMPL_UNLESS THEME_BOOTSTRAP>
189 <TMPL_IF OTHERLANGUAGES>
190 <TMPL_IF HTML5><nav id="otherlanguages"><TMPL_ELSE><div id="otherlanguages"></TMPL_IF>
191 <ul>
192 <TMPL_LOOP OTHERLANGUAGES>
193 <li>
194 <a href="<TMPL_VAR URL>"><TMPL_VAR LANGUAGE></a>
195 <TMPL_IF MASTER>
196 (master)
197 <TMPL_ELSE>
198 &nbsp;(<TMPL_VAR PERCENT>%)
199 </TMPL_IF>
200 </li>
201 </TMPL_LOOP>
202 </ul>
203 <TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
204 </TMPL_IF>
205 </TMPL_UNLESS>
207 <TMPL_UNLESS DYNAMIC>
208 <TMPL_VAR TRAILS>
209 </TMPL_UNLESS>
211 <TMPL_UNLESS THEME_BOOTSTRAP>
212 <TMPL_IF HTML5></section><TMPL_ELSE></div></TMPL_IF>
213 <TMPL_ELSE>
214 </div>
215 </div>
216 </header>
217 </div>
218 </TMPL_UNLESS>
220 <TMPL_UNLESS THEME_BOOTSTRAP>
221 <TMPL_UNLESS DYNAMIC>
222 <TMPL_IF SIDEBAR>
223 <TMPL_IF HTML5><aside class="sidebar"><TMPL_ELSE><div class="sidebar"></TMPL_IF>
224 <TMPL_VAR SIDEBAR>
225 <TMPL_IF HTML5></aside><TMPL_ELSE></div></TMPL_IF>
226 </TMPL_IF>
227 </TMPL_UNLESS>
228 <TMPL_ELSE>
229 <div class="container">
230 <TMPL_UNLESS DYNAMIC>
231 <TMPL_IF SIDEBAR>
232 <div class="row">
233 <div class="col-sm-8 col-md-9">
234 </TMPL_IF>
235 </TMPL_UNLESS>
236 </TMPL_UNLESS>
238 <TMPL_UNLESS THEME_BOOTSTRAP>
239 <div id="pagebody">
241 <TMPL_IF HTML5><section<TMPL_ELSE><div</TMPL_IF> id="content" role="main">
242 <TMPL_VAR CONTENT>
243 <TMPL_IF HTML5></section><TMPL_ELSE></div></TMPL_IF>
244 <TMPL_ELSE>
245 <main id="content">
246 <TMPL_VAR CONTENT>
247 </main>
248 </TMPL_UNLESS>
250 <TMPL_IF ENCLOSURE>
251 <TMPL_UNLESS THEME_BOOTSTRAP>
252 <TMPL_IF HTML5><section id="enclosure"><TMPL_ELSE><div id="enclosure"></TMPL_IF>
253 <a href="<TMPL_VAR ENCLOSURE>">Download</a>
254 <TMPL_IF HTML5></section><TMPL_ELSE></div></TMPL_IF>
255 <TMPL_ELSE>
256 <section id="enclosure" title="Download">
257 <a href="<TMPL_VAR ENCLOSURE>">Download</a>
258 </section>
259 </TMPL_UNLESS>
260 </TMPL_IF>
262 <TMPL_UNLESS DYNAMIC>
263 <TMPL_IF COMMENTS>
264 <TMPL_UNLESS THEME_BOOTSTRAP>
265 <TMPL_IF HTML5><section<TMPL_ELSE><div</TMPL_IF> id="comments" role="complementary">
266 <TMPL_VAR COMMENTS>
267 <TMPL_ELSE>
268 <section id="comments" title="Comments">
269 <a href="<TMPL_VAR ADDCOMMENTURL>" class="btn btn-primary">Add a comment</a>
270 <TMPL_VAR COMMENTS>
271 </TMPL_UNLESS>
272 <TMPL_IF ADDCOMMENTURL>
273 <TMPL_UNLESS THEME_BOOTSTRAP>
274 <div class="addcomment">
275 <a href="<TMPL_VAR ADDCOMMENTURL>">Add a comment</a>
276 </div>
277 </TMPL_UNLESS>
278 <TMPL_ELSE>
279 <div class="addcomment">Comments on this page are closed.</div>
280 </TMPL_IF>
281 <TMPL_UNLESS THEME_BOOTSTRAP>
282 <TMPL_IF HTML5></section><TMPL_ELSE></div></TMPL_IF>
283 <TMPL_VAR COMMENTS>
284 <TMPL_ELSE>
285 <TMPL_VAR COMMENTS>
286 </section>
287 </TMPL_UNLESS>
288 </TMPL_IF>
289 </TMPL_UNLESS>
291 <TMPL_UNLESS THEME_BOOTSTRAP>
292 <TMPL_ELSE>
293 <TMPL_UNLESS DYNAMIC>
294 <TMPL_IF SIDEBAR>
295 </div>
296 <div class="col-sm-4 col-md-3">
297 <aside id="sidebar" class="card card-block">
298 <TMPL_VAR SIDEBAR>
299 </aside>
300 </div>
301 </div>
302 </TMPL_IF>
303 </TMPL_UNLESS>
304 </div>
305 </TMPL_UNLESS>
307 </div>
309 <TMPL_UNLESS THEME_BOOTSTRAP>
310 <TMPL_IF HTML5><footer<TMPL_ELSE><div</TMPL_IF> id="footer" class="pagefooter" role="contentinfo">
311 <TMPL_ELSE>
312 <footer id="footer" class="container">
313 </TMPL_UNLESS>
314 <TMPL_UNLESS DYNAMIC>
315 <TMPL_UNLESS THEME_BOOTSTRAP>
316 <TMPL_IF HTML5><nav id="pageinfo"><TMPL_ELSE><div id="pageinfo"></TMPL_IF>
318 <TMPL_ELSE>
319 <nav id="pageinfo">
320 </TMPL_UNLESS>
321 <TMPL_VAR TRAILS>
323 <TMPL_IF TAGS>
324 <TMPL_UNLESS THEME_BOOTSTRAP>
325 <TMPL_IF HTML5><nav class="tags"><TMPL_ELSE><div class="tags"></TMPL_IF>
326 Tags:
327 <TMPL_ELSE>
328 <span class="tags">
329 <i class="fa fa-tag"></i>Tags:
330 </TMPL_UNLESS>
331 <TMPL_LOOP TAGS>
332 <TMPL_VAR LINK>
333 </TMPL_LOOP>
334 <TMPL_UNLESS THEME_BOOTSTRAP>
335 <TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
336 <TMPL_ELSE>
337 </span>
338 </TMPL_UNLESS>
339 </TMPL_IF>
341 <TMPL_IF BACKLINKS>
342 <TMPL_UNLESS THEME_BOOTSTRAP>
343 <TMPL_IF HTML5><nav id="backlinks"><TMPL_ELSE><div id="backlinks"></TMPL_IF>
344 Links:
345 <TMPL_ELSE>
346 <span id="backlinks">
347 <i class="fa fa-link"></i>Links:
348 </TMPL_UNLESS>
349 <TMPL_LOOP BACKLINKS>
350 <a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a>
351 </TMPL_LOOP>
352 <TMPL_IF MORE_BACKLINKS>
353 <span class="popup">...
354 <span class="balloon">
355 <TMPL_LOOP MORE_BACKLINKS>
356 <a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a>
357 </TMPL_LOOP>
358 </span>
359 </span>
360 </TMPL_IF>
361 <TMPL_UNLESS THEME_BOOTSTRAP>
362 <TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
363 <TMPL_ELSE>
364 </span>
365 </TMPL_UNLESS>
366 </TMPL_IF>
368 <TMPL_IF COPYRIGHT>
369 <TMPL_UNLESS THEME_BOOTSTRAP>
370 <div class="pagecopyright">
371 <a name="pagecopyright"></a>
372 <TMPL_VAR COPYRIGHT>
373 </div>
374 <TMPL_ELSE>
375 <span id="pagecopyright">
376 <a name="pagecopyright"/><TMPL_VAR COPYRIGHT>
377 </span>
378 </TMPL_UNLESS>
379 </TMPL_IF>
381 <TMPL_IF LICENSE>
382 <TMPL_UNLESS THEME_BOOTSTRAP>
383 <div class="pagelicense">
384 <a name="pagelicense"></a>
385 License: <TMPL_VAR LICENSE>
386 </div>
387 <TMPL_ELSE>
388 <span id="pagelicense">
389 <a name="pagelicense"/>License: <TMPL_VAR LICENSE>
390 </span>
391 </TMPL_UNLESS>
392 </TMPL_IF>
394 <TMPL_UNLESS THEME_BOOTSTRAP>
395 <div class="pagedate">
396 <TMPL_ELSE>
397 <span id="pagedate">
398 </TMPL_UNLESS>
399 Last edited <TMPL_VAR MTIME>
400 <!-- Created <TMPL_VAR CTIME> -->
401 <TMPL_UNLESS THEME_BOOTSTRAP>
402 </div>
403 <TMPL_ELSE>
404 </span>
405 </TMPL_UNLESS>
407 <TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
408 <TMPL_IF EXTRAFOOTER><TMPL_VAR EXTRAFOOTER></TMPL_IF>
409 </TMPL_UNLESS>
410 <!-- from <TMPL_VAR WIKINAME> -->
411 <TMPL_IF HTML5></footer><TMPL_ELSE></div></TMPL_IF>
413 <TMPL_UNLESS THEME_BOOTSTRAP>
414 <TMPL_IF HTML5></article><TMPL_ELSE></div></TMPL_IF>
415 </TMPL_UNLESS>
417 </body>
418 </html>