William Daniau / wize

Download as
Browse Code »

Commit 66e16d78f404ed6b39a489efff21a9dd71853720

Authored by William Daniau
1 parent 3fe314c190
Exists in master

Utilisation optionelle d'un fond défini par common-spec/fond.jpg

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

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