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