summaryrefslogtreecommitdiffstats
path: root/theme/layout.html
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>