William Daniau / wize

Download as
Browse Code »

Commit fdb370fcc5acdc874eb4fc8c874fd74a40dac869

Authored by William Daniau
1 parent c0f20deb12
Exists in master

Modifications en vue de la possibilté de l'ajout d'un fond.

Showing 1 changed file with 13 additions and 1 deletions Inline Diff

templates/html/Default_with_index.html
Diff comments   View file @ fdb370f
<!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;
36 background: white;
37 padding-left: 10px;
38 padding-right: 10px;
39 padding-bottom: 20px;
} 36 40 }
37 41
.menu{ 38 42 .menu{
/*float:left; */ 39 43 /*float:left; */
width: 0; 40 44 width: 0;
color:#4e9a06; 41 45 color:#4e9a06;
overflow-x: hidden; 42 46 overflow-x: hidden;
position: absolute; 43 47 position: absolute;
transition:.3s; 44 48 transition:.3s;
background: #fafafa; 45 49 background: #fafafa;
border-style: solid; 46 50 border-style: solid;
border-width: 1px; 47 51 border-width: 1px;
} 48 52 }
49 53
.menu a,.menu a:link,.menu a:hover,.menu a:active,.menu a:visited { 50 54 .menu a,.menu a:link,.menu a:hover,.menu a:active,.menu a:visited {
color: #4e9a06; 51 55 color: #4e9a06;
} 52 56 }
53 57
.menuOpen { 54 58 .menuOpen {
/*display: block;*/ 55 59 /*display: block;*/
} 56 60 }
57 61
.menuClosed { 58 62 .menuClosed {
border-style: unset; 59 63 border-style: unset;
} 60 64 }
61 65
.header{ 62 66 .header{
max-width: 63em; 63 67 max-width: 63em;
position: fixed; 64 68 position: fixed;
width: 100%; 65 69 width: 100%;
top:0; 66 70 top:0;
background:white; 67 71 background:white;
z-index: 1; 68 72 z-index: 1;
} 69 73 }
70 74
hr{clear:both;} 71 75 hr{clear:both;}
72 76
body { 73 77 body {
max-width:63em; 74 78 max-width:63em;
display:block; 75 79 display:block;
margin-left:auto; 76 80 margin-left:auto;
margin-right:auto; 77 81 margin-right:auto;
} 78 82 }
79 83
84 .intercalaire {
85 background:white;
86 margin-top: 48px;
87 padding: 5px;
88 }
89
</style> 80 90 </style>
81 91
<!-- Themes clair : 82 92 <!-- Themes clair :
atom-one-light.css, vs.css googlecode.css github.css 83 93 atom-one-light.css, vs.css googlecode.css github.css
qtcreator_light.css 84 94 qtcreator_light.css
Themes sombres : 85 95 Themes sombres :
agate.css vs2015.css atom-one-dark.css hybrid.css 86 96 agate.css vs2015.css atom-one-dark.css hybrid.css
ir-black.css sunburst.css tomorrow-night-bright.css 87 97 ir-black.css sunburst.css tomorrow-night-bright.css
qtcreator_dark.css 88 98 qtcreator_dark.css
Demo live : https://highlightjs.org/static/demo/ --> 89 99 Demo live : https://highlightjs.org/static/demo/ -->
<link rel="stylesheet" 90 100 <link rel="stylesheet"
href="[% resource('common/hljs/styles/sunburst.css') %]" > 91 101 href="[% resource('common/hljs/styles/sunburst.css') %]" >
92 102
<!-- hljs --> 93 103 <!-- hljs -->
<script src="[% resource('common/hljs/highlight.pack.js') %]"></script> 94 104 <script src="[% resource('common/hljs/highlight.pack.js') %]"></script>
95 105
<script> 96 106 <script>
function openNav() { 97 107 function openNav() {
if (document.getElementById("mySidenav").getAttribute("class").split(' ')[1] == "menuClosed") { 98 108 if (document.getElementById("mySidenav").getAttribute("class").split(' ')[1] == "menuClosed") {
document.getElementById("mySidenav").style.width = "300px"; 99 109 document.getElementById("mySidenav").style.width = "300px";
/*document.getElementById("main").style.marginLeft = "300px";*/ 100 110 /*document.getElementById("main").style.marginLeft = "300px";*/
document.getElementById("mySidenav").setAttribute("class","menu menuOpen"); 101 111 document.getElementById("mySidenav").setAttribute("class","menu menuOpen");
/* Scroll to top when opening menu */ 102 112 /* Scroll to top when opening menu */
document.body.scrollTop = 0 103 113 document.body.scrollTop = 0
document.documentElement.scrollTop = 0; 104 114 document.documentElement.scrollTop = 0;
} else { 105 115 } else {
document.getElementById("mySidenav").style.width = "0"; 106 116 document.getElementById("mySidenav").style.width = "0";
/*document.getElementById("main").style.marginLeft = "0";*/ 107 117 /*document.getElementById("main").style.marginLeft = "0";*/
document.getElementById("mySidenav").setAttribute("class","menu menuClosed"); 108 118 document.getElementById("mySidenav").setAttribute("class","menu menuClosed");
109 119
} 110 120 }
} 111 121 }
</script> 112 122 </script>
113 123
114 124
</head> 115 125 </head>
<body> 116 126 <body>
117 127
<!-- Header --> 118 128 <!-- Header -->
<div class='header'> 119 129 <div class='header'>
<table class='navigation' style="float:left"> 120 130 <table class='navigation' style="float:left">
<tr class='navigation'> 121 131 <tr class='navigation'>
<td class='navigation'> 122 132 <td class='navigation'>
<span style="font-size:30px;cursor:pointer;color: #4e9a06;" onclick="openNav()">&#9776;</span> 123 133 <span style="font-size:30px;cursor:pointer;color: #4e9a06;" onclick="openNav()">&#9776;</span>
</td> 124 134 </td>
<td class='navigation'> 125 135 <td class='navigation'>
[% IF navigation.prev %] 126 136 [% IF navigation.prev %]
<a href='[% uri(navigation.prev) %]'> 127 137 <a href='[% uri(navigation.prev) %]'>
<img src="[% resource('common/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> 128 138 <img src="[% resource('common/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
</a> 129 139 </a>
[% ELSE %] 130 140 [% ELSE %]
<img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> 131 141 <img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
[% END %] 132 142 [% END %]
</td> 133 143 </td>
<td class='navigation'> 134 144 <td class='navigation'>
[% IF links.get("index") %] 135 145 [% IF links.get("index") %]
<a href='[% uri(links.get("index")) %]'> 136 146 <a href='[% uri(links.get("index")) %]'>
<img src="[% resource('common/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> 137 147 <img src="[% resource('common/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
</a> 138 148 </a>
[% ELSE %] 139 149 [% ELSE %]
<img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> 140 150 <img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
[% END %] 141 151 [% END %]
</td> 142 152 </td>
<td class='navigation'> 143 153 <td class='navigation'>
[% IF navigation.next %] 144 154 [% IF navigation.next %]
<a href='[% uri(navigation.next) %]'> 145 155 <a href='[% uri(navigation.next) %]'>
<img src="[% resource('common/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> 146 156 <img src="[% resource('common/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
</a> 147 157 </a>
[% ELSE %] 148 158 [% ELSE %]
<img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> 149 159 <img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
[% END %] 150 160 [% END %]
</td> 151 161 </td>
</tr> 152 162 </tr>
</table> 153 163 </table>
154 164
<span> 155 165 <span>
[% FOR page IN pages %] 156 166 [% FOR page IN pages %]
<a name='[% anchor(page) %]'></a> 157 167 <a name='[% anchor(page) %]'></a>
<h1 style="display:inline-block;margin-left:20px;margin-top:5px;"> 158 168 <h1 style="display:inline-block;margin-left:20px;margin-top:5px;">
[% page.title %]</h1> 159 169 [% page.title %]</h1>
[% END %] 160 170 [% END %]
</span> 161 171 </span>
162 172
<table class='navigation' style="float:right;margin-right:10px;"> 163 173 <table class='navigation' style="float:right;margin-right:10px;">
<tr class='navigation'> 164 174 <tr class='navigation'>
<td class='navigation'> 165 175 <td class='navigation'>
[% FOR page IN pages %] 166 176 [% FOR page IN pages %]
[% FOR link IN page.backlinks %] 167 177 [% FOR link IN page.backlinks %]
[% IF loop.first %]<a href="#backlinks"> 168 178 [% IF loop.first %]<a href="#backlinks">
<img src='[% resource("common/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'> 169 179 <img src='[% resource("common/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'>
</a>[% END %] 170 180 </a>[% END %]
[% END %] 171 181 [% END %]
[% END %] 172 182 [% END %]
</td> 173 183 </td>
<td class='navigation'> 174 184 <td class='navigation'>
[% FOR page IN pages %] 175 185 [% FOR page IN pages %]
[% FOR file IN page.attachments %] 176 186 [% FOR file IN page.attachments %]
[% IF loop.first %]<a href="#attach"> 177 187 [% IF loop.first %]<a href="#attach">
<img src='[% resource("common/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'> 178 188 <img src='[% resource("common/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'>
</a>[% END %] 179 189 </a>[% END %]
[% END %] 180 190 [% END %]
[% END %] 181 191 [% END %]
</td> 182 192 </td>
</tr> 183 193 </tr>
</table> 184 194 </table>
</div> 185 195 </div>
186 196
<hr style="margin-top:50px" /> 187 197 <div class="intercalaire">
198 <hr />
199 </div>
188 200
<div id="mySidenav" class="menu menuClosed"> 189 201 <div id="mySidenav" class="menu menuClosed">
[% index() %] 190 202 [% index() %]
</div> 191 203 </div>
192 204
[% options.empty_lines = "default" %] 193 205 [% options.empty_lines = "default" %]
194 206
<!-- Wiki content --> 195 207 <!-- Wiki content -->
196 208
<div id="main" class='pages'> 197 209 <div id="main" class='pages'>
<!--[% FOR page IN pages %]--> 198 210 <!--[% FOR page IN pages %]-->
<!-- 199 211 <!--
<div class='heading'> 200 212 <div class='heading'>
<h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> 201 213 <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1>
</div> 202 214 </div>
--> 203 215 -->
<div class='content'> 204 216 <div class='content'>
[% page.body %] 205 217 [% page.body %]
</div> 206 218 </div>
207 219
<br /> 208 220 <br />