William Daniau / wize

Commit f50b33c8fbb5c97e61cb2a144d5bdfe71c1c9f85

Authored by William Daniau 2019-10-11 22:55:14 +0200

Exists in master

Ajout d'une fonction pour résoudre un pb d'affichage dans chrome lorsque

le logo est absent.

Showing 5 changed files with 60 additions and 15 deletions Inline Diff

templates/html/Wize.html
templates/html/Wize_Print.html
templates/html/Wize_Print_Template.html
templates/html/Wize_with_index.html
templates/html/Wize_with_index_sod.html

templates/html/Wize.html

Diff comments View file @ f50b33c

<!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
<script src="[% resource('common-spec/notice.js') %]"></script>	97	97	<script src="[% resource('common-spec/notice.js') %]"></script>
	98	98
		99	<script>
		100	function testLogo() {
		101	logo=document.getElementById("logoImgId");
		102	logodiv=document.getElementById("logoDivId");
		103	if (logo.naturalHeight == 0) {
		104	logodiv.setAttribute("style","display:none;");
		105	}
		106	}
		107	</script>
</head>	99	108	</head>
<body>	100	109	<body onload="testLogo()">
	101	110
[% options.empty_lines = "default" %]	102	111	[% options.empty_lines = "default" %]
	103	112
<div class='header'>	104	113	<div class='header'>
<table class='navigation' style="float:left">	105	114	<table class='navigation' style="float:left">
<tr class='navigation'>	106	115	<tr class='navigation'>
<td class='navigation'>	107	116	<td class='navigation'>
[% IF navigation.prev %]	108	117	[% IF navigation.prev %]
<a href='[% uri(navigation.prev) %]'>	109	118	<a href='[% uri(navigation.prev) %]'>
<img src="[% resource('common-spec/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">	110	119	<img src="[% resource('common-spec/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
</a>	111	120	</a>
[% ELSE %]	112	121	[% ELSE %]
<!--	113	122	<!--
<img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">	114	123	<img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
-->	115	124	-->
[% END %]	116	125	[% END %]
</td>	117	126	</td>
<td class='navigation'>	118	127	<td class='navigation'>
[% IF links.get("index") %]	119	128	[% IF links.get("index") %]
<a href='[% uri(links.get("index")) %]'>	120	129	<a href='[% uri(links.get("index")) %]'>
<img src="[% resource('common-spec/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">	121	130	<img src="[% resource('common-spec/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
</a>	122	131	</a>
[% ELSE %]	123	132	[% ELSE %]
<!--	124	133	<!--
<img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">	125	134	<img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
-->	126	135	-->
[% END %]	127	136	[% END %]
</td>	128	137	</td>
<td class='navigation'>	129	138	<td class='navigation'>
[% IF navigation.next %]	130	139	[% IF navigation.next %]
<a href='[% uri(navigation.next) %]'>	131	140	<a href='[% uri(navigation.next) %]'>
<img src="[% resource('common-spec/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">	132	141	<img src="[% resource('common-spec/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
</a>	133	142	</a>
[% ELSE %]	134	143	[% ELSE %]
<!--	135	144	<!--
<img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">	136	145	<img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
-->	137	146	-->
[% END %]	138	147	[% END %]
</td>	139	148	</td>
</tr>	140	149	</tr>
</table>	141	150	</table>
	142	151
<span>	143	152	<span>
[% FOR page IN pages %]	144	153	[% FOR page IN pages %]
<a name='[% anchor(page) %]'></a>	145	154	<a name='[% anchor(page) %]'></a>
<h1 style="display:inline-block;margin-left:20px;margin-top:5px;">	146	155	<h1 style="display:inline-block;margin-left:20px;margin-top:5px;">
[% page.title %]</h1>	147	156	[% page.title %]</h1>
[% END %]	148	157	[% END %]
</span>	149	158	</span>
	150	159
