diff options
| -rw-r--r-- | src/layout/Base.astro | 1 | ||||
| -rw-r--r-- | src/pages/index.astro | 1 | ||||
| -rw-r--r-- | src/pages/legal.astro | 73 | ||||
| -rw-r--r-- | src/scss/style.scss | 38 |
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 : + </p> + <ul> + <li> + Nom commercial : 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 : 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 :</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; + } +} |