From 7dc4fee7a53ed40ca68915e9d3fed074a1c92344 Mon Sep 17 00:00:00 2001
From: Adrien Bourmault <neox@a-lec.org>
Date: Fri, 8 Jul 2022 16:18:10 +0200
Subject: [PATCH] Version mobile header + footer

---
 styles.css | 66 +++++++++++++++++++++++++++++++-----------------------
 1 file changed, 38 insertions(+), 28 deletions(-)

diff --git a/styles.css b/styles.css
index f70bd84..75122ce 100644
--- a/styles.css
+++ b/styles.css
@@ -601,10 +601,11 @@ A-lec images
       padding: 5px;
    }
    
-   #a-lec_footer .a-lec_paragraph{
+   #a-lec_a-propos {
+      display: block;
       margin-bottom: 30px;
       font-size: 90%;
-      border:                       2px solid var(--a-lec_blue);
+      border: 2px solid var(--chalec_yellow);
       border-top : unset;
       border-left: unset;
       border-right: unset;
@@ -612,10 +613,10 @@ A-lec images
    }
    
    #a-lec_footer  h1 {
-      margin-top: 10px;
+      margin-top: 0px;
       font-size: 115%;
       padding: 15px;
-      margin-bottom: -20px;
+      margin-bottom: 0px;
       font-size: 120%
    }
    
@@ -632,32 +633,10 @@ A-lec images
       all: unset;
       display: inline-block;
       width:                   100%;
+      margin-top:              10px;
       height:                  12vh;
    }
-   
-   #a-lec_site-name a {
-      margin-top: -30px;
-      margin-bottom: -20px;
-      position: relative;
-      float: left;
-      font-size: 3rem;
-      padding-left:  0px;
-   }
-   
-   #chalec_site-titles h2 {
-      font-weight:             normal;
-      color:                   var(--chalec_white);
-      font-size:               130%;
-      margin-top:              15px;
-      margin-bottom:           5px;
-   }
-   
-
-   #a-lec_site-name a:hover {
-      float: left;
-      font-size: 3rem;
-   }
-   
+  
     #a-lec_site-description {
        all: unset;
        margin-top: 15px;
@@ -667,6 +646,37 @@ A-lec images
        text-align: center;
    }
    
+   #a-lec_site-logo a {
+   background-color:        unset;
+   place-content:           baseline center;
+   }
+
+   #a-lec_site-title {
+      display:                 flex;
+      flex-direction:          column;
+      padding:                 10px;
+      font-size:               85%;
+   }
+
+   #a-lec_site-title h2 {
+      font-weight:             normal;
+      font-size:               130%;
+      margin-top:              20px;
+   }
+
+   #a-lec_site-name a {
+      color:                   #FFF;
+      font-weight:             bold;
+      font-size:               300%;
+   }
+
+   #a-lec_site-name a:hover {
+      background-color:        unset;
+      font-weight:             bold;
+      font-size:               300%;
+      background-color:        unset;
+   }
+   
     p {
       line-height: 28px;
    }