<table class='navigation' style="float:right;margin-right:10px;">	151	160	<table class='navigation' style="float:right;margin-right:10px;">
<tr class='navigation'>	152	161	<tr class='navigation'>
<td class='navigation'>	153	162	<td class='navigation'>
[% FOR page IN pages %]	154	163	[% FOR page IN pages %]
[% FOR link IN page.backlinks %]	155	164	[% FOR link IN page.backlinks %]
[% IF loop.first %]<a href="#backlinks">	156	165	[% IF loop.first %]<a href="#backlinks">
<img src='[% resource("common-spec/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'>	157	166	<img src='[% resource("common-spec/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'>
</a>[% END %]	158	167	</a>[% END %]
[% END %]	159	168	[% END %]
[% END %]	160	169	[% END %]
</td>	161	170	</td>
<td class='navigation'>	162	171	<td class='navigation'>
[% FOR page IN pages %]	163	172	[% FOR page IN pages %]
[% FOR file IN page.attachments %]	164	173	[% FOR file IN page.attachments %]
[% IF loop.first %]<a href="#attach">	165	174	[% IF loop.first %]<a href="#attach">
<img src='[% resource("common-spec/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'>	166	175	<img src='[% resource("common-spec/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'>
</a>[% END %]	167	176	</a>[% END %]
[% END %]	168	177	[% END %]
[% END %]	169	178	[% END %]
</td>	170	179	</td>
</tr>	171	180	</tr>
</table>	172	181	</table>
</div>	173	182	</div>
	174	183
<div class="intercalaire">	175	184	<div class="intercalaire">
<hr />	176	185	<hr />
</div>	177	186	</div>
	178	187
<div style="float:right">	179	188	<div id="logoDivId" style="float:right">
<img src='[% resource("common-spec/logo.png") %]' alt=' '>	180	189	<img id="logoImgId" src='[% resource("common-spec/logo.png") %]' alt=' '>
</div>	181	190	</div>
	182	191
<!-- Wiki content -->	183	192	<!-- Wiki content -->
	184	193
<div class='pages'>	185	194	<div class='pages'>
<!--[% FOR page IN pages %]-->	186	195	<!--[% FOR page IN pages %]-->
<!--	187	196	<!--
<div class='heading'>	188	197	<div class='heading'>
<h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1>	189	198	<h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1>
</div>	190	199	</div>
-->	191	200	-->
	192	201
<div class='content'>	193	202	<div class='content'>
[% page.body %]	194	203	[% page.body %]
</div>	195	204	</div>
	196	205
<br />	197	206	<br />
	198	207
<div class='page-footer'>	199	208	<div class='page-footer'>
<!--[% FOR link IN page.backlinks %]-->	200	209	<!--[% FOR link IN page.backlinks %]-->
<a name="backlinks"></a>	201	210	<a name="backlinks"></a>
[% IF loop.first %]<b class="bold-footer">[% gettext("Backlinks:") %]</b>[% END %]	202	211	[% IF loop.first %]<b class="bold-footer">[% gettext("Backlinks:") %]</b>[% END %]
	203	212

templates/html/Wize_Print.html

Diff comments View file @ f50b33c

