William Daniau / wize

Download as
Browse Code »

Commit 659c7d608bd37e76504ae5fd69d6b50e0e12aab8

Authored by William Daniau
1 parent ab06d3ac39
Exists in master

On regroupe les fonction js dans un fichier commun 

Ajout du bouton go to top

Showing 4 changed files with 76 additions and 66 deletions Inline Diff

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