fix: mentions-legales page on reload and small style tweaks

Author: aksiome

src/lib/comp/ModuleManager.svelte

@@ -38,7 +38,7 @@
   }
   ul {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
     gap: 1.75rem;
     top: 0;
     left: 0;

src/lib/comp/ModuleTile.svelte

@@ -65,7 +65,7 @@
     filter: drop-shadow(0.15rem 0.35rem 0.1rem var(--background-color-darker));
     flex-direction: column;
     height: 100%;
-    min-height: 375px;
+    min-height: 24rem;
     outline: 4px solid transparent;
     overflow: hidden;
     position: relative;

src/routes/+layout.svelte

@@ -32,7 +32,7 @@
   header {
     display: flex;
     flex-direction: column;
-    margin: 1rem 0 0.5rem;
+    margin: 0.5rem 0;
     gap: 0.5rem;
   }
   header a {

src/routes/mentions-legales/+page.svelte

@@ -1,38 +1,69 @@
 <main class="rounded">
-    <h1>Mentions Légales</h1>
+  <h1>Mentions Légales</h1>
 
-    <p>Conformément aux dispositions de la loi n° 2004-575 du 21 juin 2004 pour la confiance en l'économie numérique, il est précisé aux utilisateurs du site mcbookshelf l'identité des différents intervenants dans le cadre de sa réalisation et de son suivi.</p>
+  <p>
+    Conformément aux dispositions de la loi n° 2004-575 du 21 juin 2004 pour la
+    confiance en l'économie numérique, il est précisé aux utilisateurs du site
+    mcbookshelf l'identité des différents intervenants dans le cadre de sa
+    réalisation et de son suivi.
+  </p>
 
-    <h2>Edition du site</h2>
+  <h2>Edition du site</h2>
 
-    <p>Le présent site, accessible à l’URL mcbookshelf.dev (le « Site »), est édité par :</p>
-    <p>L’association Altearn, enregistrée auprès de la préfecture de police de Paris au répertoire national des associations sous le numéro W061014075, ayant son siège situé à Appartement 561, 16 rue Curial, 75019 PARIS, et représentée par Vincent Foriel, président.</p>
+  <p>
+    Le présent site, accessible à l’URL mcbookshelf.dev (le « Site »), est édité
+    par :
+  </p>
+  <p>
+    L’association Altearn, enregistrée auprès de la préfecture de police de
+    Paris au répertoire national des associations sous le numéro W061014075,
+    ayant son siège situé à Appartement 561, 16 rue Curial, 75019 PARIS, et
+    représentée par Vincent Foriel, président.
+  </p>
 
-    <h2>Hébergement</h2>
+  <h2>Hébergement</h2>
 
-    <p>Le Site est hébergé par la société O2Switch, situé 222 Boulevard Gustave Flaubert, 63000 Clermont-Ferrand, (contact téléphonique : (+33) 4 44 44 60 40).</p>
+  <p>
+    Le Site est hébergé par la société O2Switch, situé 222 Boulevard Gustave
+    Flaubert, 63000 Clermont-Ferrand, (contact téléphonique : (+33) 4 44 44 60
+    40).
+  </p>
 
-    <h2>Directeur de publication</h2>
+  <h2>Directeur de publication</h2>
 
-    <p>La direction de publication du Site est assurée par le·a président·e de l'association Altearn.</p>
+  <p>
+    La direction de publication du Site est assurée par le·a président·e de
+    l'association Altearn.
+  </p>
 
-    <h2>Nous contacter</h2>
+  <h2>Nous contacter</h2>
 
-    <p>Par téléphone : +33699274663</p>
-    <p>Par email : [email protected]</p>
-    <p>Par courrier : Appartement 561, 16 rue Curial, 75019 Paris</p>
+  <p>Par téléphone : +33699274663</p>
+  <p>Par email : [email protected]</p>
+  <p>Par courrier : Appartement 561, 16 rue Curial, 75019 Paris</p>
 
-    <h2>Données personnelles</h2>
-    <p>Nous traitons certaines données personnelles, telles que votre adresse IP, votre user-agent et d'autres informations techniques similaires, dans le but de faire fonctionner correctement notre site. Le traitement de ces données étant strictement nécessaire pour le fonctionnement du site, celui-ci est licite conformément à l'article 6.1(b) du RGPD (base légale "le traitement est nécessaire à l'exécution d'un contrat"). Nous ne traitons aucune autre donnée personnelle vous concernant.</p>
+  <h2>Données personnelles</h2>
+  <p>
+    Nous traitons certaines données personnelles, telles que votre adresse IP,
+    votre user-agent et d'autres informations techniques similaires, dans le but
+    de faire fonctionner correctement notre site. Le traitement de ces données
+    étant strictement nécessaire pour le fonctionnement du site, celui-ci est
+    licite conformément à l'article 6.1(b) du RGPD (base légale "le traitement
+    est nécessaire à l'exécution d'un contrat"). Nous ne traitons aucune autre
+    donnée personnelle vous concernant.
+  </p>
 </main>
 
 <style>
-    main {
-        padding: 1em;
-        background-color: var(--background-color);
-    }
-    h1 {
-        padding-bottom: 1rem;
-        border-bottom: 1px solid var(--divider-color);
-    }
+  main {
+    padding: 1rem 2rem;
+    background-color: var(--background-color);
+  }
+  h1 {
+    padding-bottom: 1rem;
+    border-bottom: 1px solid var(--divider-color);
+  }
+  h2 {
+    margin-top: 1.5rem;
+  }
 </style>

static/.htaccess

@@ -0,0 +1,9 @@
+<IfModule mod_rewrite.c>
+  RewriteEngine On
+  RewriteBase /
+
+  # Redirect all requests to index.html except for actual files and directories
+  RewriteCond %{REQUEST_FILENAME} !-f
+  RewriteCond %{REQUEST_FILENAME} !-d
+  RewriteRule ^ index.html [L]
+</IfModule>

static/style.css

@@ -123,7 +123,7 @@ h3 {
   padding: 1.5rem 2rem;
   column-gap: 4.5rem;
   min-height: 100vh;
-  grid-template-columns: 285px 1fr;
+  grid-template-columns: 18rem 1fr;
   grid-template-rows: repeat(2, min-content) 1fr;
   grid-template-areas:
     "header main"