<!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 %]'>
<!-- ATTENTION Le template Print ne supporte pas les ressources,	7	7	<!-- ATTENTION Le template Print ne supporte pas les ressources,
Il faut mettre des chemins absolus sur les fichiers :( -->	8	8	Il faut mettre des chemins absolus sur les fichiers :( -->
<link rel="stylesheet"	9	9	<link rel="stylesheet"
href="file:////home/daniau/.local/share/zim/templates/html/print-common/zim-variables.css" >	10	10	href="file:////home/daniau/.local/share/zim/templates/html/print-common/zim-variables.css" >
<link rel="stylesheet"	11	11	<link rel="stylesheet"
href="file:////home/daniau/.local/share/zim/templates/html/common/zim-style.css" >	12	12	href="file:////home/daniau/.local/share/zim/templates/html/common/zim-style.css" >
<link rel="stylesheet"	13	13	<link rel="stylesheet"
href="file:////home/daniau/.local/share/zim/templates/html/common/zim-table-style.css" >	14	14	href="file:////home/daniau/.local/share/zim/templates/html/common/zim-table-style.css" >
<link rel="stylesheet"	15	15	<link rel="stylesheet"
href="file:////home/daniau/.local/share/zim/templates/html/common/zim-special.css" >	16	16	href="file:////home/daniau/.local/share/zim/templates/html/common/zim-special.css" >
<link rel="stylesheet"	17	17	<link rel="stylesheet"
href="file:////home/daniau/.local/share/zim/templates/html/common/zim-hljs.css" >	18	18	href="file:////home/daniau/.local/share/zim/templates/html/common/zim-hljs.css" >
<style type='text/css'>	19	19	<style type='text/css'>
	20	20
* { font-family: serif }	21	21	* { font-family: serif }
	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
</style>	30	30	</style>
	31	31
<!-- Themes clair :	32	32	<!-- Themes clair :
atom-one-light.css, vs.css	33	33	atom-one-light.css, vs.css
Themes sombres :	34	34	Themes sombres :
agate.css, vs2015.css, atom-one-dark.css	35	35	agate.css, vs2015.css, atom-one-dark.css
Demo live : https://highlightjs.org/static/demo/ -->	36	36	Demo live : https://highlightjs.org/static/demo/ -->
<link rel="stylesheet"	37	37	<link rel="stylesheet"
href="file:////home/daniau/.local/share/zim/templates/html/common/hljs/styles/atom-one-light-wb.css" >	38	38	href="file:////home/daniau/.local/share/zim/templates/html/common/hljs/styles/atom-one-light-wb.css" >
	39	39
<!-- hljs -->	40	40	<!-- hljs -->
<script src="file:////home/daniau/.local/share/zim/templates/html/common/hljs/highlight.pack.js"></script>	41	41	<script src="file:////home/daniau/.local/share/zim/templates/html/common/hljs/highlight.pack.js"></script>
	42	42
<script src="file:////home/daniau/.local/share/zim/templates/html/print-common/notice.js"></script>	43	43	<script src="file:////home/daniau/.local/share/zim/templates/html/print-common/notice.js"></script>
	44	44
		45	<script>
		46	function testLogo() {
		47	logo=document.getElementById("logoImgId");
		48	logodiv=document.getElementById("logoDivId");
		49	if (logo.naturalHeight == 0) {
		50	logodiv.setAttribute("style","display:none;");
		51	}
		52	}
		53	</script>
</head>	45	54	</head>
<body>	46	55	<body onload="testLogo()">
	47	56
[% options.empty_lines = "default" %]	48	57	[% options.empty_lines = "default" %]
	49	58
<!-- Wiki content -->	50	59	<!-- Wiki content -->
	51	60
<div style="float:right">	52	61	<div id="logoDivId" style="float:right">
<img src="file:////home/daniau/.local/share/zim/templates/html/print-common/logo.png" alt=' '>	53	62	<img id="logoImgId" src="file:////home/daniau/.local/share/zim/templates/html/print-common/logo.png" alt=' '>
</div>	54	63	</div>
	55	64
	56	65

templates/html/Wize_Print_Template.html

Diff comments View file @ f50b33c

<!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 %]'>
<!-- ATTENTION Le template Print ne supporte pas les ressources,	7	7	<!-- ATTENTION Le template Print ne supporte pas les ressources,
Il faut mettre des chemins absolus sur les fichiers :( -->	8	8	Il faut mettre des chemins absolus sur les fichiers :( -->
<link rel="stylesheet"	9	9	<link rel="stylesheet"
href="file:///%%HOME%%/.local/share/zim/templates/html/print-common/zim-variables.css" >	10	10	href="file:///%%HOME%%/.local/share/zim/templates/html/print-common/zim-variables.css" >
<link rel="stylesheet"	11	11	<link rel="stylesheet"
href="file:///%%HOME%%/.local/share/zim/templates/html/common/zim-style.css" >	12	12	href="file:///%%HOME%%/.local/share/zim/templates/html/common/zim-style.css" >
<link rel="stylesheet"	13	13	<link rel="stylesheet"
href="file:///%%HOME%%/.local/share/zim/templates/html/common/zim-table-style.css" >	14	14	href="file:///%%HOME%%/.local/share/zim/templates/html/common/zim-table-style.css" >
<link rel="stylesheet"	15	15	<link rel="stylesheet"
href="file:///%%HOME%%/.local/share/zim/templates/html/common/zim-special.css" >	16	16	href="file:///%%HOME%%/.local/share/zim/templates/html/common/zim-special.css" >
<link rel="stylesheet"	17	17	<link rel="stylesheet"
href="file:///%%HOME%%/.local/share/zim/templates/html/common/zim-hljs.css" >	18	18	href="file:///%%HOME%%/.local/share/zim/templates/html/common/zim-hljs.css" >
<style type='text/css'>	19	19	<style type='text/css'>
	20	20
* { font-family: serif }	21	21	* { font-family: serif }
	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
</style>	30	30	</style>
	31	31
<!-- Themes clair :	32	32	<!-- Themes clair :
atom-one-light.css, vs.css	33	33	atom-one-light.css, vs.css
Themes sombres :	34	34	Themes sombres :
agate.css, vs2015.css, atom-one-dark.css	35	35	agate.css, vs2015.css, atom-one-dark.css
Demo live : https://highlightjs.org/static/demo/ -->	36	36	Demo live : https://highlightjs.org/static/demo/ -->
<link rel="stylesheet"	37	37	<link rel="stylesheet"
href="file:///%%HOME%%/.local/share/zim/templates/html/common/hljs/styles/atom-one-light-wb.css" >	38	38	href="file:///%%HOME%%/.local/share/zim/templates/html/common/hljs/styles/atom-one-light-wb.css" >
	39	39
<!-- hljs -->	40	40	<!-- hljs -->
<script src="file:///%%HOME%%/.local/share/zim/templates/html/common/hljs/highlight.pack.js"></script>	41	41	<script src="file:///%%HOME%%/.local/share/zim/templates/html/common/hljs/highlight.pack.js"></script>
	42	42
<script src="file:///%%HOME%%/.local/share/zim/templates/html/print-common/notice.js"></script>	43	43	<script src="file:///%%HOME%%/.local/share/zim/templates/html/print-common/notice.js"></script>
	44	44
		45	<script>
		46	function testLogo() {
		47	logo=document.getElementById("logoImgId");
		48	logodiv=document.getElementById("logoDivId");
		49	if (logo.naturalHeight == 0) {
		50	logodiv.setAttribute("style","display:none;");
		51	}
		52	}
		53	</script>
</head>	45	54	</head>
<body>	46	55	<body onload="testLogo()">
	47	56
[% options.empty_lines = "default" %]	48	57	[% options.empty_lines = "default" %]
	49	58
<!-- Wiki content -->	50	59	<!-- Wiki content -->
	51	60
<div style="float:right">	52	61	<div id="logoDivId" style="float:right">
<img src="file:///%%HOME%%/.local/share/zim/templates/html/print-common/logo.png" alt=' '>	53	62	<img id="logoImgId" src="file:///%%HOME%%/.local/share/zim/templates/html/print-common/logo.png" alt=' '>
</div>	54	63	</div>
	55	64
	56	65

templates/html/Wize_with_index.html

Diff comments View file @ f50b33c

<!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>
function openNav() {	126	126	function openNav() {
if (document.getElementById("mySidenav").getAttribute("class").split(' ')[1] == "menuClosed") {	127	127	if (document.getElementById("mySidenav").getAttribute("class").split(' ')[1] == "menuClosed") {
document.getElementById("mySidenav").style.width = "300px";	128	128	document.getElementById("mySidenav").style.width = "300px";
/document.getElementById("main").style.marginLeft = "300px";/	129	129	/document.getElementById("main").style.marginLeft = "300px";/
document.getElementById("mySidenav").setAttribute("class","menu menuOpen");	130	130	document.getElementById("mySidenav").setAttribute("class","menu menuOpen");
/* Scroll to top when opening menu */	131	131	/* Scroll to top when opening menu */
document.body.scrollTop = 0	132	132	document.body.scrollTop = 0
document.documentElement.scrollTop = 0;	133	133	document.documentElement.scrollTop = 0;
} else {	134	134	} else {
document.getElementById("mySidenav").style.width = "0";	135	135	document.getElementById("mySidenav").style.width = "0";
/document.getElementById("main").style.marginLeft = "0";/	136	136	/document.getElementById("main").style.marginLeft = "0";/
document.getElementById("mySidenav").setAttribute("class","menu menuClosed");	137	137	document.getElementById("mySidenav").setAttribute("class","menu menuClosed");
}	138	138	}
}	139	139	}
</script>	140	140	</script>
	141	141
<script src="[% resource('common-spec/notice.js') %]"></script>	142	142	<script src="[% resource('common-spec/notice.js') %]"></script>
	143	143
		144	<script>
		145	function testLogo() {
		146	logo=document.getElementById("logoImgId");
		147	logodiv=document.getElementById("logoDivId");
		148	if (logo.naturalHeight == 0) {
		149	logodiv.setAttribute("style","display:none;");
		150	}
		151	}
		152	</script>
</head>	144	153	</head>
<body>	145	154	<body onload="testLogo()">
	146	155
<!-- Header -->	147	156	<!-- Header -->
<div class='header'>	148	157	<div class='header'>
<table class='navigation' style="float:left">	149	158	<table class='navigation' style="float:left">
<tr class='navigation'>	150	159	<tr class='navigation'>
<td class='navigation'>	151	160	<td class='navigation'>
<span style="font-size:30px;cursor:pointer;color: var(--main-header-color);" onclick="openNav()">☰</span>	152	161	<span style="font-size:30px;cursor:pointer;color: var(--main-header-color);" onclick="openNav()">☰</span>
</td>	153	162	</td>
<td class='navigation'>	154	163	<td class='navigation'>
[% IF navigation.prev %]	155	164	[% IF navigation.prev %]
<a href='[% uri(navigation.prev) %]'>	156	165	<a href='[% uri(navigation.prev) %]'>
<img src="[% resource('common-spec/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">	157	166	<img src="[% resource('common-spec/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
</a>	158	167	</a>
[% ELSE %]	159	168	[% ELSE %]
<img src="[% resource('common-spec/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">	160	169	<img src="[% resource('common-spec/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
[% END %]	161	170	[% END %]
</td>	162	171	</td>
<td class='navigation'>	163	172	<td class='navigation'>
[% IF links.get("index") %]	164	173	[% IF links.get("index") %]
<a href='[% uri(links.get("index")) %]'>	165	174	<a href='[% uri(links.get("index")) %]'>
<img src="[% resource('common-spec/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">	166	175	<img src="[% resource('common-spec/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
</a>	167	176	</a>
[% ELSE %]	168	177	[% ELSE %]
<img src="[% resource('common-spec/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">	169	178	<img src="[% resource('common-spec/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
[% END %]	170	179	[% END %]
</td>	171	180	</td>
<td class='navigation'>	172	181	<td class='navigation'>
[% IF navigation.next %]	173	182	[% IF navigation.next %]
<a href='[% uri(navigation.next) %]'>	174	183	<a href='[% uri(navigation.next) %]'>
<img src="[% resource('common-spec/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">	175	184	<img src="[% resource('common-spec/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
</a>	176	185	</a>
[% ELSE %]	177	186	[% ELSE %]
<img src="[% resource('common-spec/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">	178	187	<img src="[% resource('common-spec/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
[% END %]	179	188	[% END %]
</td>	180	189	</td>
</tr>	181	190	</tr>
</table>	182	191	</table>
	183	192
<span>	184	193	<span>
[% FOR page IN pages %]	185	194	[% FOR page IN pages %]
<a name='[% anchor(page) %]'></a>	186	195	<a name='[% anchor(page) %]'></a>
<h1 style="display:inline-block;margin-left:20px;margin-top:5px;">	187	196	<h1 style="display:inline-block;margin-left:20px;margin-top:5px;">
[% page.title %]</h1>	188	197	[% page.title %]</h1>
[% END %]	189	198	[% END %]
</span>	190	199	</span>
	191	200
<table class='navigation' style="float:right;margin-right:10px;">	192	201	<table class='navigation' style="float:right;margin-right:10px;">
<tr class='navigation'>	193	202	<tr class='navigation'>
<td class='navigation'>	194	203	<td class='navigation'>
[% FOR page IN pages %]	195	204	[% FOR page IN pages %]
[% FOR link IN page.backlinks %]	196	205	[% FOR link IN page.backlinks %]
[% IF loop.first %]<a href="#backlinks">	197	206	[% IF loop.first %]<a href="#backlinks">
<img src='[% resource("common-spec/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'>	198	207	<img src='[% resource("common-spec/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'>
</a>[% END %]	199	208	</a>[% END %]
[% END %]	200	209	[% END %]
[% END %]	201	210	[% END %]
</td>	202	211	</td>
<td class='navigation'>	203	212	<td class='navigation'>
[% FOR page IN pages %]	204	213	[% FOR page IN pages %]
[% FOR file IN page.attachments %]	205	214	[% FOR file IN page.attachments %]
[% IF loop.first %]<a href="#attach">	206	215	[% IF loop.first %]<a href="#attach">
<img src='[% resource("common-spec/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'>	207	216	<img src='[% resource("common-spec/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'>
</a>[% END %]	208	217	</a>[% END %]
[% END %]	209	218	[% END %]
[% END %]	210	219	[% END %]
</td>	211	220	</td>
</tr>	212	221	</tr>
</table>	213	222	</table>
</div>	214	223	</div>
	215	224
<div class="intercalaire">	216	225	<div class="intercalaire">
<hr />	217	226	<hr />
</div>	218	227	</div>
	219	228
<div style="float:right">	220	229	<div id="logoDivId" style="float:right">
<img src='[% resource("common-spec/logo.png") %]' alt=' '>	221	230	<img id="logoImgId" src='[% resource("common-spec/logo.png") %]' alt=' '>
</div>	222	231	</div>
	223	232
<div id="mySidenav" class="menu menuClosed">	224	233	<div id="mySidenav" class="menu menuClosed">
[% index() %]	225	234	[% index() %]
</div>	226	235	</div>
	227	236
[% options.empty_lines = "default" %]	228	237	[% options.empty_lines = "default" %]
	229	238
<!-- Wiki content -->	230	239	<!-- Wiki content -->
	231	240
<div id="main" class='pages'>	232	241	<div id="main" class='pages'>
<!--[% FOR page IN pages %]-->	233	242	<!--[% FOR page IN pages %]-->
<!--	234	243	<!--
<div class='heading'>	235	244	<div class='heading'>
<h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1>	236	245	<h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1>
</div>	237	246	</div>
-->	238	247	-->
<div class='content'>	239	248	<div class='content'>
[% page.body %]	240	249	[% page.body %]
</div>	241	250	</div>
	242	251
<br />	243	252	<br />
	244	253
<div style="padding-bottom:10px;">	245	254	<div style="padding-bottom:10px;">
<hr />	246	255	<hr />
</div>	247	256	</div>
	248	257

templates/html/Wize_with_index_sod.html

Diff comments View file @ f50b33c

<!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
</style>	121	121	</style>
	122	122
<!-- Themes clair :	123	123	<!-- Themes clair :
atom-one-light.css, vs.css googlecode.css github.css	124	124	atom-one-light.css, vs.css googlecode.css github.css
qtcreator_light.css	125	125	qtcreator_light.css
Themes sombres :	126	126	Themes sombres :
agate.css vs2015.css atom-one-dark.css hybrid.css	127	127	agate.css vs2015.css atom-one-dark.css hybrid.css
ir-black.css sunburst.css tomorrow-night-bright.css	128	128	ir-black.css sunburst.css tomorrow-night-bright.css
qtcreator_dark.css	129	129	qtcreator_dark.css
Demo live : https://highlightjs.org/static/demo/ -->	130	130	Demo live : https://highlightjs.org/static/demo/ -->
<link rel="stylesheet"	131	131	<link rel="stylesheet"
href="[% resource('common/hljs/styles/sunburst.css') %]" >	132	132	href="[% resource('common/hljs/styles/sunburst.css') %]" >
	133	133
<!-- hljs -->	134	134	<!-- hljs -->
<script src="[% resource('common/hljs/highlight.pack.js') %]"></script>	135	135	<script src="[% resource('common/hljs/highlight.pack.js') %]"></script>
	136	136
<script>	137	137	<script>
function openNav() {	138	138	function openNav() {
if (document.getElementById("mySidenav").getAttribute("class").split(' ')[1] == "menuClosed") {	139	139	if (document.getElementById("mySidenav").getAttribute("class").split(' ')[1] == "menuClosed") {
document.getElementById("mySidenav").style.width = "300px";	140	140	document.getElementById("mySidenav").style.width = "300px";
document.getElementById("main").style.marginLeft = "300px";	141	141	document.getElementById("main").style.marginLeft = "300px";
document.getElementById("mySidenav").setAttribute("class","menu menuOpen");	142	142	document.getElementById("mySidenav").setAttribute("class","menu menuOpen");
/* Scroll to top when opening menu */	143	143	/* Scroll to top when opening menu */
document.body.scrollTop = 0	144	144	document.body.scrollTop = 0
document.documentElement.scrollTop = 0;	145	145	document.documentElement.scrollTop = 0;
} else {	146	146	} else {
document.getElementById("mySidenav").style.width = "0";	147	147	document.getElementById("mySidenav").style.width = "0";
document.getElementById("main").style.marginLeft = "0";	148	148	document.getElementById("main").style.marginLeft = "0";
document.getElementById("mySidenav").setAttribute("class","menu menuClosed");	149	149	document.getElementById("mySidenav").setAttribute("class","menu menuClosed");
}	150	150	}
}	151	151	}
</script>	152	152	</script>
	153	153
<script src="[% resource('common-spec/notice.js') %]"></script>	154	154	<script src="[% resource('common-spec/notice.js') %]"></script>
	155	155
		156	<script>
		157	function testLogo() {
		158	logo=document.getElementById("logoImgId");
		159	logodiv=document.getElementById("logoDivId");
		160	if (logo.naturalHeight == 0) {
		161	logodiv.setAttribute("style","display:none;");
		162	}
		163	}
		164	</script>
</head>	156	165	</head>
<body>	157	166	<body onload="testLogo()">
	158	167
<!-- Header -->	159	168	<!-- Header -->
<div class='header'>	160	169	<div class='header'>
<table class='navigation' style="float:left">	161	170	<table class='navigation' style="float:left">
<tr class='navigation'>	162	171	<tr class='navigation'>
<td class='navigation'>	163	172	<td class='navigation'>
<span style="font-size:30px;cursor:pointer;color: var(--main-header-color);" onclick="openNav()">☰</span>	164	173	<span style="font-size:30px;cursor:pointer;color: var(--main-header-color);" onclick="openNav()">☰</span>
</td>	165	174	</td>
<td class='navigation'>	166	175	<td class='navigation'>
[% IF navigation.prev %]	167	176	[% IF navigation.prev %]
<a href='[% uri(navigation.prev) %]'>	168	177	<a href='[% uri(navigation.prev) %]'>
<img src="[% resource('common-spec/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">	169	178	<img src="[% resource('common-spec/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
</a>	170	179	</a>
[% ELSE %]	171	180	[% ELSE %]
<img src="[% resource('common-spec/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">	172	181	<img src="[% resource('common-spec/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
[% END %]	173	182	[% END %]
</td>	174	183	</td>
<td class='navigation'>	175	184	<td class='navigation'>
[% IF links.get("index") %]	176	185	[% IF links.get("index") %]
<a href='[% uri(links.get("index")) %]'>	177	186	<a href='[% uri(links.get("index")) %]'>
<img src="[% resource('common-spec/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">	178	187	<img src="[% resource('common-spec/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
</a>	179	188	</a>
[% ELSE %]	180	189	[% ELSE %]
<img src="[% resource('common-spec/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">	181	190	<img src="[% resource('common-spec/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
[% END %]	182	191	[% END %]
</td>	183	192	</td>
<td class='navigation'>	184	193	<td class='navigation'>
[% IF navigation.next %]	185	194	[% IF navigation.next %]
<a href='[% uri(navigation.next) %]'>	186	195	<a href='[% uri(navigation.next) %]'>
<img src="[% resource('common-spec/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">	187	196	<img src="[% resource('common-spec/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
</a>	188	197	</a>
[% ELSE %]	189	198	[% ELSE %]
<img src="[% resource('common-spec/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">	190	199	<img src="[% resource('common-spec/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
[% END %]	191	200	[% END %]
</td>	192	201	</td>
</tr>	193	202	</tr>
</table>	194	203	</table>
	195	204
<span>	196	205	<span>
[% FOR page IN pages %]	197	206	[% FOR page IN pages %]
<a name='[% anchor(page) %]'></a>	198	207	<a name='[% anchor(page) %]'></a>
<h1 style="display:inline-block;margin-left:20px;margin-top:5px;">	199	208	<h1 style="display:inline-block;margin-left:20px;margin-top:5px;">
[% page.title %]</h1>	200	209	[% page.title %]</h1>
[% END %]	201	210	[% END %]
</span>	202	211	</span>
	203	212
<table class='navigation' style="float:right;margin-right:10px;">	204	213	<table class='navigation' style="float:right;margin-right:10px;">
<tr class='navigation'>	205	214	<tr class='navigation'>
<td class='navigation'>	206	215	<td class='navigation'>
[% FOR page IN pages %]	207	216	[% FOR page IN pages %]
[% FOR link IN page.backlinks %]	208	217	[% FOR link IN page.backlinks %]
[% IF loop.first %]<a href="#backlinks">	209	218	[% IF loop.first %]<a href="#backlinks">
<img src='[% resource("common-spec/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'>	210	219	<img src='[% resource("common-spec/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'>
</a>[% END %]	211	220	</a>[% END %]
[% END %]	212	221	[% END %]
[% END %]	213	222	[% END %]
</td>	214	223	</td>
<td class='navigation'>	215	224	<td class='navigation'>
[% FOR page IN pages %]	216	225	[% FOR page IN pages %]
[% FOR file IN page.attachments %]	217	226	[% FOR file IN page.attachments %]
[% IF loop.first %]<a href="#attach">	218	227	[% IF loop.first %]<a href="#attach">
<img src='[% resource("common-spec/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'>	219	228	<img src='[% resource("common-spec/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'>
</a>[% END %]	220	229	</a>[% END %]
[% END %]	221	230	[% END %]
[% END %]	222	231	[% END %]
</td>	223	232	</td>
</tr>	224	233	</tr>
</table>	225	234	</table>
</div>	226	235	</div>
	227	236
<div class="intercalaire">	228	237	<div class="intercalaire">
<hr />	229	238	<hr />
</div>	230	239	</div>
	231	240
<div style="float:right">	232	241	<div id="logoDivId" style="float:right">
<img src='[% resource("common-spec/logo.png") %]' alt=' '>	233	242	<img id="logoImgId" src='[% resource("common-spec/logo.png") %]' alt=' '>
</div>	234	243	</div>
	235	244
<div class="zemaster">	236	245	<div class="zemaster">
	237	246
<div id="mySidenav" class="menu menuOpen">	238	247	<div id="mySidenav" class="menu menuOpen">
[% index() %]	239	248	[% index() %]
</div>	240	249	</div>
	241	250
[% options.empty_lines = "default" %]	242	251	[% options.empty_lines = "default" %]
	243	252
<!-- Wiki content -->	244	253	<!-- Wiki content -->
	245	254
<div id="main" class='pages'>	246	255	<div id="main" class='pages'>
<!--[% FOR page IN pages %]-->	247	256	<!--[% FOR page IN pages %]-->
<!--	248	257	<!--
<div class='heading'>	249	258	<div class='heading'>
<h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1>	250	259	<h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1>
</div>	251	260	</div>
-->	252	261	-->
<div class='content'>	253	262	<div class='content'>
[% page.body %]	254	263	[% page.body %]
</div>	255	264	</div>
	256	265
<br />	257	266	<br />
	258	267
<div style="padding-bottom:10px;">	259	268	<div style="padding-bottom:10px;">