feat(adhesion): tmp adhesion

assets/images/icons/document.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V274.7l-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7V32zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V416c0-35.3-28.7-64-64-64H346.5l-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352H64zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z"/></svg>

assets/images/icons/email.svg

@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 499.42 498.89"
+   version="1.1"
+   id="svg579"
+   sodipodi:docname="email.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs583" />
+  <sodipodi:namedview
+     id="namedview581"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="0.8729379"
+     inkscape:cx="498.89001"
+     inkscape:cy="234.26638"
+     inkscape:window-width="1920"
+     inkscape:window-height="998"
+     inkscape:window-x="0"
+     inkscape:window-y="60"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg579" />
+  <path
+     d="m 250.88725,-117.60927 c -271.154164,0 -135.57709,0 0,0 z m 242.61959,294.61648 c -2.16451,1.23686 -3.40137,1.88784 -4.58942,2.63646 -73.91856,46.02416 -147.8046,92.08629 -221.65809,138.18641 -11.39212,7.16075 -21.77522,7.29095 -33.26498,0.0976 -73.77752,-46.21943 -147.66358,-92.28156 -221.658104,-138.1864 -1.285682,-0.79743 -2.636461,-1.48096 -4.75214,-2.68527 -0.179019,3.4502 -0.423136,6.07037 -0.423136,8.69056 v 226.76828 c 0,26.39716 18.585429,44.93377 45.096517,44.95005 H 448.58933 c 26.80403,0 45.32437,-18.47152 45.34063,-45.21044 V 185.46992 c -0.0163,-2.47371 -0.24412,-4.96369 -0.42312,-8.46271 z m -3.49903,-2.50628 c -2.00175,-1.43214 -3.05959,-2.26214 -4.18252,-2.96194 C 408.69522,123.4751 331.57599,75.400363 254.46762,27.314757 c -2.71785,-1.627443 -4.70332,-1.985481 -7.649,-0.162738 -77.3362,48.324284 -154.715832,96.605161 -232.138851,144.842651 -1.132376,0.80115 -2.219038,1.66506 -3.254891,2.58763 z"
+     id="path577"
+     sodipodi:nodetypes="ccccccccsscscccccccccc"
+     style="stroke-width:1.62745" />
+</svg>

assets/images/icons/facebook.svg

@@ -1,3 +1,38 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-    <path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/>
+<svg
+   viewBox="0 0 500.88 499.97"
+   version="1.1"
+   id="svg732"
+   sodipodi:docname="facebook.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs736" />
+  <sodipodi:namedview
+     id="namedview734"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="0.87105226"
+     inkscape:cx="398.94277"
+     inkscape:cy="351.87326"
+     inkscape:window-width="1920"
+     inkscape:window-height="978"
+     inkscape:window-x="0"
+     inkscape:window-y="80"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg732" />
+  <path
+     d="M 194.04961,236.93153 V 482.70557 H 299.94005 V 236.93153 h 73.98669 v -80.62996 h -75.32606 c 0.8572,-11.50518 0.76345,-22.39423 2.67874,-32.92166 3.21449,-17.96093 12.05431,-25.943556 30.24294,-28.126726 7.96922,-0.96434 16.07242,-0.54914 24.18898,-0.66969 6.02716,-0.0804 12.05432,0 18.2154,0 V 14.596436 h -7.6076 c -25.98374,0 -51.96749,-0.08036 -77.95123,0 -5.6586,0.0236 -11.3063,0.498349 -16.88943,1.41973 -36.05578,6.000369 -68.14705,35.185202 -74.22777,69.473017 -2.90644,16.380477 -2.61177,33.363667 -3.52254,50.078967 -0.36164,6.69685 0,13.39368 0,20.7736 h -66.96841 v 80.58978 z"
+     id="path730"
+     sodipodi:nodetypes="ccccccccccccscccccccc"
+     style="stroke-width:1.33937" />
 </svg>

