Initial commit

themes/coopgo-theme/LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 YOUR_NAME_HERE
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

themes/coopgo-theme/archetypes/default.md

@@ -0,0 +1,2 @@
++++
++++

themes/coopgo-theme/assets/images/COOPGO BULLES-08.svg

@@ -0,0 +1 @@
+<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 757.18 757.18"><path d="M755.59,378.59c0-1.81,0-3.62,0-5.43,0-14.52-.25-29-.85-43.23-3.4-94.25-19.29-182.2-84.5-243-60.77-65.09-148.54-81-242.62-84.44-14.4-.61-29-.86-43.62-.86H373.16c-14.65,0-29.21.25-43.61.86C235.47,5.87,147.69,21.79,86.92,86.88,21.71,147.73,5.83,235.68,2.42,329.93c-.59,14.28-.84,28.71-.84,43.23,0,1.81,0,3.62,0,5.43s0,3.61,0,5.42c0,14.53.25,29,.84,43.23,3.41,94.25,19.29,182.21,84.5,243.06,60.77,65.08,148.55,81,242.63,84.44,14.4.6,29,.86,43.61.86H384c14.66,0,29.22-.26,43.62-.86,94.08-3.44,181.85-19.36,242.62-84.44,65.21-60.85,81.1-148.81,84.5-243.06.6-14.27.85-28.7.85-43.23C755.6,382.2,755.59,380.4,755.59,378.59Z"/></svg>

