Commit 79c64189b59cd806049105f29a651b5143e5644e

Authored by William Daniau
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>&nbsp;</td><td>[% file.size %]</td></tr> 118 203 <tr><td><a href='[% uri(file) %]'>[% file.basename %]</a></td><td>&nbsp;</td><td>[% file.size %]</td></tr>
119 204
[% IF loop.last %] 120 205 [% IF loop.last %]
</table> 121 206 </table>
[% END %] 122 207 [% END %]