diff --git a/package-lock.json b/package-lock.json index 80bc98f..e0032ad 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,10 +1,10 @@ { - "name": "lsrp_connexion", + "name": "next-app", "lockfileVersion": 2, "requires": true, "packages": { "": { - "name": "lsrp_connexion", + "name": "next-app", "dependencies": { "next": "12.0.10", "react": "17.0.2", diff --git a/package.json b/package.json index cac698a..00cb798 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "lsrp_connexion", + "name": "next-app", "private": true, "scripts": { "dev": "next dev", diff --git a/pages/_app.tsx b/pages/_app.tsx index 48b481b..e368160 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -1,6 +1,7 @@ import type { AppProps } from "next/app"; import "../styles/main.scss"; +import "../styles/fonts.scss"; const MyApp = ({ Component, pageProps }: AppProps) => { return <Component {...pageProps} />; diff --git a/public/fonts/Poppins-Black.ttf b/public/fonts/Poppins-Black.ttf new file mode 100644 index 0000000..7555c67 Binary files /dev/null and b/public/fonts/Poppins-Black.ttf differ diff --git a/public/fonts/Poppins-Black.woff b/public/fonts/Poppins-Black.woff new file mode 100644 index 0000000..a2e920c Binary files /dev/null and b/public/fonts/Poppins-Black.woff differ diff --git a/public/fonts/Poppins-Black.woff2 b/public/fonts/Poppins-Black.woff2 new file mode 100644 index 0000000..9e58a3c Binary files /dev/null and b/public/fonts/Poppins-Black.woff2 differ diff --git a/public/fonts/Poppins-BlackItalic.ttf b/public/fonts/Poppins-BlackItalic.ttf new file mode 100644 index 0000000..64b7af7 Binary files /dev/null and b/public/fonts/Poppins-BlackItalic.ttf differ diff --git a/public/fonts/Poppins-BlackItalic.woff b/public/fonts/Poppins-BlackItalic.woff new file mode 100644 index 0000000..f2e5aca Binary files /dev/null and b/public/fonts/Poppins-BlackItalic.woff differ diff --git a/public/fonts/Poppins-BlackItalic.woff2 b/public/fonts/Poppins-BlackItalic.woff2 new file mode 100644 index 0000000..8e3f7fb Binary files /dev/null and b/public/fonts/Poppins-BlackItalic.woff2 differ diff --git a/public/fonts/Poppins-Bold.ttf b/public/fonts/Poppins-Bold.ttf new file mode 100644 index 0000000..f8b0594 Binary files /dev/null and b/public/fonts/Poppins-Bold.ttf differ diff --git a/public/fonts/Poppins-Bold.woff b/public/fonts/Poppins-Bold.woff new file mode 100644 index 0000000..183b1a0 Binary files /dev/null and b/public/fonts/Poppins-Bold.woff differ diff --git a/public/fonts/Poppins-Bold.woff2 b/public/fonts/Poppins-Bold.woff2 new file mode 100644 index 0000000..fd7e21b Binary files /dev/null and b/public/fonts/Poppins-Bold.woff2 differ diff --git a/public/fonts/Poppins-BoldItalic.ttf b/public/fonts/Poppins-BoldItalic.ttf new file mode 100644 index 0000000..4ca46ba Binary files /dev/null and b/public/fonts/Poppins-BoldItalic.ttf differ diff --git a/public/fonts/Poppins-BoldItalic.woff b/public/fonts/Poppins-BoldItalic.woff new file mode 100644 index 0000000..5db9010 Binary files /dev/null and b/public/fonts/Poppins-BoldItalic.woff differ diff --git a/public/fonts/Poppins-BoldItalic.woff2 b/public/fonts/Poppins-BoldItalic.woff2 new file mode 100644 index 0000000..948c335 Binary files /dev/null and b/public/fonts/Poppins-BoldItalic.woff2 differ diff --git a/public/fonts/Poppins-ExtraBold.ttf b/public/fonts/Poppins-ExtraBold.ttf new file mode 100644 index 0000000..bed9184 Binary files /dev/null and b/public/fonts/Poppins-ExtraBold.ttf differ diff --git a/public/fonts/Poppins-ExtraBold.woff b/public/fonts/Poppins-ExtraBold.woff new file mode 100644 index 0000000..3de3510 Binary files /dev/null and b/public/fonts/Poppins-ExtraBold.woff differ diff --git a/public/fonts/Poppins-ExtraBold.woff2 b/public/fonts/Poppins-ExtraBold.woff2 new file mode 100644 index 0000000..853b9d0 Binary files /dev/null and b/public/fonts/Poppins-ExtraBold.woff2 differ diff --git a/public/fonts/Poppins-ExtraBoldItalic.ttf b/public/fonts/Poppins-ExtraBoldItalic.ttf new file mode 100644 index 0000000..1d6b76c Binary files /dev/null and b/public/fonts/Poppins-ExtraBoldItalic.ttf differ diff --git a/public/fonts/Poppins-ExtraBoldItalic.woff b/public/fonts/Poppins-ExtraBoldItalic.woff new file mode 100644 index 0000000..1b84d73 Binary files /dev/null and b/public/fonts/Poppins-ExtraBoldItalic.woff differ diff --git a/public/fonts/Poppins-ExtraBoldItalic.woff2 b/public/fonts/Poppins-ExtraBoldItalic.woff2 new file mode 100644 index 0000000..46fb380 Binary files /dev/null and b/public/fonts/Poppins-ExtraBoldItalic.woff2 differ diff --git a/public/fonts/Poppins-ExtraLight.ttf b/public/fonts/Poppins-ExtraLight.ttf new file mode 100644 index 0000000..f67f442 Binary files /dev/null and b/public/fonts/Poppins-ExtraLight.ttf differ diff --git a/public/fonts/Poppins-ExtraLight.woff b/public/fonts/Poppins-ExtraLight.woff new file mode 100644 index 0000000..2a46dee Binary files /dev/null and b/public/fonts/Poppins-ExtraLight.woff differ diff --git a/public/fonts/Poppins-ExtraLight.woff2 b/public/fonts/Poppins-ExtraLight.woff2 new file mode 100644 index 0000000..ee0c15e Binary files /dev/null and b/public/fonts/Poppins-ExtraLight.woff2 differ diff --git a/public/fonts/Poppins-ExtraLightItalic.ttf b/public/fonts/Poppins-ExtraLightItalic.ttf new file mode 100644 index 0000000..4dbe2cc Binary files /dev/null and b/public/fonts/Poppins-ExtraLightItalic.ttf differ diff --git a/public/fonts/Poppins-ExtraLightItalic.woff b/public/fonts/Poppins-ExtraLightItalic.woff new file mode 100644 index 0000000..243d34c Binary files /dev/null and b/public/fonts/Poppins-ExtraLightItalic.woff differ diff --git a/public/fonts/Poppins-ExtraLightItalic.woff2 b/public/fonts/Poppins-ExtraLightItalic.woff2 new file mode 100644 index 0000000..81bcf8b Binary files /dev/null and b/public/fonts/Poppins-ExtraLightItalic.woff2 differ diff --git a/public/fonts/Poppins-Italic.ttf b/public/fonts/Poppins-Italic.ttf new file mode 100644 index 0000000..ca84b2f Binary files /dev/null and b/public/fonts/Poppins-Italic.ttf differ diff --git a/public/fonts/Poppins-Italic.woff b/public/fonts/Poppins-Italic.woff new file mode 100644 index 0000000..a465c1f Binary files /dev/null and b/public/fonts/Poppins-Italic.woff differ diff --git a/public/fonts/Poppins-Italic.woff2 b/public/fonts/Poppins-Italic.woff2 new file mode 100644 index 0000000..082d863 Binary files /dev/null and b/public/fonts/Poppins-Italic.woff2 differ diff --git a/public/fonts/Poppins-Light.ttf b/public/fonts/Poppins-Light.ttf new file mode 100644 index 0000000..94fa7da Binary files /dev/null and b/public/fonts/Poppins-Light.ttf differ diff --git a/public/fonts/Poppins-Light.woff b/public/fonts/Poppins-Light.woff new file mode 100644 index 0000000..d2d37dd Binary files /dev/null and b/public/fonts/Poppins-Light.woff differ diff --git a/public/fonts/Poppins-Light.woff2 b/public/fonts/Poppins-Light.woff2 new file mode 100644 index 0000000..a8fc845 Binary files /dev/null and b/public/fonts/Poppins-Light.woff2 differ diff --git a/public/fonts/Poppins-LightItalic.ttf b/public/fonts/Poppins-LightItalic.ttf new file mode 100644 index 0000000..f1b0564 Binary files /dev/null and b/public/fonts/Poppins-LightItalic.ttf differ diff --git a/public/fonts/Poppins-LightItalic.woff b/public/fonts/Poppins-LightItalic.woff new file mode 100644 index 0000000..78c3aa6 Binary files /dev/null and b/public/fonts/Poppins-LightItalic.woff differ diff --git a/public/fonts/Poppins-LightItalic.woff2 b/public/fonts/Poppins-LightItalic.woff2 new file mode 100644 index 0000000..4e7ede7 Binary files /dev/null and b/public/fonts/Poppins-LightItalic.woff2 differ diff --git a/public/fonts/Poppins-Medium.ttf b/public/fonts/Poppins-Medium.ttf new file mode 100644 index 0000000..a0592a0 Binary files /dev/null and b/public/fonts/Poppins-Medium.ttf differ diff --git a/public/fonts/Poppins-Medium.woff b/public/fonts/Poppins-Medium.woff new file mode 100644 index 0000000..ade6331 Binary files /dev/null and b/public/fonts/Poppins-Medium.woff differ diff --git a/public/fonts/Poppins-Medium.woff2 b/public/fonts/Poppins-Medium.woff2 new file mode 100644 index 0000000..d7c16dc Binary files /dev/null and b/public/fonts/Poppins-Medium.woff2 differ diff --git a/public/fonts/Poppins-MediumItalic.ttf b/public/fonts/Poppins-MediumItalic.ttf new file mode 100644 index 0000000..ff6e576 Binary files /dev/null and b/public/fonts/Poppins-MediumItalic.ttf differ diff --git a/public/fonts/Poppins-MediumItalic.woff b/public/fonts/Poppins-MediumItalic.woff new file mode 100644 index 0000000..3ff3847 Binary files /dev/null and b/public/fonts/Poppins-MediumItalic.woff differ diff --git a/public/fonts/Poppins-MediumItalic.woff2 b/public/fonts/Poppins-MediumItalic.woff2 new file mode 100644 index 0000000..502ea3e Binary files /dev/null and b/public/fonts/Poppins-MediumItalic.woff2 differ diff --git a/public/fonts/Poppins-Regular.ttf b/public/fonts/Poppins-Regular.ttf new file mode 100644 index 0000000..3c0b76d Binary files /dev/null and b/public/fonts/Poppins-Regular.ttf differ diff --git a/public/fonts/Poppins-Regular.woff b/public/fonts/Poppins-Regular.woff new file mode 100644 index 0000000..2b18f02 Binary files /dev/null and b/public/fonts/Poppins-Regular.woff differ diff --git a/public/fonts/Poppins-Regular.woff2 b/public/fonts/Poppins-Regular.woff2 new file mode 100644 index 0000000..bd4e3bd Binary files /dev/null and b/public/fonts/Poppins-Regular.woff2 differ diff --git a/public/fonts/Poppins-SemiBold.ttf b/public/fonts/Poppins-SemiBold.ttf new file mode 100644 index 0000000..515996d Binary files /dev/null and b/public/fonts/Poppins-SemiBold.ttf differ diff --git a/public/fonts/Poppins-SemiBold.woff b/public/fonts/Poppins-SemiBold.woff new file mode 100644 index 0000000..06273fe Binary files /dev/null and b/public/fonts/Poppins-SemiBold.woff differ diff --git a/public/fonts/Poppins-SemiBold.woff2 b/public/fonts/Poppins-SemiBold.woff2 new file mode 100644 index 0000000..a5b4808 Binary files /dev/null and b/public/fonts/Poppins-SemiBold.woff2 differ diff --git a/public/fonts/Poppins-SemiBoldItalic.ttf b/public/fonts/Poppins-SemiBoldItalic.ttf new file mode 100644 index 0000000..31f7a33 Binary files /dev/null and b/public/fonts/Poppins-SemiBoldItalic.ttf differ diff --git a/public/fonts/Poppins-SemiBoldItalic.woff b/public/fonts/Poppins-SemiBoldItalic.woff new file mode 100644 index 0000000..8a1bbe3 Binary files /dev/null and b/public/fonts/Poppins-SemiBoldItalic.woff differ diff --git a/public/fonts/Poppins-SemiBoldItalic.woff2 b/public/fonts/Poppins-SemiBoldItalic.woff2 new file mode 100644 index 0000000..9d4729a Binary files /dev/null and b/public/fonts/Poppins-SemiBoldItalic.woff2 differ diff --git a/public/fonts/Poppins-Thin.ttf b/public/fonts/Poppins-Thin.ttf new file mode 100644 index 0000000..e77b13d Binary files /dev/null and b/public/fonts/Poppins-Thin.ttf differ diff --git a/public/fonts/Poppins-Thin.woff b/public/fonts/Poppins-Thin.woff new file mode 100644 index 0000000..bcb1341 Binary files /dev/null and b/public/fonts/Poppins-Thin.woff differ diff --git a/public/fonts/Poppins-Thin.woff2 b/public/fonts/Poppins-Thin.woff2 new file mode 100644 index 0000000..9f34f03 Binary files /dev/null and b/public/fonts/Poppins-Thin.woff2 differ diff --git a/public/fonts/Poppins-ThinItalic.ttf b/public/fonts/Poppins-ThinItalic.ttf new file mode 100644 index 0000000..6c07a86 Binary files /dev/null and b/public/fonts/Poppins-ThinItalic.ttf differ diff --git a/public/fonts/Poppins-ThinItalic.woff b/public/fonts/Poppins-ThinItalic.woff new file mode 100644 index 0000000..6459aa0 Binary files /dev/null and b/public/fonts/Poppins-ThinItalic.woff differ diff --git a/styles/abstracts/_mixins.scss b/styles/abstracts/_mixins.scss index 3e7ba42..93240f6 100644 --- a/styles/abstracts/_mixins.scss +++ b/styles/abstracts/_mixins.scss @@ -8,25 +8,18 @@ @mixin element-invisible($enforce: true) { $important: if($enforce, "!important", null); - position: absolute #{$important}; - width: 1px #{$important}; - height: 1px #{$important}; - padding: 0 #{$important}; - overflow: hidden #{$important}; - clip: rect(0, 0, 0, 0) #{$important}; - white-space: nowrap #{$important}; - border: 0 #{$important}; + max-height: 0 #{$important}; + opacity: 0 #{$important}; + visibility: hidden #{$important}; + transition: $default-transition; } -@mixin element-invisible-off($enforce: true) { +@mixin element-invisible-off($value-visibility: 100px, $enforce: true) { $important: if($enforce, "!important", null); - position: static #{$important}; - width: auto #{$important}; - height: auto #{$important}; - overflow: visible #{$important}; - clip: auto #{$important}; - white-space: normal #{$important}; + max-height: #{$value-visibility} #{$important}; + opacity: 1 #{$important}; + visibility: visible #{$important}; } @mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) { diff --git a/styles/base/_helpers.scss b/styles/base/_helpers.scss index 71a143b..364dd23 100644 --- a/styles/base/_helpers.scss +++ b/styles/base/_helpers.scss @@ -11,25 +11,6 @@ padding: 20px; } -%vertical-center { - position: absolute; - top: 50%; - transform: translateY(-50%); -} - -%horizontal-center { - position: absolute; - left: 50%; - transform: translateX(-50%); -} - -%absolute-center { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} - %button { outline: none; border: none; diff --git a/styles/base/_root.scss b/styles/base/_root.scss index 37a0025..f5f0ccd 100644 --- a/styles/base/_root.scss +++ b/styles/base/_root.scss @@ -15,3 +15,8 @@ padding: 0; box-sizing: border-box; } + +body { + min-height: 100vh; + max-width: 100vw; +} diff --git a/styles/fonts.scss b/styles/fonts.scss new file mode 100644 index 0000000..648b719 --- /dev/null +++ b/styles/fonts.scss @@ -0,0 +1,179 @@ +@font-face { + font-family: Poppins-Italic; + src: url("/fonts/Poppins-Italic.woff2") format("woff2"), + url("/fonts/Poppins-Italic.woff") format("woff"), + url("/fonts/Poppins-Italic.ttf") format("truetype"); + font-weight: normal; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: Poppins-Light-Italic; + src: url("/fonts/Poppins-LightItalic.woff2") format("woff2"), + url("/fonts/Poppins-LightItalic.woff") format("woff"), + url("/fonts/Poppins-LightItalic.ttf") format("truetype"); + font-weight: 300; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: Poppins-SemiBold; + src: url("/fonts/Poppins-SemiBold.woff2") format("woff2"), + url("/fonts/Poppins-SemiBold.woff") format("woff"), + url("/fonts/Poppins-SemiBold.ttf") format("truetype"); + font-weight: 600; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: Poppins-Thin; + src: url("/fonts/Poppins-Thin.woff2") format("woff2"), + url("/fonts/Poppins-Thin.woff") format("woff"), + url("/fonts/Poppins-Thin.ttf") format("truetype"); + font-weight: 100; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: Poppins-Medium-Italic; + src: url("/fonts/Poppins-MediumItalic.woff2") format("woff2"), + url("/fonts/Poppins-MediumItalic.woff") format("woff"), + url("/fonts/Poppins-MediumItalic.ttf") format("truetype"); + font-weight: 500; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: Poppins-Regular; + src: url("/fonts/Poppins-Regular.woff2") format("woff2"), + url("/fonts/Poppins-Regular.woff") format("woff"), + url("/fonts/Poppins-Regular.ttf") format("truetype"); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: Poppins-Extra-Bold-Italic; + src: url("/fonts/Poppins-ExtraBoldItalic.woff2") format("woff2"), + url("/fonts/Poppins-ExtraBoldItalic.woff") format("woff"), + url("/fonts/Poppins-ExtraBoldItalic.ttf") format("truetype"); + font-weight: bold; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: Poppins-Extra-Light-Italic; + src: url("/fonts/Poppins-ExtraLightItalic.woff2") format("woff2"), + url("/fonts/Poppins-ExtraLightItalic.woff") format("woff"), + url("/fonts/Poppins-ExtraLightItalic.ttf") format("truetype"); + font-weight: 200; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: Poppins-Light; + src: url("/fonts/Poppins-Light.woff2") format("woff2"), + url("/fonts/Poppins-Light.woff") format("woff"), + url("/fonts/Poppins-Light.ttf") format("truetype"); + font-weight: 300; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: Poppins-Medium; + src: url("/fonts/Poppins-Medium.woff2") format("woff2"), + url("/fonts/Poppins-Medium.woff") format("woff"), + url("/fonts/Poppins-Medium.ttf") format("truetype"); + font-weight: 500; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: Poppins-Semi-Bold-Italic; + src: url("/fonts/Poppins-SemiBoldItalic.woff2") format("woff2"), + url("/fonts/Poppins-SemiBoldItalic.woff") format("woff"), + url("/fonts/Poppins-SemiBoldItalic.ttf") format("truetype"); + font-weight: 600; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: Poppins-Extra-Light; + src: url("/fonts/Poppins-ExtraLight.woff2") format("woff2"), + url("/fonts/Poppins-ExtraLight.woff") format("woff"), + url("/fonts/Poppins-ExtraLight.ttf") format("truetype"); + font-weight: 200; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: Poppins-Thin-Italic; + src: url("/fonts/Poppins-ThinItalic.woff2") format("woff2"), + url("/fonts/Poppins-ThinItalic.woff") format("woff"), + url("/fonts/Poppins-ThinItalic.ttf") format("truetype"); + font-weight: 100; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: Poppins-Black; + src: url("/fonts/Poppins-Black.woff2") format("woff2"), + url("/fonts/Poppins-Black.woff") format("woff"), + url("/fonts/Poppins-Black.ttf") format("truetype"); + font-weight: 900; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: Poppins; + src: url("/fonts/Poppins-BoldItalic.woff2") format("woff2"), + url("/fonts/Poppins-BoldItalic.woff") format("woff"), + url("/fonts/Poppins-BoldItalic.ttf") format("truetype"); + font-weight: bold; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: Poppins-Bold; + src: url("/fonts/Poppins-Bold.woff2") format("woff2"), + url("/fonts/Poppins-Bold.woff") format("woff"), + url("/fonts/Poppins-Bold.ttf") format("truetype"); + font-weight: bold; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: Poppins-Black-Italic; + src: url("/fonts/Poppins-BlackItalic.woff2") format("woff2"), + url("/fonts/Poppins-BlackItalic.woff") format("woff"), + url("/fonts/Poppins-BlackItalic.ttf") format("truetype"); + font-weight: 900; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: Poppins-Extra-Bold; + src: url("/fonts/Poppins-ExtraBold.woff2") format("woff2"), + url("/fonts/Poppins-ExtraBold.woff") format("woff"), + url("/fonts/Poppins-ExtraBold.ttf") format("truetype"); + font-weight: bold; + font-style: normal; + font-display: swap; +}