themes/coopgo-theme/assets/images/facebook.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 9.4 9.3" style="enable-background:new 0 0 9.4 9.3;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#6CC11F;}
+	.st1{fill:#243887;}
+	.st2{fill:#1D1D1B;}
+	.st3{fill:#FF5300;}
+	.st4{fill:#FFFFFF;}
+	.st5{clip-path:url(#SVGID_2_);}
+</style>
+<path class="st0" d="M4.7,0C0.8,0,0,2.1,0,4.6c0,2.3,0.2,4.5,3.9,4.7V6H2.8V4.7h1.2v-1c0-1.2,0.7-1.8,1.8-1.8c0.5,0,1,0.1,1,0.1v1.2
+	H6.2c-0.6,0-0.8,0.4-0.8,0.7v0.9h1.3L6.5,6H5.4v3.3c3.5-0.2,4-2.3,4-4.7C9.4,2.2,8.9,0,4.7,0z"/>
+</svg>

themes/coopgo-theme/assets/images/instagram.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 9.4 9.4" style="enable-background:new 0 0 9.4 9.4;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#6CC11F;}
+	.st1{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M4.7,0C0.8,0,0,2.1,0,4.6C0,7,0.3,9.4,4.7,9.4c4.1,0,4.7-2.2,4.7-4.7S8.9,0,4.7,0z"/>
+<g>
+	<g>
+		<path class="st1" d="M4.7,3.2c0.8,0,1.4,0.6,1.4,1.4S5.5,6,4.7,6S3.3,5.4,3.3,4.6C3.3,3.8,3.9,3.2,4.7,3.2z M3.8,4.6
+			c0,0.5,0.4,0.9,0.9,0.9s0.9-0.4,0.9-0.9S5.2,3.7,4.7,3.7C4.2,3.7,3.8,4.1,3.8,4.6z"/>
+		<path class="st1" d="M5.9,7.6H3.5c-0.9,0-1.7-0.8-1.7-1.7V3.5c0-0.9,0.8-1.7,1.7-1.7h2.3c0.9,0,1.7,0.8,1.7,1.7v2.3
+			C7.6,6.8,6.8,7.6,5.9,7.6z M5.9,7.2c0.7,0,1.3-0.6,1.3-1.3V3.5c0-0.7-0.6-1.3-1.3-1.3H3.5c-0.7,0-1.3,0.6-1.3,1.3v2.3
+			c0,0.7,0.6,1.3,1.3,1.3H5.9z"/>
+	</g>
+	<circle class="st1" cx="6.3" cy="3.1" r="0.3"/>
+</g>
+</svg>

themes/coopgo-theme/assets/images/linkedin.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 9.4 9.4" style="enable-background:new 0 0 9.4 9.4;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#6CC11F;}
+	.st1{fill:#243887;}
+	.st2{fill:#1D1D1B;}
+	.st3{fill:#FF5300;}
+	.st4{fill:#FFFFFF;}
+	.st5{clip-path:url(#SVGID_2_);}
+</style>
+<path class="st0" d="M9.4,4.6c0,2.6-0.6,4.7-4.7,4.7C0.3,9.4,0,7,0,4.6C0,2.1,0.8,0,4.7,0C8.9,0,9.4,2.2,9.4,4.6z M1.9,7.3h1.2V3.6
+	H1.9V7.3z M2.5,1.7C2.1,1.7,1.8,2,1.8,2.4c0,0.4,0.3,0.7,0.7,0.7c0.4,0,0.7-0.3,0.7-0.7C3.2,2,2.9,1.7,2.5,1.7z M6.1,3.5
+	c-0.6,0-0.9,0.3-1.1,0.6h0V3.6H3.8v3.8H5V5.5c0-0.5,0.1-1,0.7-1c0.6,0,0.6,0.6,0.6,1v1.8h1.2V5.3C7.5,4.3,7.2,3.5,6.1,3.5z"/>
+</svg>

themes/coopgo-theme/assets/images/twitter.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 9.4 9.4" style="enable-background:new 0 0 9.4 9.4;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#6CC11F;}
+	.st1{fill:#243887;}
+	.st2{fill:#1D1D1B;}
+	.st3{fill:#FF5300;}
+	.st4{fill:#FFFFFF;}
+	.st5{clip-path:url(#SVGID_2_);}
+</style>
+<path class="st0" d="M4.7,0C0.8,0,0,2.1,0,4.6C0,7,0.3,9.4,4.7,9.4c4.1,0,4.7-2.2,4.7-4.7C9.4,2.2,8.9,0,4.7,0z M7,3.5
+	c0,0.1,0,0.1,0,0.2c0,1.6-1.2,3.4-3.4,3.4c-0.7,0-1.3-0.2-1.8-0.5c0.1,0,0.2,0,0.3,0c0.6,0,1.1-0.2,1.5-0.5C3,6,2.6,5.7,2.4,5.2
+	c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3,0C2.4,5.1,2,4.6,2,4c0,0,0,0,0,0c0.2,0.1,0.3,0.1,0.5,0.1C2.2,3.9,2,3.5,2,3.1
+	c0-0.2,0.1-0.4,0.2-0.6c0.6,0.7,1.5,1.2,2.5,1.3c0-0.1,0-0.2,0-0.3c0-0.7,0.5-1.2,1.2-1.2c0.3,0,0.7,0.1,0.9,0.4
+	C7,2.6,7.2,2.5,7.4,2.4C7.4,2.7,7.2,2.9,6.9,3.1C7.2,3,7.4,3,7.6,2.9C7.4,3.1,7.2,3.3,7,3.5z"/>
+</svg>

themes/coopgo-theme/assets/images/youtube.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 9.4 9.4" style="enable-background:new 0 0 9.4 9.4;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#6CC11F;}
+	.st1{fill:#243887;}
+	.st2{fill:#1D1D1B;}
+	.st3{fill:#FF5300;}
+	.st4{fill:#FFFFFF;}
+	.st5{clip-path:url(#SVGID_2_);}
+</style>
+<g>
+	<path class="st0" d="M4.7,0C0.8,0,0,2.1,0,4.6C0,7,0.3,9.4,4.7,9.4c4.1,0,4.7-2.2,4.7-4.7C9.4,2.2,8.9,0,4.7,0z M7.4,6
+		C7.4,6.3,7.2,6.5,6.9,6.5C6.5,6.6,4.7,6.6,4.7,6.6s-1.8,0-2.2-0.1C2.2,6.5,2,6.3,1.9,6C1.8,5.6,1.8,4.6,1.8,4.6s0-0.9,0.1-1.4
+		C2,3,2.2,2.8,2.4,2.7c0.4-0.1,2.2-0.1,2.2-0.1s1.8,0,2.2,0.1C7.2,2.8,7.4,3,7.4,3.2c0.1,0.4,0.1,1.4,0.1,1.4S7.5,5.6,7.4,6z"/>
+	<polygon class="st0" points="4.1,5.5 4.1,3.8 5.6,4.6 	"/>
+</g>
+</svg>

themes/coopgo-theme/assets/js/main.js

@@ -0,0 +1,9 @@
+function navbarToggleOnScroll() {
+    var el = document.getElementById("navbar");
+    if (window.pageYOffset >= 500) {
+        el.classList.add("scroll");
+    } else {
+        el.classList.remove("scroll");
+    }
+ }; 
+window.addEventListener("scroll", navbarToggleOnScroll);

themes/coopgo-theme/assets/sass/coopgo-web-ui-kit/_base.scss

@@ -0,0 +1,68 @@
+@font-face {
+	font-family: "Manometer";
+	src: url("/fonts/manometer.woff2") format("woff2"),
+		 url("/fonts/manometer.woff") format("woff");
+}
+
+@font-face {
+	font-family: "Bitter";
+    font-style: normal;
+	src: url("/fonts/Bitter-Regular.woff") format("woff");
+}
+
+$basefont: Bitter;
+$brandfont: Manometer;
+
+
+body {
+    font-family: $basefont;
+    margin: 0;
+    padding: 0;
+}
+
+.brand {
+    font-family: $brandfont;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-family: Manometer;
+    font-weight: normal;
+}
+
+h1 {
+    font-size: 2.5em;
+}
+
+h2 {
+    font-size: 1.3em;
+}
+
+h3 {
+    font-size: 1em;
+}
+
+h4 {
+    font-size: 0.8em;
+}
+
+p {
+    font-size: 1em;
+}
+
+#content {
+    margin-top: 3em;
+}
+
+.container {
+    margin: auto;
+    max-width: 1000px;
+}
+
+.cap {
+    text-transform: uppercase;
+}
+
+a {
+    text-decoration: none;
+    color: $brandblue;
+}

themes/coopgo-theme/assets/sass/coopgo-web-ui-kit/_breakpoints.scss

@@ -0,0 +1,3 @@
+
+$breakpoint-prone: 600px !default;
+$breakpoint-tablet: 992px !default;

themes/coopgo-theme/assets/sass/coopgo-web-ui-kit/_bubbles.scss

@@ -0,0 +1,18 @@
+
+$bubbleshape: '<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 757.18 757.18"><path d="M755.59,378.59c0-1.81,0-3.62,0-5.43,0-14.52-.25-29-.85-43.23-3.4-94.25-19.29-182.2-84.5-243-60.77-65.09-148.54-81-242.62-84.44-14.4-.61-29-.86-43.62-.86H373.16c-14.65,0-29.21.25-43.61.86C235.47,5.87,147.69,21.79,86.92,86.88,21.71,147.73,5.83,235.68,2.42,329.93c-.59,14.28-.84,28.71-.84,43.23,0,1.81,0,3.62,0,5.43s0,3.61,0,5.42c0,14.53.25,29,.84,43.23,3.41,94.25,19.29,182.21,84.5,243.06,60.77,65.08,148.55,81,242.63,84.44,14.4.6,29,.86,43.61.86H384c14.66,0,29.22-.26,43.62-.86,94.08-3.44,181.85-19.36,242.62-84.44,65.21-60.85,81.1-148.81,84.5-243.06.6-14.27.85-28.7.85-43.23C755.6,382.2,755.59,380.4,755.59,378.59Z"/></svg>';
+
+.bg-bubble {
+    mask-image: url("data:image/svg+xml;charset=utf-8,#{$bubbleshape}");
+}
+
+.icon-bubble {
+    display: flex;
+    text-align: center;
+
+    img {
+        justify-content: center;
+        align-items: center;
+        margin: auto;
+        width: 65%;
+    }
+}

themes/coopgo-theme/assets/sass/coopgo-web-ui-kit/_colors.scss

@@ -0,0 +1,111 @@
+$brandblue: #243887 !default;
+$green: #6cc11f !default;
+$orange: #ff5300 !default;
+$yellow: #ffdd00 !default;
+$red: #ff1300 !default;
+$lightblue: #00beff !default;
+$blue: #907eff !default;
+$white: #ffffff !default;
+
+/* Defaults parameters */
+
+$primarycolor: $brandblue !default;
+$secondarycolor: $green !default;
+$warningcolor: $red !default;
+$backgroundcolor: $white !default;
+$reversecolor: $white !default;
+
+/* TEXT COLORS */
+.primary {
+    color: $primarycolor;
+}
+
+.secondary {
+    color: $secondarycolor;
+}
+
+.warning {
+    color: $warningcolor;
+}
+
+.reverse {
+    color: $reversecolor;
+}
+
+.brandblue {
+    color: $brandblue;
+}
+
+.green {
+    color: $green;
+}
+
+.orange {
+    color: $orange;
+}
+
+.yellow {
+    color: $yellow;
+}
+
+.red {
+    color: $red;
+}
+
+.lightblue {
+    color: $lightblue;
+}
+
+.blue {
+    color: $blue;
+}
+
+.white {
+    color: $white;
+}
+
+/* BACKGROUNDS */
+
+.bg-primary {
+    background-color: $primarycolor;
+}
+
+.bg-secondary {
+    background-color: $secondarycolor;
+}
+
+.bg-warning {
+    background-color: $warningcolor;
+}
+
+.bg-brandblue {
+    background-color: $brandblue;
+}
+
+.bg-green {
+    background-color: $green;
+}
+
+.bg-orange {
+    background-color: $orange;
+}
+
+.bg-yellow {
+    background-color: $yellow;
+}
+
+.bg-red {
+    background-color: $red;
+}
+
+.bg-lightblue {
+    background-color: $lightblue;
+}
+
+.bg-blue {
+    background-color: $blue;
+}
+
+.bg-white {
+    background-color: $white;
+}

themes/coopgo-theme/assets/sass/coopgo-web-ui-kit/_flexbox.scss

@@ -0,0 +1,23 @@
+.flex-row {
+    display: flex;
+}
+
+.flex-1 {
+    flex: 1;
+}
+
+.wrap {
+    flex-wrap: wrap;
+}
+
+.j-center {
+    justify-content: center;
+}
+
+.ai-center {
+    align-items: center;
+}
+
+.direction-row-reverse {
+    flex-direction: row-reverse;
+}

themes/coopgo-theme/assets/sass/coopgo-web-ui-kit/_helpers.scss

@@ -0,0 +1,77 @@
+/* WIDTH */ 
+
+$widthvalues: (0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 75, 100, 125, 150, 200, 300, 400, 500, 600, 700, 800, 900, 1000, 1024);
+
+@each $width in $widthvalues {
+    .w-#{$width} {
+        width: #{$width}px;
+    }
+
+    .max-w-#{$width} {
+        max-width: #{$width}px;
+    }
+
+    .min-w-#{$width} {
+        min-width: #{$width}px;
+    }
+
+    .h-#{$width} {
+        height: #{$width}px;
+    }
+
+    .max-h-#{$width} {
+        max-height: #{$width}px;
+    }
+
+    .min-h-#{$width} {
+        min-height: #{$width}px;
+    }
+}
+
+
+.w-full {
+    width: 100% !important;
+}
+
+/* POSITIONING */
+
+.ta-r {
+    text-align: right;
+}
+.ta-l {
+    text-align: left;
+}
+.ta-c {
+    text-align: center;
+}
+.ta-j {
+    text-align: justify;
+}
+
+/* SPACINGS */ 
+.m-auto {
+    margin: auto;
+}
+
+$spaceamounts: (0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 75, 100, 125, 200, 300);
+$sides: (top, bottom, left, right);
+
+@each $space in $spaceamounts {
+
+    .m-#{$space} {
+        margin: #{$space}px !important;
+    }
+    .p-#{$space} {
+        padding: #{$space}px !important;
+    }
+
+    @each $side in $sides {
+        .m-#{str-slice($side, 0, 1)}-#{$space} {
+            margin-#{$side}: #{$space}px !important;
+        }
+
+        .p-#{str-slice($side, 0, 1)}-#{$space} {
+            padding-#{$side}: #{$space}px !important;
+        }
+    }
+}

themes/coopgo-theme/assets/sass/coopgo-web-ui-kit/_nav.scss

@@ -0,0 +1,28 @@
+nav {
+    z-index: 100;
+    height: 3em;
+    display: flex;
+    justify-content: flex-between;
+    align-items: center;
+    position: fixed; /* Set the navbar to fixed position */
+    top: 0; /* Position the navbar at the top of the page */
+    width: 100%;
+
+    /* Menus */
+    ul {
+        justify-content: flex-evenly;
+        display: flex;
+
+        li {
+            flex: 1;
+            display: inline;
+            text-align: center;
+            list-style: none;
+
+            a {
+                color: inherit;
+                text-decoration: none;
+            }
+        }
+    }
+}

themes/coopgo-theme/assets/sass/coopgo-web-ui-kit/styles.scss

@@ -0,0 +1 @@
+@import 'colors', 'breakpoints', 'base', 'helpers', 'nav', 'flexbox', 'bubbles'

themes/coopgo-theme/assets/sass/main.scss

@@ -0,0 +1,82 @@
+@import 'coopgo-web-ui-kit/styles';
+// @import 'colors' <- we use the library's default values for colors, we don't need this
+
+nav {
+    .left {
+        flex:0;
+        text-align: left;
+        background-color: $backgroundcolor;
+
+        img {
+            margin: 1em;
+            height: 1.3em;
+        }
+    }
+
+    .center {
+        flex:1;
+        color: $primarycolor;
+        font-size: 1em;
+        background-color: $backgroundcolor;
+    }
+    .right {
+        font-family: $brandfont;
+        color: $white;
+    }
+
+    @media(max-width: $breakpoint-tablet) {
+        .right {
+            display: none;
+        }
+    }
+}
+
+.content {
+
+    h1 {
+        padding-top: 50px;
+        text-align: center;
+        color: $primarycolor;
+    }
+
+    h2 {
+        text-align: justify;
+        color: $secondarycolor;
+    }
+    div {
+        min-width: 200px;
+    }
+
+    p {
+        text-align: justify;
+    }
+
+    img {
+        max-width: 100%;
+    }
+}
+
+.scroll {
+    .right {
+        background-color: $primarycolor;
+    }
+}
+
+#footer {
+
+    #realFooter {
+        border-top: 1px solid $primarycolor;
+    }
+    
+    ul {
+        li {
+            list-style: none;
+        }
+    }
+}
+
+@media(max-width: $breakpoint-tablet) {
+    .featuredimage {
+        display: none;
+    }
+}

themes/coopgo-theme/layouts/404.html

@@ -0,0 +1,5 @@
+{{ define "main" }}
+
+<h1>Erreur : Cette page n'existe pas</h1>
+
+{{ end }}

themes/coopgo-theme/layouts/_default/baseof.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+    {{- partial "head.html" . -}}
+    <body>
+        {{- partial "header.html" . -}}
+        <div id="content">
+        {{- block "main" . }}{{- end }}
+        </div>
+        {{- partial "footer.html" . -}}
+    </body>
+</html>

themes/coopgo-theme/layouts/_default/list.html

@@ -0,0 +1,13 @@
+{{ define "main" }}
+
+<div class="container flex-row j-center wrap p-30">
+    {{range .Pages}}
+    <a href="{{.Permalink}}">
+        <div class="max-w-200 flex-1">
+            <h3 class="primary ta-c">{{.Title}}</h3>
+        </div>
+    </a>
+    {{end}}
+</div>
+
+{{end}}

themes/coopgo-theme/layouts/_default/single.html

@@ -0,0 +1,7 @@
+{{ define "main" }}
+
+<div class="container content">
+    {{.Content}}
+</div>
+
+{{ end }}

themes/coopgo-theme/layouts/index.html

@@ -0,0 +1,88 @@
+{{ define "main" }}
+<div class="flex-row">
+    <div class="flex-1">
+        <div class="m-t-20 m-b-20 m-auto p-20 max-w-600">
+            <h1 class="title">
+                <span class="primary">{{ .Site.Params.Section1.BaselinePart1 }}</span>
+                <span class="secondary">{{ .Site.Params.Section1.BaselinePart2 }}</span>
+            </h1>
+            <p>
+                {{ replace .Site.Params.Section1.Description .Site.Title ( print "<span class=\"brand\">" .Site.Title "</span>" ) | safeHTML }}
+            </p>
+            {{ $bubbles := resources.Get .Site.Params.Section1.Image }}
+            <img class="w-full"  src="{{ $bubbles.Permalink }}">
+        </div>
+    </div>
+    <div class="featuredimage w-400">
+        {{ $img := resources.Get .Site.Params.FeaturedImage }}
+        <img class="w-600" style="margin-top: -100px" src="{{ $img.Permalink }}">
+    </div> 
+</div>
+<div class="bg-primary reverse w-full">
+    <h1 class="container ta-c p-t-20">{{ .Site.Params.Section2.Title }}</h1>
+    <div class="container flex-row wrap">
+        {{ range .Site.Params.Section2.List }}
+            <div class="flex-1 m-30 min-w-200">
+                <div class="w-100 h-100 m-auto bg-{{ .color }} bg-bubble icon-bubble">
+                    {{ $icon := resources.Get ( print "images/icons/" .icon ".svg") }}
+                    <img src="{{ $icon.Permalink }}" />
+                </div>
+                <h2 class="ta-c">{{ .title }}</h2>
+                <p class=" ta-j">{{ .text }}</p>
+            </div>
+        {{ end }}
+    </div>
+</div>
+<div class="p-30">
+    <h1 class="container ta-c brandblue">{{ .Site.Params.Section3.Title }}</h1>
+    {{ range .Site.Params.Section3.List }}
+        <div class="container flex-row ai-center {{ if (eq .side "right") }} direction-row-reverse{{end}}">
+            <div class="bg-{{.color}} bg-bubble icon-bubble w-75 h-75 m-20">
+                {{ $icon := resources.Get ( print "images/icons/" .icon ".svg") }}
+                <img src="{{ $icon.Permalink }}" />
+            </div>
+            <div class="flex-1 max-w-500">
+                <h3 class="m-b-0 {{.color}} {{ if (eq .side "right") }} ta-r{{end}}">{{.title}}</h3>
+                <p class="m-t-0 ta-j">{{.description}}</p>
+            </div>
+        </div>
+    {{ end }}
+</div>
+<div class="bg-secondary p-20" id="section4">
+    <h1 class="container ta-c white p-20">{{ .Site.Params.Section4.Title }}</h1>
+    <div class="container flex-row wrap j-center">
+        {{ $projects := where .Site.RegularPages.ByDate "Type" "in" .Site.Params.Section4.projectsPages }}
+        {{ range $projects }}
+        <a href="{{.Permalink}}">
+            <div class="m-20 w-125 h-125 bg-primary bg-bubble white flex-row ai-center j-center">
+                {{ if (not (isset .Params "image")) | or (eq .Params.image "") }}
+                <p class="brand cap ta-c">{{.Title}}</p>
+                {{else}}
+                {{ $img := resources.Get .Params.image }}
+                <img class="max-w-100 max-h-100" src="{{$img.Permalink}}" alt="{{.Title}}" />
+                <!-- <p class="brand cap ta-c">{{.Title}}</span> -->
+                {{end}}
+            </div>
+        </a>
+        {{ end }}
+        
+
+    </div>
+    <div class="container flex-row wrap j-center">
+        {{ $references := where .Site.RegularPages.ByDate "Type" "in" .Site.Params.Section4.referencesPages }}
+        {{ range $references }}
+        <a href="{{.Permalink}}">
+            <div class="m-20 w-125 h-125 bg-white bg-bubble brandblue flex-row ai-center j-center">
+                {{ if (not (isset .Params "image")) | or (eq .Params.image "") }}
+                <p class="brand cap ta-c">{{.Title}}</p>
+                {{else}}
+                {{ $img := resources.Get .Params.image }}
+                <img class="max-w-100 max-h-100" src="{{$img.Permalink}}" alt="{{.Title}}" />
+                <!-- <p class="brand cap ta-c">{{.Title}}</span> -->
+                {{end}}
+            </div>
+        </a>
+        {{ end }}
+    </div>
+</div>
+{{ end }}

themes/coopgo-theme/layouts/partials/footer.html

@@ -0,0 +1,65 @@
+<div id="footer">
+    <div class="ta-c">
+        {{ $logofooter := resources.Get .Site.Params.LogoFooter }}
+        <img class="m-100 max-w-300" src="{{ $logofooter.Permalink }}" alt="COOPGO, GO TOGETHER" />
+    </div>
+    <div class="container flex-row wrap" id="realFooter">
+        <div>
+            <ul>
+                <li>
+                    {{ $linkedin := resources.Get "images/linkedin.svg" }}
+                    <a href="{{ .Site.Params.Social.Linkedin }}"><img class="w-15 h-15" src="{{$linkedin.Permalink}}" alt="Linkedin" /></a>
+                </li>
+                <li>
+                    {{ $facebook := resources.Get "images/facebook.svg" }}
+                    <a href="{{ .Site.Params.Social.Facebook }}"><img class="w-15 h-15" src="{{$facebook.Permalink}}" alt="Facebook" /></a>
+                </li>
+                <li>
+                    {{ $twitter := resources.Get "images/twitter.svg" }}
+                    <a href="{{ .Site.Params.Social.Twitter }}"><img class="w-15 h-15" src="{{$twitter.Permalink}}" alt="Twitter" /></a>
+                </li>
+                <li>
+                    {{ $youtube := resources.Get "images/youtube.svg" }}
+                    <a href="{{ .Site.Params.Social.Youtube }}"><img class="w-15 h-15" src="{{$youtube.Permalink}}" alt="Youtube" /></a>
+                </li>
+                <li>
+                    {{ $instagram := resources.Get "images/instagram.svg" }}
+                    <a href="{{ .Site.Params.Social.Instagram }}"><img class="w-15 h-15" src="{{$instagram.Permalink}}" alt="Instagram" /></a>
+                </li>
+            </ul>
+        </div>
+        <div class="flex-1">
+            <h3 class="m-l-40 m-b-0">Nos solutions :</h4>
+            <ul class="m-t-5">
+                {{ $mainPages := where .Site.RegularPages.ByDate "Type" "in" .Site.Params.mainPages }}
+                {{ range $mainPages }}
+                <li class="max-w-200">
+                    <a href="{{ .Permalink }}">{{ .Title }}</a>
+                </li>
+                {{ end }}
+            </ul>
+        </div>
+        <div class="flex-1">
+            <h3 class="m-l-40 m-b-0">Découvrir :</h4>
+            <ul class="m-t-5">
+                <li><a href="https://www.ridygo.fr"><span class="brand">RIDYGO</span>, covoiturage</a></li>
+                <li><a href="https://www.silver-mobi.coop"><span class="brand">SILVERMOBI</span>, mobilité solidaire</a></li>
+                <li><a href="/gotogether/"><span class="brand">GOTOGETHER</span>, le mag</a></li>
+            </ul>
+        </div>
+        <div class="flex-1">
+
+            <h3 class="m-l-40 m-b-0">La coopérative :</h4>
+            <ul class="m-t-5">
+                <li><a href="/mentions-legales/">Mentions légales</a></li>
+                <li><a href="https://emplois.scity.coop">Emplois</a></li>
+            </ul>
+        </div>
+    </div>
+    <div class="ta-c">
+        {{ range .Site.Params.Partners }}
+        {{ $img := resources.Get .image }}
+        <a href="{{.link}}"><img class="h-50 m-20" src="{{$img.Permalink}}" alt="{{.alt}}" /></a>
+        {{ end }}
+    </div>
+</div>

themes/coopgo-theme/layouts/partials/head.html

@@ -0,0 +1,15 @@
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    {{ $sass := resources.Get "sass/main.scss" }}
+    {{ $style := $sass | resources.ToCSS }}
+    <link rel="stylesheet" href="{{ $style.Permalink }}" media="screen">
+
+    {{ $js := resources.Get "js/main.js" }}
+    <script type="text/javascript" src="{{ $js.Permalink }}"></script>
+
+    {{ $title := print .Site.Title " | " .Title }}
+    {{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
+    <title>{{ $title }}</title>
+</head>

themes/coopgo-theme/layouts/partials/header.html

@@ -0,0 +1,27 @@
+<nav id="navbar">
+    <div class='left bg-white'>
+        {{ $logo := resources.Get .Site.Params.Logo }}
+        <a href="{{.Site.BaseURL}}"><img src="{{ $logo.Permalink }}" alt="COOPGO" /></a>
+    </div>
+    <div class='center bg-white'>
+        <ul class="flex-row j-center ai-center">
+            {{ $pages := where .Site.RegularPages.ByDate "Type" "in" .Site.Params.mainPages }}
+            {{ range $pages }}
+            <li class="max-w-200">
+                <a href="{{ .Permalink }}">{{ .Title }}</a>
+            </li>
+            {{ end }}
+        </ul>
+    </div>
+    <div class='{{ if ne (relURL .URL) ("/" | safeHTML) }}bg-primary{{ end }} right w-400'>
+        <ul class="flex-row j-center ai-center">
+            <li>
+                {{ $gotogether := resources.Get "images/gotogether-lemag.svg" }}
+                <a href="/gotogether/">
+                    <img class="h-25" src="{{ $gotogether.Permalink }}" alt="GO TOGETHER le mag" />
+                </a>
+            </li>
+            {{ if eq (relURL .URL) ("/" | safeHTML) }}<li><a href="#section4">NOS PROJETS</a></li>{{ end }}
+        </ul>
+    </div>
+</nav>

themes/coopgo-theme/layouts/shortcodes/brand.html

@@ -0,0 +1 @@
+<span class="brand">{{.Get 0}}</span>

themes/coopgo-theme/layouts/shortcodes/column.html

@@ -0,0 +1,3 @@
+<div class="flex-1 m-20">
+    {{.Inner}}
+</div>

themes/coopgo-theme/layouts/shortcodes/flex-row.html

@@ -0,0 +1,3 @@
+<div class="flex-row wrap ai-center">
+    {{.Inner}}
+</div>

themes/coopgo-theme/theme.toml

@@ -0,0 +1,16 @@
+# theme.toml template for a Hugo theme
+# See https://github.com/gohugoio/hugoThemes#themetoml for an example
+
+name = "COOPGO Theme"
+license = "MIT"
+licenselink = "https://gitlab.scity.coop/websites/coopgo-theme/blob/master/LICENSE"
+description = ""
+homepage = "https://coopgo.fr/"
+tags = []
+features = []
+min_version = "0.41.0"
+
+[author]
+  name = "COOPGO dev team"
+  homepage = "https://coopgo.fr"
+