William Daniau / wize

Download as
Browse Code »

Commit 677db2974e80ec8002592eec18866975e6119b41

Authored by William Daniau
1 parent 2623019d52
Exists in master

AJout du link vers favicon.ico

Showing 3 changed files with 6 additions and 0 deletions Inline Diff

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