diff --git a/README.md b/README.md index ecd2afc..ee22687 100644 --- a/README.md +++ b/README.md @@ -27,4 +27,5 @@ - [ ] Meilleur thĂšme - [ ] Meilleur home page - [ ] Ajout du reste d'actus de la page fb +- [ ] Ajouter les pdfs directement dans git. (eh oui git c'est meme pour les gros fichiers^^) diff --git a/assets/animations/lottieflow-menu-nav-06-000000-easey.json b/assets/animations/lottieflow-menu-nav-06-000000-easey.json new file mode 100644 index 0000000..da5f7de --- /dev/null +++ b/assets/animations/lottieflow-menu-nav-06-000000-easey.json @@ -0,0 +1 @@ +{"v":"5.3.4","fr":25,"ip":0,"op":59,"w":740,"h":530,"nm":"Menu1","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"close 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0_1_0p333_0"],"t":46,"s":[0],"e":[-45]},{"t":59}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"n":"0_1_0p333_0","t":46,"s":[138.5,33.5,0],"e":[44.5,43.5,0],"to":[-15.6666669845581,1.66666662693024,0],"ti":[15.6666669845581,-1.66666662693024,0]},{"t":59}],"ix":2},"a":{"a":0,"k":[-231.5,-231.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[231.5,231.5],[-231.5,-231.5]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":55,"ix":5},"lc":2,"lj":2,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":46,"op":59,"st":-16,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"close","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0_1_0p333_0"],"t":46,"s":[0],"e":[45]},{"t":59}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"n":"0_1_0p333_0","t":46,"s":[138.5,496.5,0],"e":[42.5,488.5,0],"to":[-16,-1.33333337306976,0],"ti":[16,1.33333337306976,0]},{"t":59}],"ix":2},"a":{"a":0,"k":[-231.5,231.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[231.5,-231.5],[-231.5,231.5]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":55,"ix":5},"lc":2,"lj":2,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":46,"op":59,"st":-16,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Menu1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0,"y":0},"o":{"x":0.333,"y":0.333},"n":"0_0_0p333_0p333","t":1,"s":[370,42.5,0],"e":[370,42.5,0],"to":[0,0,0],"ti":[0,0,0]},{"t":47}],"ix":2},"a":{"a":0,"k":[0,-222.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"n":"0_1_0p333_0","t":10,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-327,-222.5],[0,-222.5],[327,-222.5]],"c":false}],"e":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-231,-231.5],[0,0.5],[232,-231.5]],"c":false}]},{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0},"n":"0_1_0p167_0","t":22,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-231,-231.5],[0,0.5],[232,-231.5]],"c":false}],"e":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-231,-231.5],[0,0.5],[232,-231.5]],"c":false}]},{"t":47}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":1,"k":[{"i":{"x":[0.012],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0p012_1_0p333_0"],"t":1,"s":[55],"e":[55]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0_1_0p333_0"],"t":17,"s":[55],"e":[70]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0_1_0p333_0"],"t":22,"s":[70],"e":[55]},{"t":26}],"ix":5},"lc":2,"lj":2,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":46,"st":-16,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Menu3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0,"y":0},"o":{"x":0.333,"y":0.333},"n":"0_0_0p333_0p333","t":1,"s":[370,487.5,0],"e":[370,487.5,0],"to":[0,0,0],"ti":[0,0,0]},{"t":47}],"ix":2},"a":{"a":0,"k":[0,222.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"n":"0_1_0p333_0","t":10,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-327,222.5],[1.5,222.5],[327,222.5]],"c":false}],"e":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-233,232.5],[1,0.5],[232,233.5]],"c":false}]},{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0},"n":"0_1_0p167_0","t":22,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-233,232.5],[1,0.5],[232,233.5]],"c":false}],"e":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-233,232.5],[1,0.5],[232,233.5]],"c":false}]},{"t":47}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0_1_0p333_0"],"t":1,"s":[55],"e":[55]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0_1_0p333_0"],"t":17,"s":[55],"e":[70]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0_1_0p333_0"],"t":22,"s":[70],"e":[55]},{"t":26}],"ix":5},"lc":2,"lj":2,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":46,"st":-20,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Menu2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[370,265,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-327,0],[327,0]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":1,"k":[{"i":{"x":[0.022],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0p022_1_0p333_0"],"t":2,"s":[55],"e":[55]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0_1_0p333_0"],"t":9,"s":[55],"e":[0]},{"i":{"x":[0.318],"y":[1]},"o":{"x":[0.167],"y":[0]},"n":["0p318_1_0p167_0"],"t":25,"s":[0],"e":[0]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0_1_0p333_0"],"t":46,"s":[0],"e":[55]},{"t":51}],"ix":5},"lc":2,"lj":2,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.069],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0p069_1_0p333_0"],"t":9,"s":[0],"e":[50]},{"i":{"x":[0.318],"y":[1]},"o":{"x":[0.167],"y":[0]},"n":["0p318_1_0p167_0"],"t":25,"s":[50],"e":[50]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0_1_0p333_0"],"t":46,"s":[50],"e":[0]},{"t":59}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.069],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0p069_1_0p333_0"],"t":9,"s":[100],"e":[50]},{"i":{"x":[0.318],"y":[1]},"o":{"x":[0.167],"y":[0]},"n":["0p318_1_0p167_0"],"t":25,"s":[50],"e":[50]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0_1_0p333_0"],"t":46,"s":[50],"e":[100]},{"t":59}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":0,"op":59,"st":-16,"bm":0}],"markers":[]} \ No newline at end of file diff --git a/assets/cover/cover_v2_01.jpg b/assets/cover/cover_v2_01.jpg new file mode 100644 index 0000000..97f3d99 Binary files /dev/null and b/assets/cover/cover_v2_01.jpg differ diff --git a/assets/sass/article.scss b/assets/sass/article.scss index d09c461..6c05318 100644 --- a/assets/sass/article.scss +++ b/assets/sass/article.scss @@ -11,5 +11,4 @@ } .article { - line-height: 1.8rem; } diff --git a/assets/sass/button.scss b/assets/sass/button.scss new file mode 100644 index 0000000..eecba1f --- /dev/null +++ b/assets/sass/button.scss @@ -0,0 +1,32 @@ +.button { + background-color: $accent; + color: white; + padding: 1rem 2rem; + min-width: 10rem; + font-size: 1.2rem; + border: 0; + border-radius: 2px; +} + + +.burger { + width: 100px; + height: 100px; + border: 1px solid red; + display: flex; + justify-content: space-between; + flex-direction: column; + .bar { + width: 100%; + border-top: 6px solid rgba(1, 1, 1, 0.9); + } + .bar1 { + + } + .bar2 { + + } + .bar3 { + + } +} diff --git a/assets/sass/footer.scss b/assets/sass/footer.scss index d67b959..557efbe 100644 --- a/assets/sass/footer.scss +++ b/assets/sass/footer.scss @@ -12,7 +12,7 @@ body { } .site-footer { - border-top: .5rem solid #eeeeee; + border-top: .3rem solid $accent; margin-top: 1rem; padding-top: 2rem; padding-bottom: 4rem; @@ -29,6 +29,29 @@ body { } } -.site-footer__content { - +.site-footer__title { + @extends .serif-font; +} + +.site-footer__content { + display: flex; + justify-content: space-between; +} +.site-footer__links { + a { + margin-right: .5rem; + } +} + +@media (max-width: $md-breakpoint) { + .site-footer__content { + display: flex; + justify-content: start; + flex-direction: column; + } + .site-footer__title { + } + .site-footer__links { + + } } diff --git a/assets/sass/general.scss b/assets/sass/general.scss index 824f3e6..83ddd8e 100644 --- a/assets/sass/general.scss +++ b/assets/sass/general.scss @@ -1,33 +1,59 @@ + @import url('https://fonts.googleapis.com/css2?family=Bona+Nova:wght@400;700&family=Poppins:wght@300;500&family=Roboto+Condensed&display=swap'); + +.serif-font { + font-family: 'Bona Nova', serif; + } + body { // font-family: 'Trebuchet MS', Tahoma,sans-serif; // font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; - font-family: "Open Sans","Segoe UI",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; + // font-family: "Open Sans","Segoe UI",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; + font-family: 'Roboto Condensed', sans-serif; + font-weight: 300; margin: 0; + font-size: 18px; + line-height: 1.6; } * { box-sizing: border-box; } -article { - font-size: 1.1rem; +h1, h2, h3, .title { + font-family: 'Bona Nova', serif; } h1 { - font-size: 1.75rem; + font-size: 3rem; color: $secondary; } h2 { - font-size: 1.4rem; - color: $primary; + font-size: 1.75rem; + color: $secondary; } a { - color: $primary; + color: $accent; } + a:hover { opacity: 0.8; } + +.separation-section { + background-color: darken($background-secondary, 0%); + padding: 1.2rem 0; + + h2 { + color: white; + } + color: white; + + .button { + background-color: white; + color: $accent; + } + } diff --git a/assets/sass/header.scss b/assets/sass/header.scss index 03f8f30..f079d63 100644 --- a/assets/sass/header.scss +++ b/assets/sass/header.scss @@ -1,8 +1,7 @@ -$header-height: 6.5rem; +$header-height: 6rem; .site-header { background: $background; - margin-bottom: 1rem; color: white; height: $header-height; } diff --git a/assets/sass/landing.scss b/assets/sass/landing.scss new file mode 100644 index 0000000..19b469c --- /dev/null +++ b/assets/sass/landing.scss @@ -0,0 +1,57 @@ +.cover__container { + margin-top: 1px; + position: relative; + min-height: 40rem; +} +.cover__back { + position: absolute; + height: 100%; + width: 100%; + background-size: cover; + background-repeat: no-repeat; + background-position-x: center; + background-position-y: center; + z-index: 1; +} + +.cover__content { + z-index: 10; + position: absolute; + width: 100%; + height: 100%; +} + +.cover__content .page-container { + display: flex; + height: 100%; + flex-direction: column; + justify-content: flex-end; + padding-bottom: 1em; +} + + +.cover__overlay { + position: absolute; + width: 100%; + height: 100%; + position: absolute; + z-index: 2; + background-color: rgba(14, 14, 14, 0.2); +} + +.cover__title { + font-weight: bold; + color: white; + font-size: 3em; + margin-bottom: 0.5em; +} + +.landing__title { + font-weight: 2rem; +} + +.accent-separator { + width: 100%; + height: 0; + border-bottom: .3rem solid $accent; +} diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 7d6a3a7..54c9a18 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -5,9 +5,15 @@ $sm-breakpoint: 900px; $xs-breakpoint: 400px; -$background: #4f607a; -$primary: darken(#ffb500, 5%); -$secondary: #f15a24; + +// #011F26 +// #A5A692 +// #BFB78F +$background: #025E73; // primary +$background-secondary: #BFB78F; +$secondary: #011F26; +$tertiary: #A5A692; +$accent: #F2A71B; .pagination-nav { margin-top: 1em; @@ -16,13 +22,16 @@ $secondary: #f15a24; } @import 'general.scss'; +@import 'button.scss'; @import 'page_container.scss'; @import 'header.scss'; @import 'news.scss'; +@import 'landing.scss'; @import 'article.scss'; @import 'gallery.scss'; @import 'single_image.scss'; @import 'footer.scss'; +@import 'sections.scss'; // components @import 'tags.scss'; diff --git a/assets/sass/sections.scss b/assets/sass/sections.scss new file mode 100644 index 0000000..dd86d20 --- /dev/null +++ b/assets/sass/sections.scss @@ -0,0 +1,5 @@ +.section-menu { + list-style-type: none; + display: flex; + justify-content: space-around; +} diff --git a/content/_index.md b/content/_index.md index ea82ef3..9f1bb33 100644 --- a/content/_index.md +++ b/content/_index.md @@ -2,11 +2,7 @@ title: Accueil --- -