ringo add nav bar

views/ringo/css/dark.css

@@ -39,4 +39,12 @@ button.search_button#search, button.search_button#search:hover {
 
 footer {
     background: #393636;
+}
+
+#nav_bar {
+    background: #322c33;
+}
+
+#nav_bar a {
+    color: white;
 }

views/ringo/css/main.css

@@ -345,4 +345,52 @@ input, textarea, button, select {
 
 #opennamu_save_button {
     background: antiquewhite;
+}
+
+/* nav_bar */
+#nav_bar {
+    z-index: 100;
+    
+    font-size: 25px;
+    
+    position: fixed;
+    bottom: 0;
+    right: 0;
+    
+    background: #f7dfff;
+    
+    text-align: center;
+}
+
+#go_toc {
+    display: inline-block;
+
+    padding-right: 10px;
+    padding-left: 10px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    
+    width: 25px;
+}
+
+#go_top {
+    display: inline-block;
+    
+    padding-right: 10px;
+    padding-left: 10px;
+    
+    width: 25px;
+}
+
+#go_bottom {
+    display: inline-block;
+
+    padding-right: 10px;
+    padding-left: 10px;
+    
+    width: 25px;
+}
+
+#nav_bar a {
+    color: black;
 }

views/ringo/index.html

@@ -235,6 +235,23 @@
             <div id="side_content">
                 Loading...
             </div>
+            <div id="nav_bar">
+                <div id="go_top">
+                    <a href="#logo">
+                        <span class="iconify" data-icon="ic:baseline-arrow-upward" data-inline="true"></span>
+                    </a>
+                </div>
+                <div id="go_bottom">
+                    <a href="#b_logo">
+                        <span class="iconify" data-icon="ic:baseline-arrow-downward" data-inline="true"></span>
+                    </a>
+                </div>
+                <div id="go_toc">
+                    <a href="#toc">
+                        <span class="iconify" data-icon="ic:baseline-list" data-inline="true"></span>
+                    </a>
+                </div>
+            </div>
         </aside>
         <footer class="only_mobile">
             {{imp[1][1]|safe}}

views/ringo/info.json

@@ -1,5 +1,5 @@
 {
     "name" : "Ringo",
-    "skin_ver" : "v1.0.2",
+    "skin_ver" : "v1.0.3",
     "require_ver" : "3500111"
 }