diff options
| -rw-r--r-- | src/layout/Base.astro | 8 | ||||
| -rw-r--r-- | src/scss/style.scss | 21 |
2 files changed, 26 insertions, 3 deletions
diff --git a/src/layout/Base.astro b/src/layout/Base.astro index a67fc9f..898f6fd 100644 --- a/src/layout/Base.astro +++ b/src/layout/Base.astro @@ -12,5 +12,13 @@ const { title = "Arnaud Hergès" } = Astro.props; </head> <body> <slot /> + <footer> + <a href="/legal/">Mentions légales</a> + <p>Tous droits réservés © 2025 - Arnaud Hergès.</p> + <p> + Site web créé par <a href="https://william.herges.fr/" target="_blank">William Hergès</a> avec + <a href="https://astro.build/" target="_blank">Astro</a>. + </p> + </footer> </body> </html> diff --git a/src/scss/style.scss b/src/scss/style.scss index 1b6e93d..42283a8 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -1,12 +1,13 @@ @use "reset"; $background: hsl(15, 10%, 5%); +$text: hsl(0, 0%, 100%); body { font-size: 22px; font-family: sans-serif; background: $background; - color: white; + color: $text; } h1 { @@ -34,11 +35,25 @@ p { line-height: 1.15em; } +a { + color: $text; +} + +footer { + background: $background; + color: $text; + display: flex; + gap: 1rem; + flex-direction: column; + padding: 4rem 8rem; + text-align: center; +} + header { height: 100vh; box-sizing: border-box; padding: 2.5% 5%; - color: white; + color: $text; background-image: url("/home.jpg"); background-size: cover; background-position: center; @@ -64,7 +79,7 @@ section { transform: translate(-50%, -50%); gap: 1rem; background: $background; - color: white; + color: $text; max-width: 800px; margin: auto; padding: 2rem; |