- Update Regalette

content/themes/regalette/header.php

@@ -8,7 +8,8 @@
     <link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.0/animate.css"/>
     <link href='<?= get_template_directory_uri(); ?>/assets/css/style.css' rel="stylesheet">
     <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
-    <title>Régalette 2020</title>
+    <title>Régalette <?php wp_title(); ?></title>
+    <?php wp_head(); ?>
 </head>
 <body>
     <div class="entete">
@@ -21,14 +22,14 @@
         <header class="header">
             <div class="logo"><a href='<?= get_site_url(); ?>'><img src='<?= get_template_directory_uri(); ?>/assets/images/logo-regalette.png' alt="Régalette"></a></div>
             <nav>
-                <?php 
-                    wp_nav_menu( 
-                        array( 
-                            'theme_location' => 'main', 
-                            'container' => 'ul', // afin d'éviter d'avoir une div autour 
-                            'menu_class' => 'site__header__menu', // ma classe personnalisée 
-                        ) 
-                    ); 
+                <?php
+                    wp_nav_menu(
+                        array(
+                            'theme_location' => 'main',
+                            'container' => 'ul', // afin d'éviter d'avoir une div autour
+                            'menu_class' => 'site__header__menu', // ma classe personnalisée
+                        )
+                    );
                 ?>
             </nav>
             <div class="menu-toggle"><i class="fa fa-bars" aria-hidden="true"></i></div>

content/themes/regalette/src/scss/_cookie-notice.scss

@@ -0,0 +1,56 @@
+$bg-color: white;
+$txt-color: black;
+$link-color: #222;
+$btn-color: #f6be00;
+
+#cookie-notice {
+  color: $txt-color !important;
+  background-color: rgba(0, 0, 0, 0.4) !important;
+  height: 100% !important;
+  display: flex !important;
+  align-items: flex-end !important;
+
+  &.cookie-notice-hidden {
+    display: none !important;
+  }
+
+  & .cookie-notice-container {
+    height: auto !important;
+    background-color: $bg-color !important;
+
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    flex-direction: column !important;
+
+    & .cn-text-container {
+      & h5 {
+        font-size: 1.4em !important;
+
+        & a {
+          color: $link-color !important;
+          text-decoration: underline !important;
+        }
+
+        & #cn-accept-cookie {
+          text-decoration: none !important;
+          font-size: 1.4em !important;
+          padding: 10px !important;
+          background-color: $btn-color !important;
+          margin-top: 30px !important;
+        }
+      }
+
+      & #cn-close-notice {
+        display: none !important;
+      }
+    }
+  }
+}
+
+@media (max-width: 425px) {
+  #cookie-notice .cn-text-container {
+    font-size: 0.9em !important;
+    line-height: 1.4em !important;
+  }
+}

content/themes/regalette/src/scss/contacts.scss

@@ -53,7 +53,7 @@ body{
         .contacter{flex: 3;}
         .trouver{flex: 2;}
         .radio{margin: 10px 0;}
-        input[type="text"], input[type="email"], textarea, .radio:last-child, .fichier{
+        input[type="text"], input[type="email"], input[type="tel"], textarea, .radio:last-child, .fichier{
             width: 100%;
             box-sizing: border-box;
             margin-bottom: 30px;
@@ -64,7 +64,7 @@ body{
                 color: #888888;
             }
         }
-        input[type="text"], input[type="email"], .fichier{
+        input[type="text"], input[type="email"], input[type="tel"], .fichier{
             background: $blanc;
             height: 50px;
             padding: 10px;
@@ -129,7 +129,7 @@ body{
 // @media only screen and  (max-width: 1440px){
 //     body{
 //         .contacts{
-// 
+//
 //         }
 //     }
 // }
@@ -138,7 +138,7 @@ body{
     body{
         .contacts{
             .contacter{flex: 1;}
-            .trouver{flex: 1;}    
+            .trouver{flex: 1;}
         }
     }
 }
@@ -162,4 +162,4 @@ body{
             .space{display: none;}
         }
     }
-}
+}

content/themes/regalette/src/scss/style.scss

@@ -10,4 +10,5 @@
 @import './metiers';
 @import './contacts';
 @import './legals';
-@import './footer';
+@import './footer';
+@import "cookie-notice";