From 6b5055a50e75af3125bd0afab151eba4986f2a61 Mon Sep 17 00:00:00 2001 From: Colin FRIZOT Date: Tue, 14 May 2024 15:49:16 +0200 Subject: [PATCH] Redesign the home page (#9) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: cofrizot Co-authored-by: matis.mazingue Co-authored-by: clfreville2 Reviewed-on: https://codefirst.iut.uca.fr/git/sandkasten/sandkasten-web/pulls/9 Reviewed-by: Clément FRÉVILLE Co-authored-by: Colin FRIZOT Co-committed-by: Colin FRIZOT --- .../components/footer/footer.component.html | 95 +--- .../components/footer/footer.component.scss | 88 +--- .../components/header/header.component.html | 5 + .../components/header/header.component.scss | 23 + src/app/components/header/header.component.ts | 12 +- .../landing-page/landing-page.component.html | 473 +++++++++++++++++- .../landing-page/landing-page.component.scss | 461 ++++++++++++++++- src/assets/i18n/fr.json | 2 +- src/assets/img/landing-page/cross.png | Bin 0 -> 3140 bytes src/assets/img/landing-page/gitea.png | Bin 0 -> 8936 bytes src/assets/img/landing-page/unknown.jpeg | Bin 0 -> 22284 bytes src/styles.scss | 5 + 12 files changed, 970 insertions(+), 194 deletions(-) create mode 100644 src/assets/img/landing-page/cross.png create mode 100644 src/assets/img/landing-page/gitea.png create mode 100644 src/assets/img/landing-page/unknown.jpeg diff --git a/src/app/components/footer/footer.component.html b/src/app/components/footer/footer.component.html index 579b62e..c8b304d 100644 --- a/src/app/components/footer/footer.component.html +++ b/src/app/components/footer/footer.component.html @@ -5,92 +5,11 @@
- -
- -
Sandkasten
-
{{ 'FooterPage.Rights' | translate }}
-
- - -
-
- {{ 'FooterPage.About' | translate }} -
- - {{ 'FooterPage.Story' | translate }} - {{ 'FooterPage.Contact' | translate }} -
-
- -
- {{ 'FooterPage.Legal' | translate }} -
- {{ 'FooterPage.Terms' | translate }} - {{ 'FooterPage.Privacy' | translate }} -
-
-
- - -
- - - - - - - - - - - -
+ Copyright © 2024 Sandcasten. All rights reserved. + + Mentions légales - Politique de confidentialité - + Conditions générales d'utilisation +
diff --git a/src/app/components/footer/footer.component.scss b/src/app/components/footer/footer.component.scss index 303783c..5213b63 100644 --- a/src/app/components/footer/footer.component.scss +++ b/src/app/components/footer/footer.component.scss @@ -1,84 +1,24 @@ +@import '../../../styles'; + .footer { - background-color: #494b92; - padding: 0.5rem 1rem; display: flex; - flex-direction: row; - justify-content: space-between; -} - -/* Logo and copyrights*/ -.rights { - display: grid; - grid: 'logo title' auto 'copyright copyright' / auto 1fr; + flex-direction: column; + align-items: center; gap: 0.5rem; - color: #ffffff; + padding: 0 4rem 4rem; + text-align: center; - .sandkasten-logo { - grid-area: logo; - width: 4rem; - height: auto; - aspect-ratio: 1; + &--rights { + font-size: 0.875rem; + color: $color-gray; } - .title { - grid-area: title; - display: flex; - align-items: flex-end; - - font-family: 'Podkova', sans-serif; - font-size: 1.25rem; - font-weight: 600; - text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); - } - - .copyright { - grid-area: copyright; - font-size: 1rem; - } -} - -/*Navigation*/ -.navigation { - display: flex; - flex-direction: row; - gap: 3rem; - color: #818181; - - .about, - .legals { - display: flex; - flex-direction: column; - gap: 0.5rem; + &__links { + font-size: 0.75rem; + color: $color-gray; - .title { - color: #ffffff; - text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); + a { + cursor: pointer; } - - .links { - display: flex; - flex-direction: column; - gap: 0.25rem; - - > a { - color: #818181; - text-decoration: none; - transition: color 0.3s ease; - } - - :hover { - color: #ffffff; - } - } - } -} - -.socials { - .image { - grid-area: logo; - width: 3rem; - height: auto; - aspect-ratio: 1; - padding-right: 10px; } } diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html index 4945a31..d0a7a58 100644 --- a/src/app/components/header/header.component.html +++ b/src/app/components/header/header.component.html @@ -1,4 +1,9 @@