Actualiser content/contact/index.md

Correction du lien d'adhésion helloasso.com de 2025.
Je me suis basé sur le lien de 2023-2024 pour modifier en suivant la
même forme d'URL, mais il s'avère que la personne qui a créé la campagne
2025 sur helloasso n'a pas fait gaffe à conserver une URL du même
format.
On se retrouve donc avec une URL à ralonge et incompréhensible.

.forgejo/workflows/hugo.yaml

@@ -0,0 +1,74 @@
+# deploy on branch (only on master and develop)
+# on develop -> will deploy on preview.etoiledebethleem.fr
+# on master -> will deploy on etoiledebethleem.fr
+name: Deploy workflow
+
+on:
+  push:
+    branches:
+      - master
+      - develop
+  pull_request:
+    types: [opened, synchronize, reopened]
+
+jobs:
+  deploy:
+    runs-on: docker
+    container:
+      image: code.forgejo.org/oci/node:20-bookworm
+    steps:
+      - name: Install rsync and bash
+        run: apt update && apt install -y rsync bash
+      - name: Set baseURL
+        run: |
+          echo "Checking current branch."
+          echo -n "https://dev.etoiledebethleem.fr" > /base_url.txt
+          if [ "${{ env.github_ref_name }}" = "master" ]
+          then
+            echo "Using master config"
+            echo -n "https://etoiledebethleem.fr" > /base_url.txt
+          fi
+          if [ "${{ env.github_ref_name }}" = "develop" ]
+          then
+            echo "Using develop config"
+            echo -n "https://preview.etoiledebethleem.fr" > /base_url.txt
+          fi
+          ls -la /base_url.txt
+          cat /base_url.txt
+      - uses: actions/checkout@v4
+        with:
+          submodules: true
+          fetch-depth: 0
+      - name: Setup Hugo
+        env:
+          HUGO_RELEASE_TYPE: extended
+          HUGO_VERSION: 0.133.1
+        run: |
+          mkdir ~/hugo
+          cd ~/hugo
+          curl -L "https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_${HUGO_RELEASE_TYPE}_${HUGO_VERSION}_Linux-64bit.tar.gz" --output hugo.tar.gz
+          tar -xvzf hugo.tar.gz
+          mv hugo /usr/local/bin          
+      - name: Build
+        run: |
+          hugo --baseURL="$(cat /base_url.txt)"
+      - name: Create Key File
+        run: install -m 600 -D /dev/null ~/.ssh/id_edsa
+      - name: Populate Key
+        run: echo "${{ secrets.SRV06_DEPLOY_WEBSITE_SSH_KEY }}" > ~/.ssh/id_edsa
+      - name: Upload
+        env:
+          OUTPUT_PATH: "/warmd/etoiledebethleem/websites/main/"
+          REMOTE_USER: forgejo_actions_websites
+          SRV_HOST: srv06.lefuturiste.fr
+        run: |
+          if [ "${{ env.github_ref_name }}" = "master" ] || [ "${{ env.github_ref_name }}" = "develop" ]
+          then
+            echo "Deploying to $REMOTE_USER@$SRV_HOST:$OUTPUT_PATH$GITHUB_REF_NAME"
+            rsync --perms --archive --stats \
+              -e 'ssh -i ~/.ssh/id_edsa -o StrictHostKeyChecking=no' ./public \
+              $REMOTE_USER@$SRV_HOST:$OUTPUT_PATH$GITHUB_REF_NAME
+          else
+            echo "Deployment skipped."
+          fi
+

README.md

@@ -17,15 +17,3 @@
 
 - galerie avec un scroll : https://staticbattery.com/ (on sera toujours obligé de faire de la navigation)
 
-## TODO
-
-- [X] Ajout statuts et PV assemblé constitutive
-- [ ] Refaire les liens dans la page de l'association
-- [ ] Ajouter des mentions légales
-- [ ] Ajouter liens vers repo de la forge
-- [ ] Ajouts d'autres documents et photos
-- [ ] 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^^)
-

TODO.md

@@ -0,0 +1,11 @@
+# TODO
+
+- [x] Ajout statuts et PV assemblé constitutive
+- [ ] Ajouts d'autres documents et photos
+- [ ] Ajout du reste d'actus de la page fb
+- [ ] add newsletter subscription form section
+- [ ] fix menu on chrome
+- [ ] add handle for crypt image comparaison
+
+- [ ] crypt comparaison
+    - image en feuille relevé

assets/images/all_logos/horizontal_text_yellow_on_white_transparent_cropped.svg

