diff --git a/src/components/footer/index.jsx b/src/components/footer/index.jsx index 4f964ae..aeb8607 100644 --- a/src/components/footer/index.jsx +++ b/src/components/footer/index.jsx @@ -3,7 +3,7 @@ import { Link } from "gatsby"; import "./index.scss"; import BtnContact from "../btnContact"; -import Logo from "../../images/favicon.svg"; +import Logo from "../../images/logo-cli.svg"; const Footer = () => { return ( @@ -12,7 +12,13 @@ const Footer = () => {
  • - Logo de la CLI + Logo de l'association

    CLI

    diff --git a/src/components/footer/index.scss b/src/components/footer/index.scss index d61fad1..b1fb322 100644 --- a/src/components/footer/index.scss +++ b/src/components/footer/index.scss @@ -1,5 +1,9 @@ @use "../../scss/abstracts/colors" as *; -@use "../../scss/abstracts/fonts" as *; + +@font-face { + font-family: CutiveMono; + src: url(../../fonts/CutiveMono-Regular.ttf); +} #footer { background: $light; @@ -42,6 +46,16 @@ align-items: center; justify-content: center; + .footer-logo { + width: 3rem; + height: 3rem; + } + + h4 { + font-family: CutiveMono; + font-size: 2.5rem; + } + & > * { margin: 0 0.3rem; } diff --git a/src/components/header/index.jsx b/src/components/header/index.jsx index e953203..964e5cb 100644 --- a/src/components/header/index.jsx +++ b/src/components/header/index.jsx @@ -28,7 +28,7 @@ const Header = () => {

    Coopérative Libre Informatique

    -

    Travailler autrement ensemble.

    +

    Travailler ensemble autrement.

    Écrivez-nous !
    diff --git a/src/components/header/index.scss b/src/components/header/index.scss index d95eb7b..25381c4 100644 --- a/src/components/header/index.scss +++ b/src/components/header/index.scss @@ -67,7 +67,7 @@ header { } } -@media (min-width: 800px) { +@media (min-width: 1000px) { header { .hero { .hero-container { @@ -75,7 +75,7 @@ header { flex-direction: column; align-items: center; - margin-top: 12%; + margin-top: 12rem; margin-left: 10%; } } diff --git a/src/components/navbar/index.scss b/src/components/navbar/index.scss index a1dd7ed..e40baef 100644 --- a/src/components/navbar/index.scss +++ b/src/components/navbar/index.scss @@ -12,10 +12,9 @@ } nav { - // position: fixed; z-index: 10; margin: 0; - width: 100vw; + width: 100%; padding: 0; height: 4.5rem; display: flex; @@ -93,7 +92,7 @@ nav { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); - margin: 4rem auto 0 auto; + margin: 0 auto 0 auto; display: flex; flex-direction: column-reverse; align-items: center; diff --git a/src/scss/index.scss b/src/scss/index.scss index 937f108..1fa3c27 100644 --- a/src/scss/index.scss +++ b/src/scss/index.scss @@ -14,7 +14,7 @@ align-items: center; background-color: transparent; height: auto; - max-width: 85vw; + width: 100%; } .parallax-ethic, @@ -132,11 +132,15 @@ } } +.team { + position: relative; +} + .team:before { content: ""; display: block; position: absolute; - left: 0; + right: 0; top: 0; width: 100%; height: 100%; @@ -222,8 +226,3 @@ padding-top: 150px; padding-bottom: 100px; } - -.contact { - .parallax-contact { - } -} diff --git a/src/scss/main.scss b/src/scss/main.scss index 12c820b..cd17589 100644 --- a/src/scss/main.scss +++ b/src/scss/main.scss @@ -25,6 +25,10 @@ a { color: $primary; } +html { + scroll-behavior: smooth; +} + body { margin: 0; } @@ -59,7 +63,14 @@ main { .page-container { position: relative; // margin-bottom: 2rem; - width: 85vw; + width: 100%; +} + +@media (min-width: 1150px) { + .page-container { + position: relative; + width: 85vw; + } } .page-title {