feat(legal): content

4 files changed, 111 insertions, 2 deletions

diff --git a/src/layout/Base.astro b/src/layout/Base.astro
index 898f6fd..70a1193 100644
--- a/src/layout/Base.astro
+++ b/src/layout/Base.astro
@@ -1,4 +1,5 @@
 ---
+import "../scss/style.scss";
 const { title = "Arnaud Hergès" } = Astro.props;
 ---
 
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 889c5a3..b335dec 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,5 +1,4 @@
 ---
-import "../scss/style.scss";
 import MosaicBackground from "../component/MosaicBackground.astro";
 import VideoAuto from "../component/VideoAuto.astro";
 import Base from "../layout/Base.astro";
diff --git a/src/pages/legal.astro b/src/pages/legal.astro
new file mode 100644
index 0000000..b867f35
--- /dev/null
+++ b/src/pages/legal.astro
@@ -0,0 +1,73 @@
+---
+import Base from "../layout/Base.astro";
+---
+
+<Base title="Mentions légales - Arnaud Hergès">
+  <div class="legal">
+    <div>
+      <h2>Mentions légales</h2>
+      <p>Ce site est la propriété de Monsieur Arnaud Hergès.</p>
+    </div>
+    <div>
+      <h3>1. Présentation du site</h3>
+      <p>
+        En vertu de l’article 6 de la loi n° 2004-575 du 21 juin 2004 pour la confiance dans
+        l’économie numérique, il est précisé aux utilisateurs du site http://arnaud.herges.fr/
+        l’identité des différents intervenants dans le cadre de sa réalisation et de son
+        suivi&thinsp;:
+      </p>
+      <ul>
+        <li>
+          Nom commercial&thinsp;: ENTREE SORTIE PRODUCTION
+        </li>
+        <li>
+          Siret 497 786 772 00028 - RCS Évreux (27)
+        </li>
+        <li>
+          Capital 4 000 euros (€)
+        </li>
+        <li>
+          65 rue Pablo Picasso, 27140 Gisors, France
+        </li>
+        <li>
+          Créateur&thinsp;: ENTREE SORTIE PRODUCTION
+        </li>
+        <li>
+          Directeur de la publication : Arnaud Hergès - <a href="mailto:contact@entreesortie.net"
+            >contact@entreesortie.net</a
+          >
+        </li>
+      </ul>
+    </div>
+    <div>
+      <h3>2. Propriétés intellectuelles</h3>
+      <p>Les images appartiennent au propriétaire du site.</p>
+      <p>Crédits logiciels&thinsp;:</p>
+      <ul>
+        <li><a href="https://william.herges.fr/" target="_blank">William Hergès</a></li>
+        <li>Les contributeurs d'<a href="https://astro.build/" target="_blank">Astro</a></li>
+      </ul>
+    </div>
+    <div>
+      <h3>3. Vie privée</h3>
+      <p>
+        Ce site ne collecte aucune information personnelle à part les informations purement
+        nécessaires aux protocoles permettant l'envoie de ce page (à votre adresse IP) en vertu de
+        l'Article 5(3) de la directive du 12 juillet 2002 sur la protection de la vie privée dans le
+        secteur des communications électroniques.
+      </p>
+      <p>Ce site est hébergé par Infomaniak Network SA, Les Acacias, Genève, Suisse.</p>
+      <p>
+        Les données personnelles récoltées nécessaires sont traités par Infomaniak Network SA
+        conformément à leur <a
+          href="https://www.infomaniak.com/fr/cgv/politique-de-confidentialite"
+          target="_blank">politique de confidentialité</a
+        >.
+      </p>
+      <p>
+        Vous pouvez accéder, modifier, rectifier, supprimer, restreindre le traitement et exporter
+        vos données en envoyant un mail à <a href="mailto:william@herges.fr">William Hergès</a>.
+      </p>
+    </div>
+  </div>
+</Base>
diff --git a/src/scss/style.scss b/src/scss/style.scss
index 42283a8..846c239 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -20,7 +20,7 @@ h1 {
 h2 {
   font-size: 2em;
   font-weight: bold;
-  margin-bottom: 1rem;
+  margin-bottom: 2rem;
 }
 
 h3 {
@@ -33,6 +33,20 @@ h4 {
 
 p {
   line-height: 1.15em;
+  margin-bottom: 1rem;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+ul {
+  list-style: disc inside;
+  margin-top: -0.5rem;
+}
+
+li {
+  line-height: 1.15em;
 }
 
 a {
@@ -47,6 +61,10 @@ footer {
   flex-direction: column;
   padding: 4rem 8rem;
   text-align: center;
+
+  & p {
+    margin-bottom: 0;
+  }
 }
 
 header {
@@ -84,6 +102,10 @@ section {
   margin: auto;
   padding: 2rem;
 
+  & p {
+    margin-bottom: 0;
+  }
+
   &__header {
     text-align: center;
     margin-bottom: 2rem;
@@ -101,3 +123,17 @@ section {
 .bg video {
   height: 100%;
 }
+
+.legal {
+  max-width: 1000px;
+  margin: auto;
+  padding-top: 8rem;
+  padding-bottom: 4rem;
+  display: flex;
+  flex-direction: column;
+  gap: 4rem;
+
+  & h3 {
+    margin-bottom: 2rem;
+  }
+}