@@ -0,0 +1,96 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="Calque_1"
+   data-name="Calque 1"
+   viewBox="0 0 1269.51 692.45"
+   version="1.1"
+   sodipodi:docname="horizontal_text_yellow_on_white_transparent_cropped.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   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">
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.50570692"
+     inkscape:cx="633.76629"
+     inkscape:cy="346.05024"
+     inkscape:window-width="1920"
+     inkscape:window-height="1028"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Calque_1" />
+  <defs
+     id="defs5">
+    <style
+       id="style1">.cls-1{fill:url(#Dégradé_sans_nom_10);}.cls-2{font-size:147.13px;font-family:BonaNova-Regular, Bona Nova;letter-spacing:0.02em;}.cls-2,.cls-6{fill:#011f26;}.cls-3{letter-spacing:0.03em;}.cls-4{font-size:175.11px;letter-spacing:0.05em;}.cls-5{letter-spacing:0.05em;}.cls-6{font-size:60.11px;font-family:Roboto-Medium, Roboto;font-weight:500;letter-spacing:0.28em;}</style>
+    <linearGradient
+       id="Dégradé_sans_nom_10"
+       x1="347.14"
+       y1="83.91"
+       x2="347.14"
+       y2="589.87"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-166)">
+      <stop
+         offset="0.24"
+         stop-color="#f2a71b"
+         id="stop1" />
+      <stop
+         offset="0.34"
+         stop-color="#f2a71b"
+         stop-opacity="0.89"
+         id="stop2" />
+      <stop
+         offset="0.56"
+         stop-color="#f2a71b"
+         stop-opacity="0.62"
+         id="stop3" />
+      <stop
+         offset="0.88"
+         stop-color="#f2a71b"
+         stop-opacity="0.18"
+         id="stop4" />
+      <stop
+         offset="1"
+         stop-color="#f2a71b"
+         stop-opacity="0"
+         id="stop5" />
+    </linearGradient>
+  </defs>
+  <path
+     class="cls-1"
+     d="M 322.69,437.65 320.11,436 a 131.7,131.7 0 0 1 -32,-28.63 l -74.37,-88.21 a 5.49,5.49 0 0 1 -1.34,-3.38 V 300 a 3.16,3.16 0 0 0 -2.77,-3.21 c -2.77,-0.4 -3,-2.82 -3,-4.51 v -46.9 a 1.3,1.3 0 0 1 1.31,-1.31 h 2.24 a 0.48,0.48 0 0 0 0.36,-0.8 c -5.17,-5.66 -6.71,-15.72 -24.75,-17.5 a 1.52,1.52 0 0 1 -1.38,-1.5 l -0.39,-47.93 a 2.44,2.44 0 0 1 3.88,-2 l 28.1,20.42 a 1.16,1.16 0 0 0 1.78,-1.29 l -12.7,-39.08 a 2.43,2.43 0 0 1 0.89,-2.73 l 33.24,-24.15 a 1.16,1.16 0 0 0 -0.68,-2.09 h -41.02 a 2.44,2.44 0 0 1 -2.32,-1.69 l -12.7,-39.08 a 1.58,1.58 0 0 0 -2.7,0 l -12.7,39.08 a 2.44,2.44 0 0 1 -2.32,1.69 h -41.09 a 1.15,1.15 0 0 0 -0.68,2.09 l 33.24,24.15 a 2.43,2.43 0 0 1 0.89,2.73 l -12.7,39.08 a 1.16,1.16 0 0 0 1.78,1.29 l 28.1,-20.42 a 2.44,2.44 0 0 1 3.88,2 l -0.39,47.93 a 1.52,1.52 0 0 1 -1.38,1.5 c -18,1.78 -19.58,11.84 -24.75,17.5 a 0.48,0.48 0 0 0 0.36,0.8 h 2.24 a 1.3,1.3 0 0 1 1.31,1.31 v 46.94 c 0,1.69 -0.19,4.11 -3,4.51 a 3.16,3.16 0 0 0 -2.77,3.21 v 15.76 a 5.49,5.49 0 0 1 -1.34,3.38 L 74.1,407.39 a 131.7,131.7 0 0 1 -32,28.63 l -2.58,1.63 a 1.74,1.74 0 0 0 -0.49,2.43 10,10 0 0 0 6.58,4.3 2.27,2.27 0 0 1 1.83,2.27 v 137.46 a 5.63,5.63 0 0 0 5.5,5.76 h 256.33 a 5.63,5.63 0 0 0 5.5,-5.76 V 446.65 a 2.27,2.27 0 0 1 1.82,-2.27 10,10 0 0 0 6.59,-4.3 1.74,1.74 0 0 0 -0.49,-2.43 z M 163.9,270.52 c 0,-12.18 8.47,-17 16.73,-17 h 0.51 0.51 c 8.26,0 16.73,4.86 16.73,17 v 23.36 a 1.45,1.45 0 0 1 -1.44,1.47 h -31.6 a 1.45,1.45 0 0 1 -1.44,-1.47 z m 49.9,278.71 a 2.33,2.33 0 0 1 -2.34,2.33 h -60.64 a 2.33,2.33 0 0 1 -2.34,-2.33 V 441.3 a 32.19,32.19 0 0 1 32.3,-32.07 h 0.72 a 32.19,32.19 0 0 1 32.3,32.07 z"
+     id="path5"
+     style="fill:url(#D%C3%A9grad%C3%A9_sans_nom_10)" />
+  <text
+     class="cls-2"
+     id="text7"
+     x="386.97998"
+     y="474.47">l<tspan
+   class="cls-3"
+   x="432.47998"
+   y="474.47"
+   id="tspan5">’</tspan><tspan
+   class="cls-4"
+   x="462.84003"
+   y="474.47"
+   id="tspan6">É</tspan><tspan
+   class="cls-5"
+   x="581.38"
+   y="474.47"
+   id="tspan7">toile</tspan></text>
+  <text
+     class="cls-6"
+     id="text8"
+     x="391.02002"
+     y="548.54999">de Bethléem</text>
+</svg>

assets/images/all_logos/horizontal_white_transparent_cropped.svg

@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="Calque_1"
+   data-name="Calque 1"
+   viewBox="0 0 999.99999 692.45"
+   version="1.1"
+   sodipodi:docname="horizontal_white_transparent_cropped.svg"
+   width="1000"
+   height="692.45001"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   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">
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.40103416"
+     inkscape:cx="619.64796"
+     inkscape:cy="2.4935532"
+     inkscape:window-width="1920"
+     inkscape:window-height="1028"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Calque_1" />
+  <defs
+     id="defs5">
+    <style
+       id="style1">.cls-1{fill:url(#Dégradé_sans_nom_10);}.cls-2{font-size:147.13px;font-family:BonaNova-Regular, Bona Nova;letter-spacing:0.02em;}.cls-2,.cls-6{fill:#011f26;}.cls-3{letter-spacing:0.03em;}.cls-4{font-size:175.11px;letter-spacing:0.05em;}.cls-5{letter-spacing:0.05em;}.cls-6{font-size:60.11px;font-family:Roboto-Medium, Roboto;font-weight:500;letter-spacing:0.28em;}</style>
+    <linearGradient
+       id="Dégradé_sans_nom_10"
+       x1="347.14001"
+       y1="83.910004"
+       x2="347.14001"
+       y2="589.87"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0.24"
+         stop-color="#f2a71b"
+         id="stop1" />
+      <stop
+         offset="0.34"
+         stop-color="#f2a71b"
+         stop-opacity="0.89"
+         id="stop2" />
+      <stop
+         offset="0.56"
+         stop-color="#f2a71b"
+         stop-opacity="0.62"
+         id="stop3" />
+      <stop
+         offset="0.88"
+         stop-color="#f2a71b"
+         stop-opacity="0.18"
+         id="stop4" />
+      <stop
+         offset="1"
+         stop-color="#f2a71b"
+         stop-opacity="0"
+         id="stop5" />
+    </linearGradient>
+  </defs>
+  <g
+     id="g9"
+     transform="translate(-184.73211)">
+    <g
+       id="g8">
+      <path
+         class="cls-1"
+         d="M 488.69,437.65 486.11,436 a 131.7,131.7 0 0 1 -32,-28.63 l -74.37,-88.21 a 5.49,5.49 0 0 1 -1.34,-3.38 V 300 a 3.16,3.16 0 0 0 -2.77,-3.21 c -2.77,-0.4 -3,-2.82 -3,-4.51 v -46.9 a 1.3,1.3 0 0 1 1.31,-1.31 h 2.24 a 0.48,0.48 0 0 0 0.36,-0.8 c -5.17,-5.66 -6.71,-15.72 -24.75,-17.5 a 1.52,1.52 0 0 1 -1.38,-1.5 l -0.39,-47.93 a 2.44,2.44 0 0 1 3.88,-2 l 28.1,20.42 a 1.16,1.16 0 0 0 1.78,-1.29 l -12.7,-39.08 a 2.43,2.43 0 0 1 0.89,-2.73 l 33.24,-24.15 a 1.16,1.16 0 0 0 -0.68,-2.09 h -41.02 a 2.44,2.44 0 0 1 -2.32,-1.69 l -12.7,-39.08 a 1.58,1.58 0 0 0 -2.7,0 l -12.7,39.08 a 2.44,2.44 0 0 1 -2.32,1.69 h -41.09 a 1.15,1.15 0 0 0 -0.68,2.09 l 33.24,24.15 a 2.43,2.43 0 0 1 0.89,2.73 l -12.7,39.08 a 1.16,1.16 0 0 0 1.78,1.29 l 28.1,-20.42 a 2.44,2.44 0 0 1 3.88,2 l -0.39,47.93 a 1.52,1.52 0 0 1 -1.38,1.5 c -18,1.78 -19.58,11.84 -24.75,17.5 a 0.48,0.48 0 0 0 0.36,0.8 h 2.24 a 1.3,1.3 0 0 1 1.31,1.31 v 46.94 c 0,1.69 -0.19,4.11 -3,4.51 a 3.16,3.16 0 0 0 -2.77,3.21 v 15.76 a 5.49,5.49 0 0 1 -1.34,3.38 l -74.37,88.21 a 131.7,131.7 0 0 1 -32,28.63 l -2.58,1.63 a 1.74,1.74 0 0 0 -0.49,2.43 10,10 0 0 0 6.58,4.3 2.27,2.27 0 0 1 1.83,2.27 v 137.46 a 5.63,5.63 0 0 0 5.5,5.76 h 256.33 a 5.63,5.63 0 0 0 5.5,-5.76 V 446.65 a 2.27,2.27 0 0 1 1.82,-2.27 10,10 0 0 0 6.59,-4.3 1.74,1.74 0 0 0 -0.49,-2.43 z M 329.9,270.52 c 0,-12.18 8.47,-17 16.73,-17 h 0.51 0.51 c 8.26,0 16.73,4.86 16.73,17 v 23.36 a 1.45,1.45 0 0 1 -1.44,1.47 h -31.6 a 1.45,1.45 0 0 1 -1.44,-1.47 z m 49.9,278.71 a 2.33,2.33 0 0 1 -2.34,2.33 h -60.64 a 2.33,2.33 0 0 1 -2.34,-2.33 V 441.3 a 32.19,32.19 0 0 1 32.3,-32.07 h 0.72 a 32.19,32.19 0 0 1 32.3,32.07 z"
+         id="path5"
+         style="fill:url(#D%C3%A9grad%C3%A9_sans_nom_10)" />
+      <text
+         class="cls-2"
+         id="text7"
+         transform="translate(552.98,474.47)">l<tspan
+   class="cls-3"
+   x="45.5"
+   y="0"
+   id="tspan5">’</tspan><tspan
+   class="cls-4"
+   x="75.860001"
+   y="0"
+   id="tspan6">É</tspan><tspan
+   class="cls-5"
+   x="194.39999"
+   y="0"
+   id="tspan7">toile</tspan></text>
+    </g>
+    <text
+       class="cls-6"
+       id="text8"
+       transform="translate(557.02,548.55)">de Bethléem</text>
+  </g>
+</svg>

assets/images/icons/circle-play.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="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"/></svg>

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,37 @@
+<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/external.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+   viewBox="0 0 20 20"
+    xmlns="http://www.w3.org/2000/svg"><path d="M17 17H3V3h5V1H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5h-2z"/><path d="M19 1h-8l3.29 3.29-5.73 5.73 1.42 1.42 5.73-5.73L19 9V1z"/></svg>

assets/images/icons/facebook.svg

@@ -1,3 +1,37 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-    <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/helloasso.svg

@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
    viewBox="0 0 43.000001 43.5"
    version="1.1"

assets/images/icons/instagram.svg

@@ -0,0 +1,5 @@
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" />
+    <path d="M18 5C17.4477 5 17 5.44772 17 6C17 6.55228 17.4477 7 18 7C18.5523 7 19 6.55228 19 6C19 5.44772 18.5523 5 18 5Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.65396 4.27606C1 5.55953 1 7.23969 1 10.6V13.4C1 16.7603 1 18.4405 1.65396 19.7239C2.2292 20.8529 3.14708 21.7708 4.27606 22.346C5.55953 23 7.23969 23 10.6 23H13.4C16.7603 23 18.4405 23 19.7239 22.346C20.8529 21.7708 21.7708 20.8529 22.346 19.7239C23 18.4405 23 16.7603 23 13.4V10.6C23 7.23969 23 5.55953 22.346 4.27606C21.7708 3.14708 20.8529 2.2292 19.7239 1.65396C18.4405 1 16.7603 1 13.4 1H10.6C7.23969 1 5.55953 1 4.27606 1.65396C3.14708 2.2292 2.2292 3.14708 1.65396 4.27606ZM13.4 3H10.6C8.88684 3 7.72225 3.00156 6.82208 3.0751C5.94524 3.14674 5.49684 3.27659 5.18404 3.43597C4.43139 3.81947 3.81947 4.43139 3.43597 5.18404C3.27659 5.49684 3.14674 5.94524 3.0751 6.82208C3.00156 7.72225 3 8.88684 3 10.6V13.4C3 15.1132 3.00156 16.2777 3.0751 17.1779C3.14674 18.0548 3.27659 18.5032 3.43597 18.816C3.81947 19.5686 4.43139 20.1805 5.18404 20.564C5.49684 20.7234 5.94524 20.8533 6.82208 20.9249C7.72225 20.9984 8.88684 21 10.6 21H13.4C15.1132 21 16.2777 20.9984 17.1779 20.9249C18.0548 20.8533 18.5032 20.7234 18.816 20.564C19.5686 20.1805 20.1805 19.5686 20.564 18.816C20.7234 18.5032 20.8533 18.0548 20.9249 17.1779C20.9984 16.2777 21 15.1132 21 13.4V10.6C21 8.88684 20.9984 7.72225 20.9249 6.82208C20.8533 5.94524 20.7234 5.49684 20.564 5.18404C20.1805 4.43139 19.5686 3.81947 18.816 3.43597C18.5032 3.27659 18.0548 3.14674 17.1779 3.0751C16.2777 3.00156 15.1132 3 13.4 3Z" />
+    </svg>

assets/images/icons/peertube.svg

@@ -0,0 +1,7 @@
+<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/press.svg

@@ -0,0 +1,214 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="150mm"
+   height="150mm"
+   viewBox="0 0 150 150"
+   version="1.1"
+   id="svg1"
+   xml:space="preserve"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   sodipodi:docname="press.svg"
+   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"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="0.7911178"
+     inkscape:cx="381.73834"
+     inkscape:cy="441.14795"
+     inkscape:window-width="1920"
+     inkscape:window-height="1028"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1" /><defs
+     id="defs1"><inkscape:path-effect
+       effect="perspective-envelope"
+       up_left_point="3.4387126,50.379944"
+       up_right_point="410.33328,-202.163"
+       down_left_point="0.070511212,458.08954"
+       down_right_point="406.52575,192.81024"
+       id="path-effect17"
+       is_visible="true"
+       lpeversion="1"
+       deform_type="envelope_deformation"
+       horizontal_mirror="false"
+       vertical_mirror="false"
+       overflow_perspective="false" /><inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 75 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="150 : 75 : 1"
+       inkscape:persp3d-origin="75 : 50 : 1"
+       id="perspective12" /><inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect13"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,0,0.48183854,0,1 @ F,0,0,1,0,0.49849855,0,1 @ F,0,0,1,0,0.49030213,0,1 @ F,0,1,1,0,0.48183854,0,1"
+       radius="0"
+       unit="px"
+       method="auto"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="false"
+       hide_knots="false" /><inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect12"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,0,0.50385232,0,1 @ F,0,0,1,0,0.3886958,0,1 @ F,0,0,1,0,0.48436424,0,1 @ F,0,0,1,0,0.42035346,0,1"
+       radius="0"
+       unit="px"
+       method="auto"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="false"
+       hide_knots="false" /><inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect11"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,0,0.26796472,0,1 @ F,0,0,1,0,0.38607697,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1"
+       radius="0"
+       unit="px"
+       method="auto"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="false"
+       hide_knots="false" /><inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect10"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,0,0.8713224,0,1 @ F,0,0,1,0,0.59804875,0,1 @ F,0,0,1,0,1.2911614,0,1 @ F,0,0,1,0,0.59255117,0,1"
+       radius="0"
+       unit="px"
+       method="auto"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="false"
+       hide_knots="false" /><inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect9"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,0,1.5320744,0,1 @ F,0,0,1,0,2.464208,0,1 @ F,0,0,1,0,2.1619625,0,1 @ F,0,0,1,0,2.053532,0,1"
+       radius="0"
+       unit="px"
+       method="auto"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="false"
+       hide_knots="false" /><inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect8"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,0,1.9306832,0,1 @ F,0,0,1,0,3.4491925,0,1 @ F,0,0,1,0,1.8488646,0,1 @ F,0,0,1,0,3.1713061,0,1"
+       radius="0"
+       unit="px"
+       method="auto"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="false"
+       hide_knots="false" /><inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect7"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,0,1.298621,0,1 @ F,0,0,1,0,2.2648675,0,1 @ F,0,0,1,0,2.1848501,0,1 @ F,0,0,1,0,2.921556,0,1"
+       radius="0"
+       unit="px"
+       method="auto"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="false"
+       hide_knots="false" /></defs><g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"><path
+       style="fill:#ffffff;stroke-width:1.3266;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-opacity:0.256546;paint-order:markers stroke fill;fill-opacity:1"
+       d="M 29.81769,55.939997 108.02949,9.1150606 109.81906,9.9587951 31.639442,57.404703 Z"
+       id="path20"
+       sodipodi:nodetypes="ccccc" /><path
+       id="path18"
+       style="fill:#ffffff;stroke-width:1.3266;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-opacity:0.256546;paint-order:markers stroke fill;fill-opacity:1"
+       d="m 123.25471,13.807324 c -1.3142,-0.07054 -79.319857,43.394235 -80.687799,46.380217 -0.731743,1.597268 0.507032,52.274319 0.628531,61.344949 -0.109616,5.33152 -10.614329,4.77927 -11.354338,-2.3055 0.103899,-4.67859 1.747667,-55.948349 0.849407,-60.578373 -0.439041,-1.731224 -4.638149,-6.604254 -4.737178,0.05891 -0.09902,6.663107 -2.196159,60.860193 0.06304,65.475593 3.066703,5.55935 15.928343,4.17092 20.324778,2.16097 0.739125,-0.66378 73.293149,-44.462935 75.718459,-47.832603 -0.0906,-21.952467 -0.13105,-64.667992 -0.8049,-64.704163 z m -2.00339,4.337904 0.64305,58.773591 -74.206842,45.859731 c 0,0 -0.83608,-60.51761 0.221176,-61.963657 1.057256,-1.446047 73.342616,-42.669665 73.342616,-42.669665 z"
+       sodipodi:nodetypes="sscccssccsccczc" /><path
+       style="fill:#ffffff;stroke-width:1.3266;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-opacity:0.256546;paint-order:markers stroke fill;fill-opacity:1"
+       d="m 109.74963,9.9148948 -0.0598,9.7109862 h -0.57358 l -0.12126,-9.441824 z"
+       id="path21" /><path
+       style="fill:#ffffff;stroke-width:1.3266;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-opacity:0.256546;paint-order:markers stroke fill;fill-opacity:1"
+       d="M 53.019302,65.63139 53.323631,87.320823 71.111541,77.193586 70.191353,56.779209 Z"
+       id="path22" /><path
+       style="fill:#ffffff;stroke:#ffffff;stroke-width:0.243215;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill;fill-opacity:1"
+       d="M 76.736599,64.625072 116.93064,40.853493"
+       id="path24" /><path
+       style="fill:#ffffff;stroke:#ffffff;stroke-width:0.243291;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill;fill-opacity:1"
+       d="M 76.815327,67.442579 117.05577,43.68366"
+       id="path24-9" /><path
+       style="fill:#ffffff;stroke:#ffffff;stroke-width:0.244965;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill;fill-opacity:1"
+       d="M 76.735248,70.296802 89.944444,62.408116 117.02157,46.237339"
+       id="path24-9-0"
+       sodipodi:nodetypes="ccc" /><path
+       style="fill:#ffffff;stroke:#ffffff;stroke-width:0.245323;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill;fill-opacity:1"
+       d="M 76.714055,74.28663 117.15528,50.249026"
+       id="path24-9-0-0" /><path
+       style="fill:#ffffff;stroke:#ffffff;stroke-width:0.386135;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill;fill-opacity:1"
+       d="M 54.997832,94.311675 117.54682,55.808924"
+       id="path24-1" /><path
+       style="fill:#ffffff;stroke:#ffffff;stroke-width:0.386135;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill;fill-opacity:1"
+       d="M 55.117362,98.755124 117.66635,60.252373"
+       id="path24-9-8" /><path
+       style="fill:#ffffff;stroke:#ffffff;stroke-width:0.386135;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill;fill-opacity:1"
+       d="M 54.994964,103.25782 117.54395,64.755068"
+       id="path24-9-0-7" /><path
+       style="fill:#ffffff;stroke:#ffffff;stroke-width:0.386135;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill;fill-opacity:1"
+       d="M 54.834373,108.03947 117.38336,69.536726"
+       id="path24-9-0-0-9" /><path
+       style="fill:#ffffff;stroke:#025e73;stroke-width:0;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill;fill-opacity:1"
+       d="m 76.145642,54.389451 0.142231,5.86699 40.782987,-24.888204 -0.005,-6.869257 z"
+       id="path25" /></g><style
+     type="text/css"
+     id="style1">
+	.st0{fill:#000000;}
+</style></svg>

assets/images/icons/quote.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg  viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.62231 6.78278C10.0546 6.43909 10.1265 5.81001 9.78277 5.3777C9.43908 4.94539 8.81001 4.87354 8.37769 5.21724C4.73471 8.11342 4 11.8784 4 16C4 17.6569 5.34315 19 7 19C8.65685 19 10 17.6569 10 16C10 14.3432 8.65685 13 7 13C6.71233 13 6.43412 13.0405 6.17076 13.1161C6.5162 10.5872 7.45738 8.50391 9.62231 6.78278ZM20 16C20 17.6569 18.6569 19 17 19C15.3431 19 14 17.6569 14 16C14 11.8784 14.7347 8.11342 18.3777 5.21724C18.81 4.87354 19.4391 4.94539 19.7828 5.3777C20.1265 5.81001 20.0546 6.43909 19.6223 6.78278C17.4574 8.50391 16.5162 10.5872 16.1708 13.1161C16.4341 13.0405 16.7123 13 17 13C18.6569 13 20 14.3432 20 16Z" />
+</svg>

assets/images/icons/rss.svg

@@ -0,0 +1,14 @@
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 455.731 455.731" xml:space="preserve">
+<g>
+	<rect x="0" y="0" style="fill:#F78422;" width="455.731" height="455.731"/>
+	<g>
+		<path style="fill:#FFFFFF;" d="M296.208,159.16C234.445,97.397,152.266,63.382,64.81,63.382v64.348
+			c70.268,0,136.288,27.321,185.898,76.931c49.609,49.61,76.931,115.63,76.931,185.898h64.348
+			C391.986,303.103,357.971,220.923,296.208,159.16z"/>
+		<path style="fill:#FFFFFF;" d="M64.143,172.273v64.348c84.881,0,153.938,69.056,153.938,153.939h64.348
+			C282.429,270.196,184.507,172.273,64.143,172.273z"/>
+		<circle style="fill:#FFFFFF;" cx="109.833" cy="346.26" r="46.088"/>
+	</g>
+</g>
+</svg>

assets/images/icons/write.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg version="1.1" id="WRITE" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 width="800px" height="800px" viewBox="0 0 1800 1800" enable-background="new 0 0 1800 1800" xml:space="preserve">
+<g>
+	<path fill="#333333" d="M241.023,324.818c0.252,0,0.505,0.035,0.758,0.035h465.68c17.266,0,31.256-13.99,31.256-31.252
+		c0-17.262-13.99-31.247-31.256-31.247H351.021h-109.24c-17.258,0-31.252,13.985-31.252,31.247
+		C210.529,310.605,224.121,324.412,241.023,324.818z"/>
+	<path fill="#333333" d="M210.529,450.306c0,17.257,13.994,31.252,31.252,31.252h769.451c17.262,0,31.256-13.995,31.256-31.252
+		c0-17.266-13.994-31.252-31.256-31.252H241.781C224.523,419.054,210.529,433.04,210.529,450.306z"/>
+	<path fill="#333333" d="M1011.232,575.751H241.781c-8.149,0-15.549,3.147-21.116,8.261c-6.213,5.712-10.136,13.879-10.136,22.987
+		c0,17.262,13.994,31.26,31.252,31.26h769.451c17.262,0,31.256-13.999,31.256-31.26c0-9.108-3.923-17.275-10.141-22.987
+		C1026.781,578.898,1019.386,575.751,1011.232,575.751z"/>
+	<path fill="#333333" d="M1011.232,732.461H241.781c-17.258,0-31.252,13.99-31.252,31.247c0,17.262,13.994,31.257,31.252,31.257
+		h769.451c17.262,0,31.256-13.995,31.256-31.257C1042.488,746.451,1028.494,732.461,1011.232,732.461z"/>
+	<path fill="#333333" d="M1011.232,889.157H241.781c-8.149,0-15.549,3.147-21.116,8.261c-6.213,5.713-10.136,13.879-10.136,22.987
+		c0,17.257,13.994,31.261,31.252,31.261h769.451c17.262,0,31.256-14.004,31.256-31.261c0-9.108-3.923-17.274-10.141-22.987
+		C1026.781,892.305,1019.386,889.157,1011.232,889.157z"/>
+	<path fill="#333333" d="M1011.232,1045.867H241.781c-17.258,0-31.252,13.99-31.252,31.243c0,17.271,13.994,31.265,31.252,31.265
+		h769.451c17.262,0,31.256-13.994,31.256-31.265C1042.488,1059.857,1028.494,1045.867,1011.232,1045.867z"/>
+	<path fill="#333333" d="M1011.232,1202.576H241.781c-17.258,0-31.252,13.995-31.252,31.252c0,17.258,13.994,31.252,31.252,31.252
+		h769.451c17.262,0,31.256-13.994,31.256-31.252C1042.488,1216.571,1028.494,1202.576,1011.232,1202.576z"/>
+	<path fill="#333333" d="M1011.232,1359.273H241.781c-8.149,0-15.549,3.151-21.116,8.265c-6.213,5.713-10.136,13.875-10.136,22.987
+		c0,17.258,13.994,31.261,31.252,31.261h769.451c17.262,0,31.256-14.003,31.256-31.261c0-9.112-3.923-17.274-10.141-22.987
+		C1026.781,1362.425,1019.386,1359.273,1011.232,1359.273z"/>
+	<path fill="#333333" d="M1233.542,251.228l-49.851-45.109L1052.136,87.076l-59.185-53.554c-5.293-4.792-11.947-7.421-18.786-7.836
+		h-3.49H83.676c-45.688,0-82.858,37.375-82.858,83.316v1583.612c0,45.94,37.17,83.316,82.858,83.316h1078.562
+		c45.68,0,82.845-37.376,82.845-83.316V277.08v-3.182C1244.646,264.73,1240.261,256.589,1233.542,251.228z M1003.117,125.864
+		l131.119,118.657h-131.119V125.864z M1183.691,1692.613c0,12.094-9.622,21.926-21.454,21.926H83.676
+		c-11.836,0-21.467-9.832-21.467-21.926V109.001c0-12.089,9.631-21.925,21.467-21.925h857.857V275.38
+		c0,17.052,13.785,30.862,30.786,30.862h211.372V1692.613z"/>
+	<path fill="#333333" d="M1798.578,180.737c-7.049-88.305-81.114-158.02-171.205-158.02c-0.004,0-0.004,0-0.004,0
+		c-45.889,0-89.033,17.874-121.479,50.32c-29.18,29.175-46.519,67.005-49.73,107.699h-0.586v13.609c0,0.06-0.005,0.115-0.005,0.175
+		c0,0.026,0.005,0.056,0.005,0.082l-0.005,1369.26h0.197c0.557,5.404,2.522,10.731,6.047,15.373l141.135,185.91
+		c5.803,7.648,14.851,12.136,24.447,12.136c9.601-0.004,18.646-4.496,24.447-12.14l141.093-185.897
+		c3.528-4.65,5.494-9.982,6.051-15.391h0.197V180.737H1798.578z M1549.299,116.448c20.854-20.855,48.578-32.339,78.07-32.339h0.004
+		c50.24,0,92.746,33.723,106.076,79.718h-212.19C1526.358,146.098,1535.896,129.852,1549.299,116.448z M1595.372,1502.468
+		l-78.413,0.005l0.005-1260.345h220.828v1260.336h-81.103l0.009-1016.486l-61.335,0.004L1595.372,1502.468z M1627.382,1695.821
+		l-100.171-131.963l200.338-0.004L1627.382,1695.821z"/>
+</g>
+</svg>

assets/images/icons/youtube.svg

@@ -0,0 +1,7 @@
+<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,227 @@
+.adhesion-body {
+    overflow: hidden !important;
+    height: 100%;
+
+    .root {
+        overflow: hidden;
+        height: 100%;
+
+        display: flex;
+        flex-direction: column;
+    }
+
+    .adhesion-container {
+        background: radial-gradient(circle, rgba(0,0,0,0.6) 0%, darken($background, 15%) 100%);
+
+        width: 100%;
+        flex-grow: 1;
+
+        .video-presentation {
+            height: 100%;
+            iframe {
+                width: 100%;
+                height: 100%;
+            }
+        }
+
+    }
+
+    .video-presentation-cover {
+        position: relative;
+
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+
+        button {
+            width: 6rem;
+            background: transparent;
+            border: none;
+            border-radius: 50%;
+            cursor: pointer;
+
+            .btn-icon {
+                fill: white;
+            }
+        }
+
+        .video-cover__back {
+            width: 100%;
+            height: 100%;
+            z-index: -1;
+            background-color: $background;
+            position: absolute;
+            bottom: 0;
+
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            overflow: hidden;
+
+            .back-icon {
+                width: 50%;
+                fill: white;
+                opacity: 0.6;
+                position: relative;
+                top: 0rem;
+            }
+        }
+    }
+
+    .video-cover__content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        padding: 3rem;
+
+        color: white;
+        cursor: pointer;
+    }
+
+    .adhesion-footer {
+        width: 100%;
+        height: auto;
+        padding: 1rem 0;
+
+        background-color: $background;
+        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;
+
+            &:last-of-type {
+                margin-right: 0;
+            }
+            a { 
+                display: block;
+                width: 100%;
+                height: 100%;
+                text-transform: uppercase;
+
+                svg {
+                    display: block;
+                    padding: .7rem;
+                    fill: black;
+                    width: 100%;
+                    height: 100%;
+                }
+            }
+
+        }
+    }
+
+    @media (max-width: $mobile-breakpoint) {
+        .adhesion-footer {
+            height: auto;
+        }
+
+        .adhesion-footer {
+            .subscribe-button {
+                margin-bottom: 1rem;
+            }
+            .adhesion-btns {
+                flex-direction: column;
+            }
+            .socials {
+                justify-content: center;
+            }
+        }
+    }
+}
+
+
+.adhesion-choices {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    column-gap: .5rem;
+
+    span {
+        font-size: 1.3rem;
+    }
+}
+
+.adhesion-choices__item {
+    border: 1px solid gray;
+    text-align: center;
+}
+
+.adhesion-choices__item {
+    &:hover, &:focus {
+        background: transparent !important;
+        box-shadow: inset 0 0 10px $accent-dark;
+        color: black !important;
+        svg {
+            filter: grayscale(100%);
+        }
+    }
+}
+
+.adhesion-choices__item__icon {
+    margin-bottom: 1rem;
+    svg {
+        padding: .8rem;
+        width: 9rem;
+        height: 9rem;
+    }
+}
+
+@media (max-width: $md-breakpoint) {
+    .adhesion-choices {
+        display: block;
+        .adhesion-choices__item {
+            width: 100%;
+            margin-bottom: 1rem;
+        }
+        .adhesion-choices__item:last-child {
+            margin-bottom: 0;
+        }
+    }
+}

assets/sass/alert.scss

@@ -0,0 +1,22 @@
+.alert {
+    border: 2px solid $accent;
+    // background-color: $accent-dark;
+    // color: white;
+    border-radius: 3px;
+    padding: 1rem 2rem;
+
+    width: 100%;
+
+    .alert-split-content {
+        display: flex;
+        justify-content: space-between;
+    }
+}
+
+@media (max-width: $md-breakpoint) {
+    .alert {
+        .alert-split-content {
+            display: block;
+        }
+    }
+}

assets/sass/article.scss

@@ -1,14 +1,152 @@
+// in the context of reading the article
 .article__date {
     font-style: italic;
 }
 
+.article__author {
+    text-align: right;
+    font-style: italic;
+}
+
+.article__featured-image-container {
+    padding-top: 1rem;
+}
+
 .article__featured-image {
+    min-width: 80%;
     max-width: 100%;
+    text-align: center;
 
     img {
+        max-height: 40vh;
         max-width: 100%;
     }
+    margin-bottom: 0;
+}
+
+// card in list
+.article-card {
+    display: grid;
+    grid-template-columns: 3fr 5fr;
+    background-color: rgba(0, 0, 0, 0.2);
+    margin-bottom: 1rem;
+    border-radius: 3px;
+
+    .article__image {
+        margin-right: 0rem;
+        overflow: hidden;
+        height: 100%;
+        width: 100%;
+        img {
+            display: block;
+            height: 300px;
+            width: 100%;
+            object-fit: cover;
+            transition: all 1s ease-in-out;
+        }
+
+        img:hover {
+            transform: scale(1.2);
+        }
+    }
+    .article__title {
+        color: white;
+        margin-bottom: 0.5rem;
+        margin-top: 1.5rem;
+        font-size: 1.5rem;
+        a {
+            color: white;
+            text-decoration: none;
+        }
+    }
+    .article__meta {
+        margin-bottom: 0.2rem;
+        opacity: 0.8;
+    }
+    .article__bottom {
+        display: flex;
+        justify-content: end;
+    }
+    .article__content {
+        padding: 0rem 2rem;
+        padding-bottom: 0.2rem;
+    }
+    .article__readmore.link {
+        padding: 1rem;
+    }
 }
 
-.article {
+.prominent-article {
+    position: relative;
+    overflow: hidden;
+    display: grid;
+    grid-template-columns: 3fr 4fr;
+
+    .article__image {
+        height: 100% !important;
+        min-height: 100% !important;
+        width: 100%;
+        margin-right: 0rem;
+        img {
+          height: 100% !important;
+        }
+    }
+    .article__content {
+        position: relative;
+        z-index: 2;
+        color: white;
+        padding: 2rem;
+        width: 100%;
+        
+        .article__title {
+            margin-bottom: 1.5rem;
+        }
+        .article__meta {
+            margin-bottom: 1rem;
+        }
+        .article__summary {
+            padding-bottom: 1rem;
+        }
+    }
+
+    &:hover {
+        .article__background {
+            transform: scale(1.1);
+        }
+    }
+}
+
+.less-prominent-articles {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+}
+
+.right-floating-image {
+    float: right;
+}
+
+
+@media (max-width: $sm-breakpoint) {
+    .prominent-article {
+        .article__title {
+            margin-top: 1rem;
+        }
+    }
+    .article-card {
+        display: block;
+
+        .article__image {
+            width: 100%;
+        }
+    }
+}
+
+@media (max-width: $md-breakpoint) {
+    .article__featured-image {
+        margin: 0;
+        margin-top: 1rem;
+        img {
+            aspect-ratio: initial;
+        }
+    }
 }

assets/sass/button.scss

@@ -4,8 +4,8 @@
     background-color: $accent;
     color: white;
     padding: 1rem 2.5rem;
-    font-weight: lighter;
     text-transform: uppercase;
+    text-decoration: none;
     user-select: none;
     min-width: 10rem;
     font-size: 1.2rem;
@@ -24,3 +24,37 @@
     }
 }
 
+.button.button-border {
+    border: 1px solid $accent-dark;
+}
+
+.button.button-transparent {
+    background-color: rgba(255, 255, 255, 0.1);
+    color: white;
+    border: 1px solid white;
+
+    &:hover {
+        background-color: transparent;
+        opacity: 0.5;
+        color: white;
+    }
+}
+
+.button.button-light {
+    background-color: transparent;
+    border-color: $accent;
+    border-width: 1px;
+    border-style: solid;
+    color: $accent;
+
+    &:hover {
+        background-color: transparent;
+        color: white;
+        background-color: $accent;
+    }
+}
+
+.button.button-sm {
+    font-size: 1rem;
+    font-weight: 500;
+}

assets/sass/card.scss

@@ -1,6 +1,53 @@
 .card {
-    padding: 1rem;
+    margin-top: 2rem;
+    padding: 0.5rem;
     border: 1px solid gray;
     border-radius: 2px;
     background-color: #ecf0f1;
+    display: flex; 
+    gap: 2rem;
+
+    .card-image {
+        display: block;
+        margin-right: 0rem;
+        overflow: hidden;
+        height: 100%;
+        width: 300px;
+        flex-grow: 0;
+        flex-shrink: 0;
+    }
+
+    .card-action {
+        text-decoration: underline;
+    }
+
+    color: black;
+    text-decoration: none;
 }
+
+@media (max-width: $sm-breakpoint) {
+    .card-link {
+        gap: 1rem;
+    }
+}
+
+@media (max-width: $md-breakpoint) {
+    .card-link {
+        flex-wrap: wrap;
+        justify-content: center;
+        .card-image {
+            text-align: center;
+            max-width: 300px;
+            width: 100%;
+        }
+    }
+}
+
+@media (max-width: $xs-breakpoint) {
+    .card-link {
+        .card-image {
+            width: 100% !important;
+        }
+    }
+}
+

assets/sass/carousel.scss

@@ -0,0 +1,365 @@
+// FROM https://css-tricks.com/css-only-carousel/
+
+@keyframes tonext {
+75% {
+    left: 0;
+}
+95% {
+    left: 100%;
+}
+98% {
+    left: 100%;
+}
+99% {
+    left: 0;
+}
+}
+
+@keyframes tostart {
+75% {
+    left: 0;
+}
+95% {
+    left: -300%;
+}
+98% {
+    left: -300%;
+}
+99% {
+    left: 0;
+}
+}
+
+@keyframes snap {
+96% {
+    scroll-snap-align: center;
+}
+97% {
+    scroll-snap-align: none;
+}
+99% {
+    scroll-snap-align: none;
+}
+100% {
+    scroll-snap-align: center;
+}
+}
+
+* {
+    box-sizing: border-box;
+    scrollbar-color: transparent transparent; /* thumb and track color */
+    scrollbar-width: 0px;
+}
+
+*::-webkit-scrollbar {
+    width: 0;
+}
+
+*::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+*::-webkit-scrollbar-thumb {
+    background: transparent;
+    border: none;
+}
+
+* {
+    -ms-overflow-style: none;
+}
+
+$height: 30rem;
+
+.carousel {
+    ol, li {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+    }
+
+    position: relative;
+    filter: drop-shadow(0 0 10px #0003);
+    perspective: 100px;
+    
+    // define the height of the whole carousel
+    height: $height;
+
+}
+
+.carousel__viewport {
+    position: absolute;
+    z-index: 2;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    overflow-x: scroll;
+    counter-reset: item;
+    scroll-behavior: smooth;
+    scroll-snap-type: x mandatory;
+}
+
+.carousel__slide {
+    position: relative;
+    flex: 0 0 100%;
+    width: 100%;
+    counter-increment: item;
+    z-index: 1; // important: need to have a base set
+}
+
+.slide-content {
+    position: absolute;
+    width: 100%;
+    z-index: 0;
+
+    .slide-image {
+        width: 100%;
+        padding: 0;
+        margin: 0;
+        img {
+            border-radius: 2px;
+            object-fit: cover;
+            max-height: 22rem;
+        }
+        figcaption {
+            font-size: .9rem;
+            opacity: 0.9;
+            text-align: center;
+            margin-top: 1rem;
+        }
+    }
+}
+
+.slide-inner {
+}
+
+// .carousel__slide:nth-child(even) {
+//     background-color: #99f;
+// }
+
+.carousel__slide:before {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate3d(-50%,-40%,70px);
+    color: #fff;
+    font-size: 2em;
+}
+
+.carousel__snapper {
+    position: sticky;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    scroll-snap-align: center;
+    z-index: 2;
+    pointer-events: none; // let the slide content take the pointer events
+}
+
+// @media (hover: hover) {
+//   .carousel__snapper {
+//     animation-name: tonext, snap;
+//     animation-timing-function: ease;
+//     animation-duration: 4s;
+//     animation-iteration-count: infinite;
+//   }
+
+//   .carousel__slide:last-child .carousel__snapper {
+//     animation-name: tostart, snap;
+//   }
+// }
+
+@media (prefers-reduced-motion: reduce) {
+    .carousel__snapper {
+        animation-name: none;
+    }
+}
+
+.carousel:hover .carousel__snapper,
+.carousel:focus-within .carousel__snapper {
+    animation-name: none;
+}
+
+.carousel__navigation {
+    position: absolute;
+    z-index: 2;
+    right: 0;
+    bottom: 1rem;
+    left: 0;
+    text-align: center;
+}
+
+.carousel__navigation-list,
+.carousel__navigation-item {
+    display: flex;
+    justify-content: center;
+}
+
+.carousel__navigation-button {
+    display: inline-block;
+    width: 1.5rem;
+    height: 1.5rem;
+    background-clip: content-box;
+    background-color: #eeeeee;
+    box-shadow: inset 0 0 2px black;
+    border: 0.25rem solid transparent;
+    border-radius: 50%;
+    font-size: 0;
+    transition: transform 0.1s;
+}
+
+.carousel::before,
+.carousel::after,
+.carousel__prev,
+.carousel__next {
+    position: absolute;
+    top: 0;
+    width: 4rem;
+    height: 4rem;
+    transform: translateY($height/2 - 2rem);
+    border-radius: 50%;
+    font-size: 0;
+    outline: 0;
+    z-index: 2;
+}
+
+.carousel::before,
+.carousel__prev {
+    left: -0.5rem;
+}
+
+.carousel::after,
+.carousel__next {
+    right: -0.5rem;
+}
+
+.carousel__prev,.carousel__next {
+    // make sure that the square on each side is can be interacted with
+    pointer-events: visible !important;
+}
+
+// the big circle navigation button left and right
+.carousel::before,
+.carousel::after {
+    content: '';
+    z-index: 10;
+    background-color: transparent;
+    opacity: 0.65;
+    background-size: 1.5rem 1.5rem;
+    background-repeat: no-repeat;
+    background-position: center center;
+    font-size: 2.5rem;
+    line-height: 4rem;
+    text-align: center;
+    pointer-events: none;
+}
+
+.carousel::before:hover, .carousel::after:hover {
+    opacity: 1 !important;
+}
+
+.carousel::before {
+    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='0,50 80,100 80,0' /%3E%3C/svg%3E");
+}
+
+.carousel::after {
+    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='100,50 20,100 20,0' /%3E%3C/svg%3E");
+}
+
+.carousel__navigation-item {
+    display: flex;
+    align-items: center;
+}
+
+.carousel__navigation-item.enabled {
+    .carousel__navigation-button {
+        opacity: 0.5;
+        background-color: lighten($accent, 0%);
+    }
+}
+
+@media (max-width: $md-breakpoint) {
+    $md-height: 47rem;
+    .carousel {
+        height: $md-height !important;
+    }
+
+    .carousel::before,
+    .carousel::after,
+    .carousel__prev,
+    .carousel__next {
+        transform: translateY($md-height - 4.5rem) !important;
+    }
+
+    .carousel::next {
+
+    }
+
+}
+
+
+// layout definitions inside the slides
+.layout-grid-image {
+    display: grid;
+    grid-column-gap: 2rem;
+    min-height: 25rem;
+
+    .image-container {
+        margin-top: 1.5rem;
+        display: flex;
+        align-items: center;
+    }
+}
+
+.double-image-container {
+    display: flex;
+}
+
+.layout-grid-image.third {
+    grid-template-columns: 3fr 1fr;
+}
+
+.layout-grid-image.half {
+    grid-template-columns: 1fr 1fr;
+}
+
+@media (max-width: $md-breakpoint) {
+    .carousel {
+        .layout-grid-image.half {
+            display: block;
+        }
+
+        .layout-grid-image.third {
+            display: block;
+        }
+
+        .image-container {
+            display: flex;
+            justify-content: center;
+            padding-top: 1rem;
+        }
+
+        .slide-image {
+            height: 20rem;
+            img {
+                width: auto;
+                height: 100%;
+                max-height: initial !important;
+                object-fit: contain;
+            }
+        }
+    }
+}
+
+@media (max-width: $sm-breakpoint) {
+    .carousel {
+        .image-container {
+            padding-top: 0rem;
+        }
+        .slide-image {
+            height: 16rem;
+        }
+    }
+}

assets/sass/countdown.scss

@@ -0,0 +1,205 @@
+.countdown-page {
+    background-color: $background;
+    color: white;
+    height: 100vh;
+    overflow: hidden;
+}
+
+.countdown-page__content__container {
+    display: flex;
+    justify-content: center;
+    height: 100%;
+}
+
+.countdown-page__content {
+    margin-top: -5rem;
+    display: flex;
+    align-items: center;
+}
+
+.accent-band {
+    background-color: $accent;
+    height: 1.5vh;
+    width: 100%;
+}
+
+.launch-logo-back {
+    margin-top: -1.8rem;
+
+    opacity: 0.05;
+    position: absolute;
+    top: 0rem;
+    left: 0;
+    height: 100vh;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    svg {
+        height: 80vh;
+    }
+}
+
+.launch-logo-aligner {
+    margin-top: -10rem;
+    height: 100%;
+    display: grid;
+    grid-template-columns: 1fr 8fr;
+}
+
+.launch-logo-large {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-left: 4rem;
+    svg {
+        height: 10rem;
+    }
+}
+
+.launch-logo {
+    svg {
+        width: 10rem;
+        height: auto;
+    }
+}
+
+.launch-introduction {
+    margin-top: 3rem;
+    margin-bottom: 2rem;
+    letter-spacing: .33rem;
+    text-transform: uppercase;
+    font-size: .8rem;
+    text-align: center;
+}
+
+.countdown__container {
+    .countdown__content {
+        flex-shrink: 1;
+        display: flex;
+    }
+
+    .timer__value {
+        font-size: 5.4rem;
+    }
+
+    .timer__label {
+        font-size: 1rem;
+        text-align: center;
+    }
+
+    .timer__separator {
+        margin: 0 1rem;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        .timer__value {
+            opacity: 0.5;
+            margin-top: -.4rem;
+            font-weight: 300;
+        }
+        .timer__label {
+            opacity: 0;
+        }
+    }
+
+    .timer__value {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+}
+
+@media (max-width: $md-breakpoint) {
+    .launch-logo-back {
+        top: -9rem;
+        margin-top: 0;
+    }
+    .countdown-page__content {
+        margin-top: -10rem;
+    }
+    .countdown__container {
+        .timer__value {
+            font-size: 3rem;
+
+        }
+        .timer__separator {
+            margin: 0 .8rem;
+            .timer__value {
+                font-size: 2rem;
+            }
+        }
+        .timer__label {
+            font-size: .8rem;
+        }
+    }
+
+    .countdown__content {
+        justify-content: center;
+    }
+}
+
+.countdown-footer {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    z-index: 2;
+
+    width: 100%;
+
+    background-color: rgba(1, 1, 1, .5);
+    color: white;
+    // background-color: $tertiary;
+    
+    .page-container {
+        display: flex;
+        justify-content: space-between;
+
+    }
+    padding: .5rem 0;
+    
+    .countdown-footer__logo {
+        padding: .3rem 0;
+        svg {
+            width: auto;
+            height: 5rem;
+        }
+    }
+}
+
+.socials {
+    display: flex;
+    align-items: center;
+    .social-icon {
+        width: 1.4rem;
+        color: white;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+    .social-item {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+    .social-text {
+        margin-right: .8rem;
+    }
+    a {
+        color: white;
+        opacity: 0.8;
+    }
+    svg {
+        fill: white;
+        opacity: 0.8;
+    }
+}
+
+@media (max-width: $md-breakpoint) {
+    .socials {
+        .social-text {
+            display: none;
+        }
+    }
+}

assets/sass/figures.scss

@@ -0,0 +1,37 @@
+.fig-img {
+    display: inline-block;
+    text-align: center;
+    figcaption {
+        font-size: .9rem;
+        color: $hidden;
+        text-align: center;
+        p {
+            margin: 0;
+        }
+    }
+    img {
+        max-height: 30rem;
+    }
+    margin: 0;
+    margin-bottom: 1rem;
+}
+
+.fig-img.fig-size-lg {
+  img {
+    max-height: 85vh;
+  }
+}
+
+.figures-grid {
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+    gap: 2rem;
+    padding-top: 1rem;
+    margin-bottom: 1rem;
+    
+    figure {
+        max-width: 27rem;
+        margin: 0;
+    }
+}

assets/sass/footer.scss

@@ -14,7 +14,7 @@ body {
 
 .site-footer {
     border-top: .3rem solid $accent;
-    margin-top: 1rem;
+    margin-top: 4rem;
     background-color: $background;
     color: white;
     
@@ -28,6 +28,10 @@ body {
     }
 }
 
+.landing-page .site-footer {
+    margin-top: 1rem;
+}
+
 // .site-footer__title {
 //     @extends .serif-font;
 // }
@@ -81,14 +85,39 @@ 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: 2rem;
+        flex-wrap: wrap;
+        padding: 0 .5rem;
+        li {
+            margin-bottom: 1rem;
+        }
+    }
+
+    .inline-menu-list {
+        display: block;
+        text-align: center;
+
+        li {
+            margin-right: 0;
+        }
     }
 }

assets/sass/general.scss

@@ -1,18 +1,18 @@
- @import url('https://fonts.googleapis.com/css2?family=Bona+Nova:wght@400;700&family=Roboto&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Bona+Nova:wght@400;700&family=Roboto:wght@300;400;500&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: 'Roboto', sans-serif;
-    font-weight: 300;
+    font-weight: 400;
     margin: 0;
     font-size: 17px;
-    line-height: 1.6;
+    line-height: 1.5;
 }
 
 * {
@@ -43,47 +43,237 @@ a:hover {
     opacity: 0.8;
 }
 
+.w-100 {
+    width: 100px;
+}
 
-.secondary-bg {
-     h2 {
-         color: white;
-     }
-     a {
-         color: white;
-     }
-     color: white;
+.w-200 {
+    width: 200px;
+}
 
-     .button {
-         background-color: $background-secondary;
-         color: white;
-         &:hover {
-             background-color: lighten($background-secondary, 14%);
-         }
-     }
+.h-100 {
+    height: 100%;
+}
 
-     background-color: darken($background-secondary, 15%);
- }
+.mr-1 {
+    margin-right: 1rem;
+}
 
-.separation-section {
-     margin-top: 3rem;
-     padding: 1.2rem 0;
- }
+img {
+    max-width: 100%;
+    object-fit: contain;
+}
 
- .w-100 {
+// Margin management
+.no-margin {
+    margin-top: 0 !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    margin-bottom: 0 !important;
+}
+
+/**
+    General Layout
+**/
+.grid {
+    display: grid;
+}
+.grid-2 {
+    grid-template-columns: 1fr 1fr;
+}
+
+.soft-flex {
+    display: flex;
+    gap: 2rem;
+}
+
+.special-entract {
+    border: 1px solid $tertiary;
+    border-left: 1rem solid $tertiary;
+    padding: 1rem;
+}
+
+.wikipedia-btn {
+    margin-top: .5rem;
+
+    display: inline-flex;
+    justify-content: flex-start;
+    flex-direction: row;
+    align-items: center;
+
+    max-height: 10rem;
+    padding: 1.5rem;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    // background: linear-gradient(to right, rgb(17, 17, 17), rgb(255, 255, 255));
+    background: rgba(255, 255, 255, 1);
+    color: black;
+    border-radius: 5px;
+    box-shadow: 0 0 .3rem rgba(0, 0, 0, 0.5);
+
+    .btn__icon {
+        width: 4rem;
+        margin-right: 2rem;
+    }
+}
+
+.wikipedia-icon {
+    aspect-ratio: 1;
+}
+
+.btn__icon {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.icon_inline {
+    width: 1rem;
+    height: 1rem;
+}
+
+.double-figures {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+
+    figure {
+        margin: 1rem;
+        margin-bottom: 2rem;
+        figcaption {
+            p { margin: 0;}
+        }
+    }
+}
+
+@media (max-width: $md-breakpoint) {
+    .double-figures {
+        grid-template-columns: 1fr;
+    }
+}
+
+.single-figure-container {
+    display: flex;
+    justify-content: center;
+}
+
+.highlighted {
+    font-size: 2rem;
+    font-weight: bold;
+}
+
+.geocaching-instructions {
+    .download-links {
+        img {
             width: 100px;
         }
+    }
+}
 
- .w-200 {
-     width: 200px;
+.end-action-container {
+    display: flex;
+    justify-content: flex-end;
+    padding-bottom: 1.5rem;
+    padding-top: 1rem;
+}
+
+.layout-two-spaced {
+    display: flex;
+    justify-content: space-between;
+    padding: 1.5rem 0;
+}
+
+@media (max-width: $md-breakpoint) {
+    .layout-two-spaced {
+        display: block;
+    }
+}
+
+.icon-twitter {
+    fill: lighten(#0C72B7, 20%) !important;
+}
+
+.icon-instagram {
+    fill: #FDB9D6 !important;
+}
+
+.icon-mastodon {
+    fill: lighten(#5C4CE2, 20%) !important;
+}
+
+.icon-youtube {
+    fill: lighten(#FF1A1A, 15%) !important;
+}
+
+.icon-facebook {
+    fill: lighten(#0866FF, 20%) !important;
+}
+
+.content-with-side-menu {
+    // display: grid;
+    // grid-template-columns: 1fr 1fr 1fr 1fr;
+
+    // margin: 0 auto;
+    // width: 85%;
+
+    // display: grid;
+    // grid-template-columns: 20rem 1fr;
+    // column-gap: 3rem;
+    position: relative;
+
+    .side-menu__container {
+        position: sticky;
+        top: 7rem;
+        left: 5rem;
+        width: 25rem;
+        height: 0;
+    }
+    .side-menu {
     }
 
- img {
-     max-width: 100%;
- }
+}
 
- .grid {
-     display: grid;
+.sticky-nav {
+    position: sticky;
+    top: 7rem;
+    background: white; 
+    border: 1px solid $background-secondary;
+
+    ul {
+        display: flex;
+        justify-content: space-between;
+        align-items: stretch;
+        list-style-type: none;
+        padding: 0;
+        margin: 0;
+        height: 100%;
+        li {
+            width: 100%;
+            height: 100%;
+            margin: 0;
+            padding: 0;
+            border: 1px solid $background-secondary;
+            display: flex;
+            align-items: center;
+
+            a {
+                color: black;
+                text-decoration: none;
+                width: 100%;
+                height: 100%;
+                padding: .5rem 1rem;
+
+                transition: 0.2s all;
             }
- .grid-2 {
-     grid-template-columns: 1fr 1fr;
+            a:hover {
+                background-color: rgba(0, 0, 0, 0.2);
             }
+        }
+    }
+}
+
+@media (max-width: $md-breakpoint) {
+    .sticky-nav {
+        ul {
+            flex-direction: column;
+        }
+    }
+}

assets/sass/header.scss

@@ -4,6 +4,11 @@ $header-height: 6rem;
     background: $background;
     color: white;
     height: $header-height;
+
+    position: sticky;
+    // pay attention to not have overflow-x: hidden on one of the parent
+    top: 0;
+    z-index: 90;
 }
 
 .site-header__content {
@@ -20,12 +25,20 @@ $header-height: 6rem;
     margin: 0;
     li {
         margin-right: 1.5rem;
+        display: flex;
+        align-items: center;
     }
     li:last-of-type {
         margin-right: 0;
     }
 }
 
+.membership-header-button {
+    font-size: 1rem;
+    padding: .5rem 2rem;
+    min-width: initial;
+}
+
 .site-header__nav {
     a {
         color: white;
@@ -61,11 +74,12 @@ $header-height: 6rem;
     }
 }
 
+$burger-menu-size: 4rem;
 
 .burger-menu {
     display: none;
-    height: 5rem;
-    width: 5rem;
+    height: $burger-menu-size;
+    width: $burger-menu-size;
     position: relative;
     bottom: -50%;
     margin-right: 2em;
@@ -80,11 +94,11 @@ $header-height: 6rem;
         display: block;
         min-width: initial;
         background-color: white;
-        height: 5rem;
-        width: 5rem;
+        height: $burger-menu-size;
+        width: $burger-menu-size;
         padding: 1rem 1rem;
         border-radius: 50%;
-        box-shadow: 0 0rem 3.5rem rgba(0, 0, 0, 0.4);
+        box-shadow: 0 0rem ($burger-menu-size - 2rem) rgba(0, 0, 0, 0.5);
         text-align: center; 
         cursor: pointer;
         z-index: 1200;
@@ -93,8 +107,8 @@ $header-height: 6rem;
 
     .background {
         position: absolute;
-        height: 4rem;
-        width: 4rem;
+        height: $burger-menu-size - 1rem;
+        width: $burger-menu-size - 1rem;
         margin: .5rem;
         border-radius: 50%;
         background-image: radial-gradient($background, black);
@@ -106,11 +120,9 @@ $header-height: 6rem;
         display: none;
         opacity: 0;
         position: fixed;
-        top: 0;
-        left: 0;
+        top: 8rem;
+        left: 4rem;
         z-index: 1000;
-        width: 100%;
-        height: 100vh;
         // transition: all 0.8s;
 
         justify-content: center;
@@ -122,8 +134,6 @@ $header-height: 6rem;
     .nav ul {
         list-style-type: none;
         padding: 0;
-        position: relative;
-        left: -1rem;
 
         li {
             margin-bottom: 1.5rem;
@@ -154,10 +164,9 @@ $header-height: 6rem;
 
     .checkbox:checked ~ .nav {
         display: flex;
-        width: 100%;
         opacity: 1;
         // transition: opacity 0.8s ease-in-out;
-        animation: navin 1s ease-in-out;
+        animation: navin .5s ease-in-out;
     }
 
     /*  */
@@ -172,7 +181,7 @@ $header-height: 6rem;
     .icon,
     .icon::before,
     .icon::after {
-        width: 3rem;
+        width: $burger-menu-size - 1.6rem;
         height: 2px;
         background-color: gray;
         display: inline-block;

assets/sass/landing.scss

@@ -1,5 +1,4 @@
 .cover__container {
-    margin-top: 1px;
     position: relative;
     min-height: 40rem;
 }
@@ -8,11 +7,25 @@
     position: absolute;
     height: 100%;
     width: 100%;
+    overflow: hidden;
     background-size: cover;
     background-repeat: no-repeat;
     background-position-x: center;
-    background-position-y: center;
+    background-position-y: 0;
     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 {
@@ -25,8 +38,6 @@
     justify-content: flex-end;
 }
 
-
-
 .cover__overlay {
     position: absolute;
     width: 100%;
@@ -36,6 +47,104 @@
     background-color: rgba(14, 14, 14, 0.2);
 }
 
+.dark-section {
+    background-color: #025E73;
+    color: white;
+    box-shadow: inset 0px 0px 20px 10px rgba(0,0,0,0.2);
+
+    h2 {
+        color: white;
+    }
+}
+
+.trailer-section {
+    @extend .dark-section;
+
+    .video {
+        z-index: 3;
+        position: relative;
+    }
+}
+
+.landing-section {
+    @extend .dark-section;
+    position: relative;
+    .side-icon {
+        position: absolute;
+
+        z-index: 1;
+        left: 20px;
+        bottom: -100px;
+        svg {
+            opacity: 0.3;
+            width: 300px;
+        }
+    }
+
+    .section-title {
+        padding-top: 2rem;
+    }
+
+    .landing-section__content {
+        z-index: 2;
+        position: relative;
+    }
+}
+
+.section-with-bg {
+    position: relative;
+    .section__bg {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        width: 100%;
+        height: 100;
+        background-position-x: center;
+        background-size: cover;
+    }
+}
+
+.end-landing-section {
+    margin-top: 2rem;
+    margin-bottom: 1rem;
+    .section__content {
+        h2 {
+            color: white;
+        }
+        a {
+            color: white;
+        }
+        color: white;
+
+        background-color: rgba(darken($background, 10%), .4);
+        padding: 1.2rem 0;
+        position: relative;
+        z-index: 1;
+    }
+    .section__bg {
+        // avoir l'etoile dans le cadre sur desktop
+        background-position-y: 28%;
+    }
+}
+
+.news-section {
+    .side-icon {
+        left: -50px;
+        bottom: -75px;
+        svg {
+            width: 500px;
+        }
+    }
+    .separator {
+        width: 100%;
+        border: 1px solid rgba(255, 255, 255, 0.2);
+        margin: 1rem 0;
+    }
+    .article-cards {
+        margin-bottom: 1rem;
+    }
+}
+
 @keyframes cover_title_in {
     0% {
         left: -10rem;
@@ -64,9 +173,6 @@
     display: block;
 }
 
-.cover__backdrop {
-}
-
 .landing__title {
     font-weight: 2rem;
 }
@@ -82,11 +188,10 @@
 @media (min-width: $lg-breakpoint) {
     .cover__back {
         background-position-x: center;
-        background-position-y: -1.5rem;
+        // background-position-y: -1.5rem;
     }
 }
 
-
 .compare-section {
     .compare-items {
         display: grid;
@@ -108,14 +213,13 @@
 
     @keyframes compare-anim {
         0% {
-            clip-path: inset(100% 100% 100% 0%);
         }
         100% {
-            clip-path: inset(100% 100% 100% 100%);
         }
     }
     .compare-items-dynamic {
         .compare-duet {
+            border-radius: 4px;
             overflow: hidden;
             position: relative;
 
@@ -126,12 +230,16 @@
                 overflow: hidden;
                 clip-path: inset(100% 100% 100% 0%);
             }
+            .compare-hidden {
+                clip-path: inset(100% 100% 100% 0%);
+                transition: clip-path 2s cubic-bezier(.86,0,.07,1);
+                animation-fill-mode: forwards;
+            }
         }
 
         .compare-duet:hover {
             .compare-hidden {
-                animation: compare-anim 2s cubic-bezier(.86,0,.07,1);
-                animation-fill-mode: forwards;
+                clip-path: inset(100% 100% 100% 100%);
             }
         }
     }
@@ -159,8 +267,174 @@
 }
 
 .landing-main {
+    overflow-x: hidden; // fix later
+
+    section:first-of-type {
+        border-top: 1px solid rgba(1, 1, 1, 0.2);
+    }
     section {
         border-bottom: 1px solid rgba(1, 1, 1, 0.2);
     }
 }
 
+
+.partners-container .carousel {
+    border-top: 1px solid #eee;
+}
+
+.partner-comment__container {
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    background: rgba(1, 1, 1, 0.05);
+
+    .partner-comment {
+        padding-bottom: 1rem;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .partner-comment__quote-container {
+        display: flex;
+        width: 80%;
+        margin: 0 auto;
+        p {
+            text-align: center;
+            margin: 2.5rem auto;
+            position: relative;
+            display: block;
+            font-style: italic;
+            font-weight: 300;
+        }
+        .quote-decoration {
+            display: flex;
+            flex-direction: column;
+
+            svg {
+                fill: rgba(0, 0, 0, 0.2);
+                width:  3rem;
+                height: 3rem;
+            }
+
+        }
+        .quote-before {
+            justify-content: flex-start;
+        }
+        .quote-after {
+            justify-content: flex-end;
+            svg {
+                transform: rotate(180deg)
+            }
+        }
+    }
+
+    .partner-comment__author {
+        margin-top: .5rem;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+    .partner-comment__author-picture {
+        width: 10rem;
+        aspect-ratio: 1;
+        // border-radius: 50%;
+    }
+    .partner-comment__author-name {
+        margin-top: .5rem;
+    }
+
+    .partner-comment__author-link:hover {
+        opacity: 0.6;
+    }
+}
+
+.history-carousel {
+    background: rgba(1, 1, 1, 0.05);
+}
+
+.history-container {
+    .double-horizontal-image-container {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+
+        img {
+            width: 100%;
+            height: 17rem;
+            object-fit: cover;
+        }
+    }
+}
+
+.organization-content {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    column-gap: 3rem;
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+
+    img {
+        border-radius: 3px;
+        object-fit: cover;
+        height: 20rem;
+    }
+}
+
+.organization__image {
+    figure {
+        margin: 0;
+    }
+    figcaption {
+        margin-top: .6rem;
+    }
+}
+
+@media (max-width: $md-breakpoint) {
+    .cover__back {
+        background-position-y: 0;
+    }
+    .side-icon {
+        display: none;
+    }
+
+    .cover__title {
+        font-size: 2.5rem;
+    }
+    
+    .trailer-section {
+        .end-action-container {
+            justify-content: space-between;
+            .button {
+                padding: 1rem 2rem;
+            }
+        }
+    }
+
+    .organization-content {
+        display: flex;
+        flex-direction: column-reverse;
+    }
+    .organization__image {
+        text-align: center;
+    }
+}
+
+@media (min-width: $md-breakpoint) {
+    .cover__back {
+        background-position-y: -5em;
+    }
+}
+
+@media (min-width: $lg-breakpoint) {
+    .cover__back {
+        background-position-y: -10em;
+    }
+}
+
+@media (min-width: $xl-breakpoint) {
+    .cover__back {
+        background-position-y: -15em;
+    }
+}

assets/sass/main.scss

@@ -2,6 +2,7 @@ $xl-breakpoint: 1800px;
 $lg-breakpoint: 1600px;
 $md-breakpoint: 1100px;
 $sm-breakpoint: 900px;
+$mobile-breakpoint: 450px;
 $xs-breakpoint: 400px;
 
 
@@ -10,10 +11,12 @@ $xs-breakpoint: 400px;
 // #A5A692
 // #BFB78F
 $background: #025E73; // primary
-$background-secondary: #BFB78F;
+$background-secondary: #7592A8;
 $secondary: #011F26;
 $tertiary: #A5A692;
 $accent: #F2A71B;
+$accent-dark: #A56F09;
+$hidden: #2C3E50;
 
 .pagination-nav {
     margin-top: 1em;
@@ -24,6 +27,7 @@ $accent: #F2A71B;
 @import 'general.scss';
 @import 'button.scss';
 @import 'page_container.scss';
+@import 'figures.scss';
 @import 'header.scss';
 @import 'news.scss';
 @import 'landing.scss';
@@ -32,8 +36,20 @@ $accent: #F2A71B;
 @import 'single_image.scss';
 @import 'footer.scss';
 @import 'sections.scss';
+@import 'carousel.scss';
+@import 'countdown.scss';
+@import 'adhesion.scss';
 
 // components
 @import 'tags.scss';
 @import 'card.scss';
+@import 'sliding_gallery.scss';
+@import 'alert.scss';
 
+.small-icon {
+    width: 20px;
+    height: 20px;
+}
+.youtube-icon {
+    fill: #FF0202;
+}

assets/sass/news.scss

@@ -4,12 +4,13 @@
 }
 
 .news-item {
-    border-bottom: 1px solid $background;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
     padding: 1rem 0rem;
     margin-bottom: 1rem;
+    min-height: 10rem;
 
     display: grid;
-    grid-template-columns: 33% 1fr;
+    grid-template-columns: 1fr 1fr;
     grid-column-gap: 2rem;
 }
 
@@ -40,7 +41,7 @@
     font-size: .9rem;
 }
 
-@media (max-width: $md-breakpoint) {
+@media (max-width: $sm-breakpoint) {
     .news-item {
         display: flex;
         flex-direction: column;

assets/sass/page_container.scss

@@ -2,6 +2,12 @@
     width: 80%;
     margin: 0 auto;
 }
+
+.page-container-large {
+    width: 75%;
+    margin: 0 auto;
+}
+
 .page-full {
     padding: 0 2rem;
 }
@@ -33,10 +39,24 @@
 @media (max-width: $sm-breakpoint) {
     .page-container {
         width: 100%;
-        padding: 0 .8rem;
+        padding-left: 2rem;
+        padding-right: 2rem;
     }
     .page-full {
-        padding: 0 .8rem;
+        padding-left: 2rem;
+        padding-right: 2rem;
+    }
+}
+
+@media (max-width: $xs-breakpoint) {
+    .page-container {
+        width: 100%;
+        padding-left: 1rem;
+        padding-right: 1rem;
+    }
+    .page-full {
+        padding-left: 1rem;
+        padding-right: 1rem;
     }
 }
 

assets/sass/sections.scss

@@ -1,7 +1,19 @@
 .section-menu {
     border: 1px solid #eee;
-    padding: 1rem 0;
     list-style-type: none;
     display: flex;
-    justify-content: space-around;
+
+    li {
+        width: 100%;
+        padding: 1rem 0;
+        border-right: 1px solid #eee;
+
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        &:last-of-type {
+            border-right: 0;
+        }
+    }
 }

assets/sass/sliding_gallery.scss

@@ -0,0 +1,29 @@
+.sliding_gallery {
+    display: flex;
+    flex-direction: row;
+    overflow-x: auto;
+
+    scrollbar-width: auto !important;
+    scrollbar-color: $accent rgba(0, 0, 0, 0.1) !important;
+    margin: 2rem 0;
+
+    figure {
+        min-width: 30rem;
+
+    }
+
+    &::-webkit-scrollbar {
+      width: 12px;               /* width of the entire scrollbar */
+    }
+
+    &::-webkit-scrollbar-track {
+      background: orange;        /* color of the tracking area */
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background-color: blue;    /* color of the scroll thumb */
+      border-radius: 20px;       /* roundness of the scroll thumb */
+      border: 3px solid orange;  /* creates padding around scroll thumb */
+    }
+
+}

assets/scripts/carousel.js

@@ -0,0 +1,96 @@
+function isElementInViewport (el) {
+    var rect = el.getBoundingClientRect();
+
+    return (
+        rect.top >= 0 &&
+        rect.left >= 0 &&
+        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /* or $(window).height() */
+        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /* or $(window).width() */
+    );
+}
+//
+
+// little addon to enhance the carousel
+
+var carousels = document.querySelectorAll('.carousel');
+
+// first addon to change "enabled" slide indicator (way to complicated)
+Array.from(carousels).forEach((carousel) => {
+    let viewport = carousel.getElementsByClassName("carousel__viewport")[0];
+    let slides = carousel.getElementsByClassName("carousel__slide");
+    let nav_items = Array.from(carousel.getElementsByClassName("carousel__navigation-item"))
+    let last_scroll_pos = null;
+
+    viewport.onscroll = (_event) => {
+        let position =  Math.ceil(slides.length * viewport.scrollLeft / viewport.scrollWidth);
+        let direction = last_scroll_pos == null || last_scroll_pos < viewport.scrollLeft;
+        console.log("direction", direction);
+        console.log("position", position);
+        last_scroll_pos = viewport.scrollLeft;
+
+        nav_items.forEach((item, index) => {
+            if (
+                (direction && position > index-1 && position <= index) ||
+                (!direction && position >= index && position < index+1)
+            ) {
+                if (!item.classList.contains("enabled")) {
+                    item.classList.add("enabled")
+                }
+                return
+            }
+            if (item.classList.contains("enabled")) {
+                item.classList.remove("enabled")
+            }
+        })
+    }
+})
+
+
+// second addon to replace the anchor with javascript managed jump scroll
+
+// Iterate through each 'carousel__viewport' element
+carousels.forEach(function(carousel) {
+    var viewport = carousel.querySelector('.carousel__viewport')
+
+    // Get all elements with the class 'carousel__slide' within the current 'carousel__viewport'
+    var slides = viewport.querySelectorAll('.carousel__slide');
+
+    var prevButtons = viewport.querySelectorAll('.carousel__prev');
+    var nextButtons = viewport.querySelectorAll('.carousel__next');
+    var navigationButtons = carousel.querySelectorAll('.carousel__navigation-button');
+    console.log(prevButtons)
+    console.log(navigationButtons)
+
+    prevButtons.forEach(function(prevButton, index) {
+        // remove href, for css only carousel
+        prevButton.removeAttribute('href');
+        prevButton.addEventListener('click', function() {
+            console.log("Click of previous", index)
+
+            if (index == 0) {
+                viewport.scrollLeft = slides.length * slides[0].offsetWidth;
+                return;
+            }
+            viewport.scrollLeft -= slides[0].offsetWidth;
+        });
+    });
+
+    nextButtons.forEach(function(nextButton, index) {
+        nextButton.removeAttribute('href');
+        nextButton.addEventListener('click', function() {
+            if (index == slides.length-1) {
+                viewport.scrollLeft = 0;
+                return;
+            }
+            viewport.scrollLeft += slides[0].offsetWidth;
+        });
+    });
+
+    navigationButtons.forEach(function(btn, index) {
+        btn.removeAttribute('href');
+        btn.addEventListener('click', function() {
+            viewport.scrollLeft = slides[0].offsetWidth * index;
+        });
+    });
+});
+

config.toml

@@ -3,26 +3,45 @@ languageCode = 'fr'
 defaultContentLanguage = 'fr'
 title = "L'Étoile de Bethléem"
 
-summaryLength = 50
-
-# THIS IS UNACCEPTALBE, I REALLY THOUGH THIS WAS THE DEFAULT IN HUGO!!
+summaryLength = 22
 assetDir = "assets"
+minifyOutput = false
+enableGitInfo = true
 
 [sitemap]
 changefreq = 'weekly'
 
 [params]
 dateFmt = "02.01.2006 15:04"
+ISO8601 = "2006-01-02T15:04:05-07:00"
 
-[params.defaultImage] 
-local = true
-src = "cover/cover.jpg"
+    [params.contact]
+    peertube = "https://peertube.iriseden.eu/c/etoiledebethleem/videos"
+    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/adhesion-et-cotisation-a-l-association-l-etoile-de-bethleem-2025"
+    paper_adhesion = "https://fichiers.etoiledebethleem.fr/adhesions/2024-2025/bulletin_large.pdf"
+
+    [params.socials]
+    facebook = "https://www.facebook.com/groups/bethleemaubevoye"
+    instagram = "https://www.instagram.com/etoiledebethleem/"
+    twitter = "https://twitter.com/etoilebethleem"
+    youtube = "https://www.youtube.com/@letoiledebethleem27940"
+    mastodon = "https://attreno.fr/@etoiledebethleem"
+    peertube = "https://peertube.iriseden.eu/c/etoiledebethleem/videos"
+
+    [params.defaultImage] 
+    local = true
+    src = "images/logo_medium.png"
+
+    [params.defaultCoverImage]
+    local = true
+    src = "images/cover_1.jpg"
 
 [taxonomies]
 imtag = 'imtags'
 
-# theme = "custom"
-
 [markup]
   [markup.goldmark]
     [markup.goldmark.renderer]

content/_index.md

@@ -1,24 +1,26 @@
 ---
 title: Accueil
+description: "Association des amis de la chapelle d'Aubevoye en Normandie"
+body_class: "landing-page"
 ---
 
 ## Reconstruisons pierre après pierre...
 
-Aubevoye possède un souvenir de Terre Sainte unique en France et en Europe. Une reproduction exacte de le grotte de la nativité de Bethléem dans laquelle le Sauveur vint au monde.
+Aubevoye possède un souvenir de Terre Sainte unique en France et en Europe. Une reproduction exacte de la grotte de la nativité de Bethléem dans laquelle le Sauveur vint au monde.
 
 Ce monument est dû à la magnificence et à la piété du Cardinal de Bourbon, Charles Ier de Bourbon, oncle paternel de Henri IV, qui fut pendant quelques temps proclamé roi de France par les Ligueurs sous le nom de Charles X.
 
-Archevêque de Rouen de 1550 à 1590, l'éminent prélat qui avait déjà fondé, en 1563, près de son château de Gaillon, la chartreuse de Notre-Dame de Bonne-Esperance (Bourbon-lès-Gaillon), voulut avoir également à portée de sa résidence princière le berceau du Roi des rois.
+Archevêque de Rouen de 1550 à 1590, l'éminent prélat qui avait déjà fondé, en 1563, près de son château de Gaillon, la chartreuse de Notre-Dame de Bonne-Espérance (Bourbon-lèz-Gaillon), voulut avoir également à portée de sa résidence princière le berceau du Roi des rois.
 
-A cet effet, il envoya deux fois son architecte en Palestine pour lever les plans nécessaires et en 1582, l'édifice était achevé. Le pieux cardinal, qui le désigne lui-même dans ses actes sous le nom de Bethléem, en fit don aux Chartreux avec les terres qui l'environnaient.
+À cet effet, il envoya deux fois son architecte en Palestine pour lever les plans nécessaires et en 1582, l'édifice était achevé. Le pieux cardinal, qui le désigne lui-même dans ses actes sous le nom de Bethléem, en fit don aux Chartreux avec les terres qui l'environnaient.
 
-De nos jours à partir des années 2000, la chapelle tombe malheureusement en ruines. Elle est régulièrement dégradée, pillée, vandalisée.
+De nos jours, à partir des années 2000, la chapelle tombe malheureusement en ruines. Elle est régulièrement dégradée, pillée, vandalisée.
 
-## Mais, l'espoir n'est pas vain !
+## Mais... l'espoir n'est pas vain !
 
-En effet depuis 2021, la chapelle connait un regain d'attention de la part de passionés, de simple promeneurs ou d'habitants des environs.
-La formation d'un groupe facebook s'en suit ce qui permet l'organisation d'une communauté et jette les bases d'une association autour de la chapelle.
+En effet, depuis 2021, la chapelle connaît un regain d'attention de la part de passionnés, de simples promeneurs ou d'habitants des environs.
+La formation d'un groupe Facebook s'ensuit, ce qui permet l'organisation d'une communauté et jette les bases d'une association autour de la chapelle.
 Chacun y met de son grain de sel pour partager des connaissances, des souvenirs autour de ce monument oublié.
 
-L'acquisition du domaine forestier qui inclus la chapelle par Jean-Pierre Blondel en 2021 permet d'ouvrir les perspectives et lance la voie vers la création de l'association.
+L'acquisition du domaine forestier qui inclut la chapelle par Jean-Pierre Blondel en 2021 ouvre des perspectives et lance la voie vers la création de l'association.
 

content/a-propos-du-site/index.md

@@ -1,5 +1,5 @@
 ---
-title: A propos de ce site - Mentions Légales
+title: À propos de ce site - Mentions Légales
 ---
 
 ## Identité de l'association
@@ -7,11 +7,15 @@ title: A propos de ce site - Mentions Légales
 Association loi 1901.
 
 - Nom de l’association : "L’Étoile de Bethléem - Association des amis de la chapelle de bethléem d’Aubevoye"
-- Numéro RNA : W271006556.
+- Numéro RNA : W271006556
 - Directeur de la publication : Damien Déplanque
 - Responsable technique du site web : Matthieu Bessat
 - Siège : 7 allée des sources, Aubevoye, 27940 Le Val d'Hazey
 
+## Crédits
+
+- Page d'accueil : Photo de la chapelle vue du ciel, photographiée par [Francis Cormon](https://web.archive.org/web/20230314054530/http://www.photo-paramoteur.com/) depuis un paramoteur en 2008.
+
 ## Hébergement
 
 Ce site web est auto-hébergé.
@@ -20,7 +24,7 @@ Ce site web est auto-hébergé.
 
 Ce site ne collecte pas à priori d'informations personnelles.
 
-Si toute fois des données sont collectées (par exemple, vous êtes adhérent à l'association et vous nous avez transmis vos données personnelles) vous disposer de plusieurs droits sur vos données [conformément aux lois en vigueur (RGPD)](https://www.cnil.fr/fr/comprendre-le-rgpd).
+Si toutefois des données sont collectées (par exemple, vous êtes adhérent à l'association et vous nous avez transmis vos données personnelles) vous disposez de plusieurs droits sur vos données [conformément aux lois en vigueur (RGPD)](https://www.cnil.fr/fr/comprendre-le-rgpd).
 
 ## Technologies
 
@@ -30,6 +34,8 @@ Pour les curieux, ce site est réalisé avec [Hugo](https://gohugo.io/).
 
 ## Code source
 
-Vous pouvez trouver [le code source de ce site web sur ce dépot en ligne](https://forge.lefuturiste.fr/etoiledebethleem/website).
+Vous pouvez trouver [le code source de ce site web sur ce dépôt en ligne](https://forge.lefuturiste.fr/etoiledebethleem/website).
 
+## Version
 
+Version du site : `v1.0.2`

content/actualites/2022-01-25_bilan/index.md

@@ -0,0 +1,61 @@
+---
+title: Bilan du groupe facebook
+date: 2022-01-25
+---
+
+440.
+
+Ce n'est déjà plus le nombre de membres de notre groupe Facebook, puisqu'il dépasse maintenant les 500. 🔥
+
+⛪ Ce n'est pas le nombre de visiteurs venus ce dimanche 23 janvier, même s'ils furent nombreux à faire le détour, à l'instar des Rois Mages, guidés par l'étoile couronnant la Chapelle de Bethléem. 🌟
+
+440, c'est le nombre des années qui nous sépare de la date de la fondation de la chapelle par le Cardinal de Bourbon. 😇
+
+🙏 C'est le nombre, minimal, de remerciements que nous souhaitons vous adresser pour :
+
+L'intérêt que vous portez à ce monument ainsi qu'au présent groupe Facebook, vos visites de dimanche, les témoignages et photos que vous voulez bien nous communiquer, vos idées, vos messages de soutien, l'espoir dont vous êtes porteurs au travers du moindre de ces petits signes.
+
+👏 C'est aussi le nombre de remerciements que nous pouvons adresser :
+
+à Monsieur et Madame Blondel pour leur investissement, l'accueil bienveillant qu'ils réservent à ceux qui souhaitent réveiller la Belle Chapelle aux Bois dormant,
+aux organisateurs de l'exposition et de l'ouverture du site dimanche, permettant aussi des rencontres et discussions aussi impromptues que passionnées,
+à la presse régionale, qui favorise autant la redécouverte de ce lieu unique, que les liens sociaux qui s'établissent autour.
+
+## ✨440, peut être aussi le début d'un projet...
+
+En effet, le 24 décembre dernier, un vœu avait été formulé :
+*" Ces dernières années, une communauté virtuelle s'est créée autour de la Chapelle.
+Celle-ci peut prendre la réalité d'une magnifique équipe pour œuvrer en lien avec les propriétaires à ce que le souvenir ne soit pas une nostalgie, mais une inspiration" .*
+
+🧐 À plusieurs reprises, il nous a été demandé s'il existait une association des amis de la chapelle qui aide à sa sauvegarde, participe à sa restauration et contribue à sa promotion.
+
+👉Pour voir le jour, elle a besoin de vous. 👈
+
+Elle a besoin de tous ceux qui sont attachés à ce lieu, d'une façon ou d'une autre.
+Elle a besoin de chacun d'entre nous, avec le moindre de nos talents, aussi modeste soit-il.
+
+C'est pourquoi, pour préparer le lancement de ce projet, notamment dans la perspective d'organiser une assemblée générale constitutive, nous vous invitons à nous faire part de :
+
+- Votre intérêt, à priori, pour devenir membre de l'association,
+- Vos coordonnées par lesquelles vous souhaitez être joints,
+- Le type d'action ou d'activité que vous pourriez avoir au sein, de l'association, le talent que vous pourriez mettre en œuvre,
+- Toute suggestion qu'il vous plaira de soumettre.
+- Que ce soit pour des tâches administratives, pour assurer la comptabilité, pour de menus travaux, 🚧voire pour encadrer des bénévoles, tous les talents, toutes les bonnes volontés sont les bienvenues.
+
+🙏 Merci par avance pour votre réponse :
+
+- soit par Messenger auprès de Damien Déplanque, Bruno Edouard-Hagron ou Philippe Hachet,
+- soit par mail à l'adresse : chapelledebethleem@protonmail.com
+
+🚧 En lien avec les propriétaires, nous allons travailler à un premier cadre en vue de préparer un projet d'association à lancer pour le printemps prochain.
+
+440 peut donc être aussi l'objectif à atteindre du nombre de personnes intéressées pour participer à une telle association.
+Un grand chantier nous attend ? Tout est à faire ?
+Ne soyons donc pas modeste car nous n'en avons pas les moyens.
+
+## 🔥💪⛪ L'engagement,
+
+c'est maintenant ! 🤗
+
+Si vous n'êtes pas encore inscrit, rejoignez le groupe public Chapelle de Bethléem (Aubevoye) 👈
+Ci-dessous, quelques photos prises ce dimanche durant l'exposition de la crèche dans la crypte de la Chapelle de Bethléem (Aubevoye)*

content/actualites/2022-09-10_annonce-assemble-generale-consultative/index.md

@@ -1,5 +1,5 @@
 ---
-title: Annonce d'une assemblée générale constitutive d'une association autour de la Chapelle de Bethléem
+title: Annonce d'une assemblée générale constitutive de l'association
 date: 2022-09-10
 ---
 

content/actualites/2022-09-28_ils-se-sont-rencontres/index.md

@@ -1,6 +1,6 @@
 ---
 title: "Ils se sont rencontrés !"
-date: 2022-09-28T20:00:00+02:00
+date: 2022-09-28
 featured_image:
     src: ensemble.jpg
 ---

content/actualites/2023-01-20_retour-sur-epiphanie/index.md

@@ -0,0 +1,7 @@
+---
+title: Retour sur l'Épiphanie 2023
+date: 2023-01-20
+---
+
+Visite des scouts SGDF de Louviers - Val de Reuil
+

content/actualites/2023-03-18_visite-27-mille-pattes/index.md

@@ -0,0 +1,16 @@
+---
+title: Le 28 février dernier, la chapelle a reçu une visite ! 
+date: 2023-03-18
+featured_image:
+    src: images/entree_crypte.jpg
+facebook_post: https://www.facebook.com/groups/bethleemaubevoye/posts/1705008656581969/
+---
+
+Dans le cadre d'une randonnée organisée pour explorer les alentours d'Aubevoye, une quarantaine de marcheurs du club "les 27 000 pattes" ont fait escale à la chapelle pour en apprendre l'histoire et visiter ce qu'il reste de celle-ci et de sa crypte. 
+
+Accueillis par Matthieu et Jean-Pierre, ils ont eu l'occasion de visiter par eux-mêmes ces lieux chargés d'Histoire, pénétrant par petits groupes dans la crypte.  Ils ont pu en apprécier l'architecture et les détails qui rendent ce monument si important et unique en France. 
+
+Cette visite s'inscrit dans l'objectif d'ouvrir régulièrement la chapelle aux visites pour susciter l’intérêt au delà de notre commune.
+
+Pour en savoir plus sur le club : [Les 27 milles pattes](https://www.27millepattes.com/)
+

content/actualites/2023-09-24_500-ans-cardinal-de-bourbon/index.md

@@ -0,0 +1,8 @@
+---
+title: Retour sur les 500 ans du cardinal de bourbon
+date: 2023-09-24
+featured_image:
+    src: crypte_500_ans.jpg
+---
+
+Ce 24 septembre 2024, la chapelle s'est ouverte à pas moins de 57 participants. Des visites de la crypte y étaient organisées. Merci à Delphine Leroy et les autres bénévoles pour leurs mobilisations.

content/actualites/2023-11-10_invitation-marche-noel/index.md

@@ -0,0 +1,20 @@
+---
+title: Marché de Noël 2023
+date: 2023-12-12
+featured_image:
+    src: affiche_c.jpg
+tags:
+    - cuisineFrancaise
+    - produitsLocaux
+    - etoileDeNoel
+    - feteDeNoel
+    - bieresArtisanales
+---
+
+🤗 Nous vous attendons nombreux dimanche à la salle des fêtes de St Aubin-sur-Gaillon pour le marché de Noël de 10h à 18h 🎄
+Vous retrouverez bien sur la Majestueuse🍺, bière de la Brasserie des Cottereaux  en partenariat avec notre association L'Étoile de Bethléem, qui sera l'occasion d'offrir Un beau coffret de bières pour les fêtes 🥳
+
+Ce sera aussi l'occasion de découvrir une surprise de Noël, en partenariat avec Martine Desfaudais et Eric Legendre, chefs cuisinier passionnés de St Aubin-sur-Gaillon, de l'Académie Culinaire de France qui vous présenterons une "Étoile de Bethléem" mais cette fois à déguster et sans modération 🤩
+
+Ne ratez pas le lancement de cette nouvelle spécialité gourmande locale et à très vite pour une dégustation 😋⭐️
+