1 files changed, 75 insertions, 0 deletions
diff --git a/theme/layout.html b/theme/layout.html
new file mode 100644
index 0000000..818490d
--- /dev/null
+++ b/theme/layout.html
@@ -0,0 +1,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>