From e184f90433b476391b8f591f97218531b95fdf07 Mon Sep 17 00:00:00 2001
From: Adrien Beudin <beudbeud@beudibox.fr>
Date: Wed, 28 Mar 2018 10:28:46 +0200
Subject: [PATCH] update material theme and fix responsible

---
 .../themes/exposure/static/css/style-page.css | 11 +++++++
 .../themes/exposure/static/css/style.css      |  4 +++
 .../themes/material/static/css/style-page.css | 19 ++++++++++++
 .../themes/material/static/css/style.css      | 19 +++++++++---
 .../themes/material/templates/base.html       |  6 ----
 .../material/templates/gallery-index.html     | 29 +------------------
 .../themes/material/templates/page.html       |  8 +----
 7 files changed, 51 insertions(+), 45 deletions(-)

diff --git a/prosopopee/themes/exposure/static/css/style-page.css b/prosopopee/themes/exposure/static/css/style-page.css
index 90cf474..381a606 100644
--- a/prosopopee/themes/exposure/static/css/style-page.css
+++ b/prosopopee/themes/exposure/static/css/style-page.css
@@ -655,3 +655,14 @@ input:checked + .slider:before {
 	-webkit-animation-name: fadeInUp;
 }
 
+@media only screen and (max-device-width: 700px) {
+  .paragraph {
+    font-size: 3.7vmin !important;
+    margin-left: 10% !important;
+    margin-right: 10% !important;
+  }
+  .full-picture h2 {
+    font-size: 3.2vw !important;
+  }
+}
+
diff --git a/prosopopee/themes/exposure/static/css/style.css b/prosopopee/themes/exposure/static/css/style.css
index cd9d1c3..eb9f7ae 100644
--- a/prosopopee/themes/exposure/static/css/style.css
+++ b/prosopopee/themes/exposure/static/css/style.css
@@ -425,5 +425,9 @@ input:checked + .slider:before {
     margin-bottom: -7px !important;
     padding-bottom: 70% !important;
   }
+
+  .gallery-title > h2 {
+    font-size: 3.7vw;
+  }
 }
 
diff --git a/prosopopee/themes/material/static/css/style-page.css b/prosopopee/themes/material/static/css/style-page.css
index 98b7bf1..a523a3b 100644
--- a/prosopopee/themes/material/static/css/style-page.css
+++ b/prosopopee/themes/material/static/css/style-page.css
@@ -312,3 +312,22 @@ input:checked + .slider-btn:before {
 .slider-btn.round:before {
   border-radius: 50%;
 }
+
+@media only screen and (max-device-width: 700px) {
+  h2 {
+    font-size: 2.56rem !important;
+  }
+  .parallax img {
+    min-width: 200% !important;
+  }
+  .gallery-title > h2 {
+    font-size: 3.7vw !important;
+  }
+  .parallax-container h2 {
+    font-size: 4.2vw !important;
+  }
+  .audio-player h2 {
+    font-size: 14px !important;
+  }
+}
+
diff --git a/prosopopee/themes/material/static/css/style.css b/prosopopee/themes/material/static/css/style.css
index 9a60caf..90e2a15 100644
--- a/prosopopee/themes/material/static/css/style.css
+++ b/prosopopee/themes/material/static/css/style.css
@@ -608,9 +608,20 @@ nav .nav-header {
 }
 
 @media only screen and (max-device-width: 700px) {
-.gallery-square {
-  width: 100% !important;
-  margin-bottom: -7px !important;
-  padding-bottom: 70% !important; 
+  .gallery-square {
+    width: 100% !important;
+    margin-bottom: -7px !important;
+    padding-bottom: 70% !important; 
+  }
+
+  h2 {
+    font-size: 2.56rem !important;
+  }
+
+  .gallery-title > h2 {
+    font-size: 3.7vw !important;
+  }
+  .parallax-container h2 {
+    font-size: 4.2vw !important;
   }
 }
diff --git a/prosopopee/themes/material/templates/base.html b/prosopopee/themes/material/templates/base.html
index e8d7494..1f568f3 100644
--- a/prosopopee/themes/material/templates/base.html
+++ b/prosopopee/themes/material/templates/base.html
@@ -17,13 +17,7 @@
     <!-- Navbar and Header -->
     <nav class="nav-extended nav-full-header z-depth-0 blue-grey darken-3">
       <div class="nav-background">
-        {% if settings.cover %}
-        {% set image = Image(settings.cover) %}
-        {{ image.copy() }}
-        <div class="ea k" style="background-image: url('{{ image.generate_thumbnail("x1080") }}');"></div>
-        {% else %}
         <div class="ea k"></div>
-        {% endif %}
       </div>
       <div class="nav-wrapper db">
         <a href="#" class="brand-logo"><i class="fa fa-camera" aria-hidden="true"></i><p>{{ settings.title }}</p></a>
diff --git a/prosopopee/themes/material/templates/gallery-index.html b/prosopopee/themes/material/templates/gallery-index.html
index 2c70e00..a255707 100644
--- a/prosopopee/themes/material/templates/gallery-index.html
+++ b/prosopopee/themes/material/templates/gallery-index.html
@@ -29,23 +29,13 @@
     <title>{{ gallery.title }} · {{ settings.title }}</title>
   </head>
 
-  <body>
+  <body class="night">
     <main>
 
-    {% if settings.settings.night_mode %}
-    <div class="floating-menu">
-      <label class="switch-btn">
-        <input type="checkbox" id="toggle-box-checkbox">
-        <span class="slider-btn round"></span>
-      </label>
-    </div>
-    {% endif %}
-
     {% for section in gallery.sections %}
     {% include "sections/" + section.type + ".html" %}
     {% endfor %}
 
-
     {% if settings.share %}
     {% include 'share.html' -%}
     {% endif %}
@@ -66,23 +56,6 @@
     <script type="text/javascript" src="../static/js/mediaelement-and-player.min.js" charset="utf-8"></script>
     {% endif %}
     <script type="text/javascript" charset="utf-8">
-{% if settings.settings.night_mode %}
-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);
-  }
-});
-{% endif %}
-
 $(document).ready(function(){
   $('.parallax').parallax();
 });    
diff --git a/prosopopee/themes/material/templates/page.html b/prosopopee/themes/material/templates/page.html
index 3a1b464..0a292d6 100644
--- a/prosopopee/themes/material/templates/page.html
+++ b/prosopopee/themes/material/templates/page.html
@@ -17,18 +17,12 @@
     <title>{{ settings.title }} · {{ gallery.title }}</title>
   </head>
 
-  <body>
+  <body class="night">
 
     <!-- Navbar and Header -->
     <nav class="nav-extended nav-full-header z-depth-0 blue-grey darken-3">
       <div class="nav-background">
-        {% if settings.cover %}
-        {% set image = Image(settings.cover) %}
-        {{ image.copy() }}
-        <div class="ea k" style="background-image: url('{{ image.generate_thumbnail("x1080") }}');"></div>
-        {% else %}
         <div class="ea k"></div>
-        {% endif %}
       </div>
       <div class="nav-wrapper db">
         <a href="../" class="brand-logo"><i class="fa fa-camera" aria-hidden="true"></i><p>{{ settings.title }}</p></a>