reponsive bug fix

affiches/mardis/index.html

@@ -81,13 +81,13 @@
                         }
 
                         .event-hours{
-                            margin-left: 33px;
+                            margin-left: 44px;
                             font-size: 22px;
                             font-weight: bold;
 
                                     span[property="location"]{
                                         font-size: 16.1px;
-                                        margin-left: -13.12px;
+                                        margin-left: -22px;
                                     }
 
                         }
@@ -113,16 +113,19 @@
         </div>
         
         <div id="textContainer" property="description">
-            <h4 property="name">Permanence du LOL</h1>
+            <h4 property="name">Permanences du LOL</h1>
 
-                <p>Venez chiller avec nous, partager un thé ou une biere.</p>
+                <p>Venez chiller avec nous, partager un thé ou une bière.</p>
 
                 <p>On échange technique et savoir-faire<br>sur tous les sujets : logiciel libre, hacking,<br> couture, bricole et bidouille en tout genre,<br> mais aussi sur nos projets personnels ou collectifs</p>
             
 
             <p class="event-hours">
                 <span property="eventSchedule" typeof="Schedule">
-                    <data property="byDay" content="Tuesday">Tous les mardis</data><br> à partir de&nbsp;<data property="startTime" content="18:00">18h</data>
+                    <data property="byDay" content="Tuesday">Tous les mardis</data><br> à partir de&nbsp;<data property="startTime" content="17:00">17h</data><br>
+                </span>
+                <span property="eventSchedule" typeof="Schedule">
+                    <data property="byDay" content="Saturday">&emsp;Tous les samedis</data><br>&emsp;à partir de&nbsp;<data property="startTime" content="14:00">14h</data>
                 </span>
                 <br>
                 <span property="location" href="https://labolyon.fr/">au local du LOL &ensp; &rarr; 7 Place Chazette, 69001 Lyon</span>

index.html

@@ -92,10 +92,10 @@
             <h3>Horaires d'ouverture</h3>
             <ol>
                 <li>
-                    Mar. <strong>15h &rarr; 23h</strong>
+                    Mar. <strong>17h &rarr; 23h</strong>
                 </li>
                 <li>
-                    Sam. <strong>15h &rarr; 23h</strong>
+                    Sam. <strong>14h &rarr; 20h</strong>
                 </li>
             </ol>
             <!-- pour plus tard 
@@ -203,8 +203,8 @@
         <section id="eventSection" class="transparentBox">
   			       <h3>Événements <small>à venir</small></h3>
                 <article class="solidBox">
-                  <h4>Permanence du mardi soir </h4>
-                  <p class="date">↻ Tous les mardis</p>
+                  <h4>Permanences du LOL</h4>
+                  <p class="date">↻ Mardi & Samedi</p>
                   <a href="/affiches/mardis/" class="iconBtnStyle" target="_blank">
                     <svg viewBox="0 0 53.73 53.59" class="icon">
                       <path d="M26.87,40.16l-13.43,13.43L0,40.16l13.43-13.43L.29,13.43,13.72,0l13.15,13.29L40.01.14l13.43,13.43-13,13.15,13.29,13.29-13.43,13.43-13.43-13.29Z"/>

readMe.MD

@@ -77,3 +77,17 @@ Dans notre cas c'est `10.0.0.165` (voir l'exemple ci-dessous).
 
 Sur son tel, on peut alors acceder a http://10.0.0.165:8000/.
 Si cela ne fonctionne pas, c'est peut être que le pare feu interdit la connexion depuis un autre ordinateur sur le port 8000.
+
+## Lien symbolique et ouverture => comment preview pour dev
+
+aller dans /status puis executer la commande en fonction du statut souhaité
+
+    ./set-status.sh opened 
+    
+> statut ouvert
+
+    ./set-status.sh closed
+    
+> statut fermé
+
+

style/main.css

@@ -151,7 +151,6 @@ main{
                 align-self: end;
                 justify-self: end;
                 color: var(--main-color);
-13.12px
                 position: relative;
 
                 z-index: 33;
@@ -474,10 +473,10 @@ main{
               background-color: var(--main-color);
               color: var(--back-color);
 
-                small{
-                  font-size: 1px;
-                  opacity: 0;
-                }
+                    small{
+                      font-size: 1px;
+                      opacity: 0;
+                    }
             }
       }
 
@@ -524,7 +523,11 @@ main{
                                 }
 
                                 a{
-                                  margin-right: 13.12px;
+                                  margin-right: 33px;
+                                }
+
+                                .date{
+                                  padding: 16.1px;
                                 }
                         }
 
@@ -536,6 +539,7 @@ main{
                           justify-content: space-between;
                           align-items: center;
                           padding: 0;
+                          box-sizing: border-box;
                         }
 
                         .solidBox:has(details[open]){
@@ -568,7 +572,6 @@ main{
                           cursor: copy;
                           overflow: hidden;
 
-
                                 summary{
                                   display: flex;
                                   flex-direction: row;

style/responsive.css

@@ -174,6 +174,20 @@
               height: 22px;
               width: auto;
             }
+
+            dialog{
+
+                .title{
+                  font-size: 22px;
+                  height: 50px;
+
+                  .iconBtnStyle{
+                    width: 36px;
+                    height: 36px;
+                    border-radius: 22px;
+                  }
+                }
+            }
           }
 
           #titleSection{