From 16536149cbee706b3a30ec5fdbb31970a47b174c Mon Sep 17 00:00:00 2001
From: Adrien Beudin <beudbeud@beudibox.fr>
Date: Thu, 22 Mar 2018 10:47:14 +0100
Subject: [PATCH] fix menu

---
 .../themes/exposure/static/css/style.css       |  6 +++++-
 prosopopee/themes/exposure/templates/menu.html |  8 +++++---
 prosopopee/themes/exposure/templates/page.html | 18 ++++++++++++++++++
 3 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/prosopopee/themes/exposure/static/css/style.css b/prosopopee/themes/exposure/static/css/style.css
index 771c810..336bfc1 100644
--- a/prosopopee/themes/exposure/static/css/style.css
+++ b/prosopopee/themes/exposure/static/css/style.css
@@ -183,6 +183,10 @@ nav {
   line-height: 56px;
 }
 
+body.night nav {
+  background-color: #061F2F;;
+}
+
 nav .nav-wrapper {
   position: relative;
   height: 100%;
@@ -231,7 +235,7 @@ nav ul li > a.item-menu::before {
     margin-right: 22px;
     font-size: 18px;
     line-height: 1;
-    color: #ebebeb;
+    color: #cfcfcf;
 }
 
 .gallery-tag {
diff --git a/prosopopee/themes/exposure/templates/menu.html b/prosopopee/themes/exposure/templates/menu.html
index 25f1362..4e35dad 100644
--- a/prosopopee/themes/exposure/templates/menu.html
+++ b/prosopopee/themes/exposure/templates/menu.html
@@ -2,18 +2,20 @@
   <div class="nav-wrapper">
     <ul>
       {% for line in settings.menu %}
-      {% set file_name, menu_name = line.items()[0] %}
+      {% set rowloop = loop %}
+      {% for file_name, menu_name in line.items() %}
       {% if file_name.startswith('http') %}
       {% set file_name = file_name %}
-      {% elif gallery %}
+      {% else %}
       {% set file_name = "../"+file_name %}
       {% endif %}
-      {% if loop.first %}
+      {% if rowloop.first %}
       <li><a href={{ file_name }} class=first-item-menu>{{ menu_name  }}</a></li>
       {% else %}
       <li><a href={{ file_name }} class=item-menu>{{ menu_name }}</a></li>
       {% endif %}
       {% endfor %}
+      {% endfor %}
     </ul>
   </div>
 </nav>
diff --git a/prosopopee/themes/exposure/templates/page.html b/prosopopee/themes/exposure/templates/page.html
index cf5ffc9..7289994 100644
--- a/prosopopee/themes/exposure/templates/page.html
+++ b/prosopopee/themes/exposure/templates/page.html
@@ -22,5 +22,23 @@
     </div>
   </a>
 </div>
+{% if settings.settings.night_mode %}
 <script type="text/javascript" src="../static/js/jquery-2.1.4.min.js" charset="utf-8"></script>
+<script type="text/javascript">
+if (localStorage.getItem("mode_night") == "true") {
+  $('body').addClass('night');
+  document.getElementById("toggle-box-checkbox").checked = true;
+}
+
+$('#toggle-box-checkbox').on('change', function(){
+  if(this.checked){
+      $('body').addClass('night');
+      localStorage.setItem("mode_night", true);
+    }else{
+        $('body').removeClass('night');
+        localStorage.setItem("mode_night", false);
+      }
+});
+</script>
+{% endif %}
 {% endblock %}