assets/images/icons/peertube.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg height="682.68799" viewBox="2799 -911 512 682.688" width="512" xmlns="http://www.w3.org/2000/svg"><g stroke-width="32"><path d="m2799-911v341.344l256-170.656" fill="#211f20"/><path d="m2799-569.656v341.344l256-170.656" fill="#737373"/><path d="m3055-740.344v341.344l256-170.656" fill="#f1680d"/></g></svg>

assets/images/icons/youtube.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>
+<!--
+Font Awesome Free 5.4.1 by @fontawesome - https://fontawesome.com
+License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+-->

assets/sass/adhesion.scss

@@ -0,0 +1,131 @@
+
+.adhesion-body {
+    overflow: hidden !important;
+}
+
+.root {
+    min-height: 100%;
+}
+
+.adhesion-container {
+    background-color: black;
+    height: 100%;
+    width: 100%;
+    min-height: 100%;
+    height: 90vh;
+
+    .video-presentation {
+        height: 100%;
+        iframe {
+            width: 100%;
+            height: 100%;
+        }
+    }
+
+}
+
+.adhesion {
+
+}
+
+.adhesion-footer {
+    background-color: $background;
+    width: 100%;
+    height: 10vh;
+    padding: 1rem 0;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.adhesion-btns {
+    display: flex;
+    justify-content: space-between;
+}
+
+.btn {
+    background-color: white;
+    opacity: 0.8;
+    transition: 0.2s all;
+
+    .btn__icon {
+        margin-right: 1rem;
+        width: 2rem;
+        height: 2rem;
+    }
+
+    &:hover {
+        opacity: 1;
+    }
+}
+
+.subscribe-button {
+    text-transform: uppercase;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 35px;
+    color: black;
+    text-decoration: none;
+    padding: .7rem 2rem;
+}
+
+.socials {
+
+    display: flex;
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+
+    li {
+        background-color: white;
+        border-radius: 50%;
+
+        width: 3rem;
+        height: 3rem;
+        margin-right: 1rem;
+        a { 
+            display: block;
+            width: 100%;
+            height: 100%;
+            text-transform: uppercase;
+
+            svg {
+                display: block;
+                padding: .7rem;
+                fill: black;
+                width: 100%;
+                height: 100%;
+            }
+        }
+
+    }
+}
+
+@media (max-width: $md-breakpoint) {
+    .adhesion-container {
+        height: 85vh;
+    }
+    .adhesion-footer {
+        height: 15vh;
+    }
+}
+
+@media (max-width: $xs-breakpoint) {
+    .adhesion-container {
+        height: 80vh;
+    }
+    .adhesion-footer {
+        height: 20vh;
+        .subscribe-button {
+            margin-bottom: 1rem;
+        }
+        .adhesion-btns {
+            flex-direction: column;
+        }
+        .socials {
+            justify-content: center;
+        }
+    }
+}

assets/sass/footer.scss

@@ -81,14 +81,34 @@ body {
 
     .site-footer-socials__logo {
         width: 2rem;
+        height: 2rem;
         fill: white;
     }
 }
 
-@media (max-width: $md-breakpoint) {
+@media (max-width: $sm-breakpoint) {
     .site-footer__content {
         display: flex;
-        justify-content: start;
+        justify-content: center;
         flex-direction: column;
+        align-items: center;
+    }
+
+    .site-footer__title-recall {
+        text-align: center;
+    }
+
+    .site-footer-socials {
+        justify-content: center;
+        margin-bottom: 2.5rem;
+    }
+
+    .inline-menu-list {
+        display: block;
+        text-align: center;
+
+        li {
+            margin-right: 0;
+        }
     }
 }

assets/sass/main.scss

@@ -35,6 +35,7 @@ $accent-dark: #A56F09;
 @import 'sections.scss';
 @import 'carousel.scss';
 @import 'countdown.scss';
+@import 'adhesion.scss';
 
 // components
 @import 'tags.scss';

config.toml

@@ -13,9 +13,15 @@ changefreq = 'weekly'
 
 [params]
 dateFmt = "02.01.2006 15:04"
+    [params.contact]
+    email = "contact@etoiledebethleem.fr"
+    website = "https://etoiledebethleem.fr"
+    helloasso = "https://www.helloasso.com/associations/l-etoile-de-bethleem-association-des-amis-de-la-chapelle-de-bethleem-d-aubevoye/"
+    helloasso_adhesion = "https://www.helloasso.com/associations/l-etoile-de-bethleem-association-des-amis-de-la-chapelle-de-bethleem-d-aubevoye/adhesions/2023-2024"
+    paper_adhesion = "https://static.etoiledebethleem.fr/docs/adhesion_papier_2023-2024_v2.1.pdf"
     [params.socials]
     facebook = "https://www.facebook.com/groups/bethleemaubevoye"
-    twitter = "https://www.helloasso.com/associations/l-etoile-de-bethleem-association-des-amis-de-la-chapelle-de-bethleem-d-aubevoye/"
+    youtube = "https://www.youtube.com/@letoiledebethleem9895"
 
 [params.defaultLogoImage] 
 local = true

content/adhesion/_index.md

@@ -0,0 +1,10 @@
+---
+title: "Campagne d'adhésion l'Étoile de Bethléem - 2023-2024"
+with_header: false
+with_footer: false
+body_class: "adhesion-body"
+with_normal_config: false
+description: Adhérez et soutenez nous !
+featured_image:
+    src: ./images/default_logo.png
+---

content/images/3/index.md

@@ -5,6 +5,7 @@ mime_type: image/jpeg
 imtags: 
     - crypte
     - etoile
-#inception: 2000-10-08
+inception: 2010-09-21
 ---
 
+Vue rapproché de la dalle de la crypte avec l'étoile en marbre originellement publié sur [La roche aux loups](https://larocheauxloups.wordpress.com/balades-en-france/journees-du-patrimoine-2010-a-gaillon/). Tout droits réservés.

layouts/_default/baseof.html

@@ -5,7 +5,8 @@
     
     {{- block "head" . -}}{{ end }}
 </head>
-<body>
+<body class="{{ with .Params.body_class }}{{ . }}{{ end }}">
+    {{ if or (not (isset .Params "with_normal_config")) .Params.with_normal_config }}
     <div class="footer-push">
         {{ if or (not (isset .Params "with_header")) .Params.with_header }}
             {{ partial "header" . }}
@@ -15,5 +16,8 @@
     {{ if or (not (isset .Params "with_footer")) .Params.with_footer }}
         {{ partial "footer" . }}
     {{ end }}
+    {{ else }}
+        {{ block "main" . }}{{ end }}
+    {{ end }}
 </body>
 </html>

layouts/adhesion/list.html

@@ -0,0 +1,61 @@
+{{ define "main" }}
+<div class="root">
+    <div class="adhesion-container">
+        <div class="video-presentation">
+        <!--     <!-1- <iframe -1-> -->
+        <!--     <!-1-     title="Campagne d'adhésion 2023-2024 - L'étoile de Bethléem" -1-> -->
+        <!--     <!-1-     width="100%" height="950" -1-> -->
+        <!--     <!-1-     src="https://peertube.iriseden.eu/videos/embed/575e83c9-2dd5-464c-a31e-c2aae1bfd48b?p2p=0" -1-> -->
+        <!--     <!-1-     frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups"> -1-> -->
+        <!--     <!-1- </iframe> -1-> -->
+        <iframe
+            width="100%"
+            src="https://www.youtube.com/embed/vJeEqDfz_4c"
+            title="YouTube video player"
+            frameborder="0"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+            allowfullscreen
+        ></iframe>
+
+        </div>
+    </div>
+    <div class="adhesion-footer">
+        <div class="page-container adhesion-btns">
+            <a 
+                class="btn subscribe-button"
+                href="{{ .Site.Params.contact.helloasso_adhesion }}"
+                title="Adhérer sur Helloasso"
+            >
+                {{ partial "helpers/svg" (dict "path" "icons/helloasso" "class" "btn__icon") }}
+                Adhérer
+            </a>
+            
+            <ul class="socials">
+                <li class="btn" title="Télécharger le bulletin d'adhésion papier">
+                    <a href="{{ .Site.Params.contact.paper_adhesion }}">
+                        {{ partial "helpers/svg" (dict "path" "icons/document" "class" "site-footer-socials__logo") }}
+                    </a>
+                </li>
+                <li class="btn" title="Envoyer nous un e-mail">
+                    <a href="mailto:{{ .Site.Params.contact.email }}">
+                        {{ partial "helpers/svg" (dict "path" "icons/email" "class" "site-footer-socials__logo") }}
+                    </a>
+                </li>
+                <li class="btn" title="Notre chaîne YouTube">
+                    <a href="{{ .Site.Params.socials.youtube }}">
+                        {{ partial "helpers/svg" (dict "path" "icons/youtube" "class" "site-footer-socials__logo") }}
+                    </a>
+                </li>
+                <li class="btn" title="Notre groupe facebook">
+                    <a href="{{ .Site.Params.socials.facebook }}">
+                        {{ partial "helpers/svg" (dict "path" "icons/facebook" "class" "site-footer-socials__logo") }}
+                    </a>
+                </li>
+            </ul>
+        </div>
+    </div>
+
+</div>
+
+{{ end }}
+

layouts/association/list.html

@@ -1,4 +1,10 @@
 {{ define "main" }}
+    <div class="team-presentation">
+        <div class="team-item">
+
+        </div>
+    </div>
+        
 	<main class="page-container">
 		{{ $listtitle := .Title }}
 		
@@ -23,5 +29,6 @@
 		</div>
 		{{ end }}
 	</main>
+
 {{ end }}
 

layouts/partials/footer.html

@@ -6,29 +6,35 @@
         <div class="site-footer__links">
             <ul class="site-footer-socials">
                 <li>
-                    <a href="https://example.org">
+                    <a href="{{ .Site.Params.socials.peertube }}">
-                        {{ partial "helpers/svg" (dict "path" "icons/facebook" "class" "site-footer-socials__logo") }}
+                        {{ partial "helpers/svg" (dict "path" "icons/peertube" "class" "site-footer-socials__logo") }}
                     </a>
                 </li>
                 <li>
-                <a>
+                    <a href="{{ .Site.Params.socials.mastodon }}">
-                    {{ partial "helpers/svg" (dict "path" "icons/twitter" "class" "site-footer-socials__logo") }}
-                </a>
-                </li>
-                <li>
-                <a>
                         {{ partial "helpers/svg" (dict "path" "icons/mastodon" "class" "site-footer-socials__logo") }}
                     </a>
                 </li>
                 <li>
-                <a>
+                    <a href="{{ .Site.Params.socials.facebook }}">
+                        {{ partial "helpers/svg" (dict "path" "icons/facebook" "class" "site-footer-socials__logo") }}
+                    </a>
+                </li>
+                <li>
+                    <a href="{{ .Site.Params.socials.youtube }}">
+                        {{ partial "helpers/svg" (dict "path" "icons/youtube" "class" "site-footer-socials__logo") }}
+                    </a>
+                </li>
+                <li>
+                    <a href="{{ .Site.Params.contact.helloasso }}">
                         {{ partial "helpers/svg" (dict "path" "icons/helloasso" "class" "site-footer-socials__logo") }}
                     </a>
                 </li>
             </ul>
             <ul class="inline-menu-list">
-                <li><a href="/a-propos-du-site">A propos de ce site</a></li>
+                <li><a href="/association">Notre association</a></li>
                 <li><a href="/contact">Nous contacter</a></li>
+                <li><a href="/a-propos-du-site">A propos de ce site</a></li>
             </ul>
         </div>
     </div>