blob: 818490dd38a5b02be9420f5449356a23a60b2152 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
|
<!doctype html>
<html lang=en>
<head>
<link rel=stylesheet href=static/css/style.min.css>
<meta charset=utf-8>
<meta name=viewport content="width=device-width, initial-scale=1">
<title>HPATTP</title>
</head>
<body>
<script>
var body = document.getElementsByTagName("body")[0];
var options = {
"classname": "",
"click": true,
"position": true,
"positions": {}
}
var loc_options = JSON.parse(localStorage.getItem("options"));
if (loc_options === undefined) {
localStorage.setItem("options", JSON.stringify(options));
} else {
for (var property in loc_options) {
options[property] = loc_options[property];
}
localStorage.setItem("options", JSON.stringify(options));
}
body.className = options.classname;
</script>
<div class="sidebar">
<div class="settings">
<h2>Settings</h2>
<h3>Display</h3>
<ul class="button-group">
<li><button class="button" id="left"><span class="fa fa-align-left fa-lg fa-fw"></span></button></li>
<li><button class="button" id="justify"><span class="fa fa-align-justify fa-lg fa-fw"></span></button></li>
<li><button class="button" id="contrast"><span class="fa fa-adjust fa-lg fa-fw"></span></button></li>
</ul><br/>
<span class="fa fa-text-height fa-fw fa-lg"></span> <ul class="button-group">
<li><button class="button" id="font-minus"><span class="fa fa-minus fa-lg"></span></button></li>
<li><button class="button" id="font-plus"><span class="fa fa-plus fa-lg"></span></button></li>
</ul><br/>
<span class="fa fa-arrows-v fa-fw fa-lg"></span> <ul class="button-group">
<li><button class="button" id="line-minus"><span class="fa fa-minus fa-lg"></span></button></li>
<li><button class="button" id="line-plus"><span class="fa fa-plus fa-lg"></span></button></li>
</ul><br/>
<span class="fa fa-arrows-h fa-fw fa-lg"></span> <ul class="button-group">
<li><button class="button" id="width-minus"><span class="fa fa-minus fa-lg"></span></button></li>
<li><button class="button" id="width-plus"><span class="fa fa-plus fa-lg"></span></button></li>
</ul>
<h3>Options</h3>
<label class="option" data-name="position"><input type="checkbox" /> Remember position</label><br/>
<label class="option" data-name="click"><input type="checkbox" /> Close sidebar on click</label><br/>
</div>
<div class="contents-wrapper">
<h2>Contents</h2>
{{ contents }}
</div>
</div>
<div class="main">
<div class="menu">
<ul class="button-group">
<li><button class="button" id="toc"><span class="fa fa-2x fa-list"></span></button></li>
<li><button class="button" id="settings"><span class="fa fa-2x fa-gear"></span></button></li>
<li><a class="button" href="./"><span class="fa fa-2x fa-home"></span></a></li>
</ul>
</div>
{{ chapter }}
</div>
<script src=static/js/main.min.js></script>
</body>
</html>
|