diff --git a/assets/sass/landing.scss b/assets/sass/landing.scss index 1e3bd4d..b31a74e 100644 --- a/assets/sass/landing.scss +++ b/assets/sass/landing.scss @@ -1,18 +1,31 @@ .cover__container { - margin-top: 1px; position: relative; - min-height: 40rem; + min-height: 50rem; } .cover__back { position: absolute; height: 100%; width: 100%; + overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position-x: center; background-position-y: center; z-index: 1; + + // to center the video + text-align: center; + display: flex; + justify-content: center; + + video { + width: 100%; + height: 100%; + background-color: gray; + object-fit: cover; + position: relative; + } } .cover__content { @@ -79,6 +92,11 @@ @import 'landing/timeline.scss'; +@media (max-width: $lg-breakpoint) { + .cover__back { + } +} + @media (min-width: $lg-breakpoint) { .cover__back { background-position-x: center; @@ -263,22 +281,6 @@ @media (max-width: $md-breakpoint) { .history-container { - - .layout-grid-image.third { - display: block; - } - - .image-container { - display: flex; - justify-content: center; - } - .slide-image { - height: 19rem; - img { - width: auto; - height: 100%; - } - } } } diff --git a/layouts/index.html b/layouts/index.html index 17eddfe..b005762 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,6 +1,9 @@ {{ define "main" }}
+
@@ -15,7 +18,7 @@
-
+ @@ -310,10 +313,10 @@
-
- - Assemblée générale constitutive -
+ + + +

L'association : L'Étoile de Bethléem

@@ -388,7 +391,9 @@ - Others articles... +

+ Others articles... +
diff --git a/layouts/partials/header.html b/layouts/partials/header.html index c722e5c..e56061d 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -7,12 +7,22 @@