diff --git a/WEB/View/src/CSS/Presentation.css b/WEB/View/src/CSS/Presentation.css
index 4e766223..d4264307 100644
--- a/WEB/View/src/CSS/Presentation.css
+++ b/WEB/View/src/CSS/Presentation.css
@@ -9,12 +9,14 @@
src: url("../../assets/fonts/Equinox.otf");
}
/* End Fonts CSS */
+html {
+ scroll-behavior: smooth;
+}
body {
min-height: 100vh;
font-family: "Equinox", sans-serif;
color: white;
- scroll-behavior: smooth;
height: 100vh;
background-position: center center;
background-attachment: fixed;
@@ -33,16 +35,15 @@ nav {
.moving-fox {
position: relative;
- top : 0;
+ top: 0;
z-index: -1;
opacity: 0;
}
-
/* Section Histoire */
-section{
- min-height: 70vh;
+section {
+ min-height: 60vh;
margin-bottom: 10px;
}
@@ -68,4 +69,65 @@ section{
p {
font-family: "Fauna", sans-serif;
font-size: 20px;
-}
\ No newline at end of file
+}
+
+/* Scroll down arrow */
+
+.scroll-down {
+ position: absolute;
+ bottom: 15px;
+ left: 50%;
+ margin-left: -16px;
+ display: block;
+ width: 40px;
+ height: 40px;
+ border: 2px solid #fff;
+ background-size: 14px auto;
+ border-radius: 50%;
+ z-index: 2;
+ -webkit-animation: bounce 2s infinite 2s;
+ animation: bounce 2s infinite 2s;
+ -webkit-transition: all 0.2s ease-in;
+ transition: all 0.2s ease-in;
+}
+
+.scroll-down:before {
+ position: absolute;
+ top: calc(50% - 8px);
+ left: calc(50% - 6px);
+ transform: rotate(-45deg);
+ display: block;
+ width: 12px;
+ height: 12px;
+ content: "";
+ border: 2px solid white;
+ border-width: 0px 0 2px 2px;
+}
+
+@keyframes bounce {
+ 0%,
+ 100%,
+ 20%,
+ 50%,
+ 80% {
+ transform: translateY(0);
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ }
+ 40% {
+ transform: translateY(-10px);
+ -webkit-transform: translateY(-10px);
+ -ms-transform: translateY(-10px);
+ -moz-transform: translateY(-10px);
+ -o-transform: translateY(-10px);
+ }
+ 60% {
+ transform: translateY(-5px);
+ -webkit-transform: translateY(-5px);
+ -ms-transform: translateY(-5px);
+ -moz-transform: translateY(-5px);
+ -o-transform: translateY(-5px);
+ }
+}
diff --git a/WEB/View/src/pages/Presentation.html b/WEB/View/src/pages/Presentation.html
index 9bb92861..c85a56fc 100644
--- a/WEB/View/src/pages/Presentation.html
+++ b/WEB/View/src/pages/Presentation.html
@@ -10,7 +10,7 @@
integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I"
crossorigin="anonymous"
/>
-
+
-
+
+
- 
+ 
+
-