reglement

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,64 @@
+# 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
+
+jobs:
+  deploy:
+    runs-on: docker
+    container:
+      image: code.forgejo.org/oci/node:20-bookworm
+    steps:
+      - name: Set baseURL
+        shell: /bin/bash
+        run: |
+          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 /
+          cat /base_url.txt
+      - name: Install rsync
+        run: apt update && apt install -y rsync
+      - 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: |
+          rsync --perms --archive --stats \
+            -e 'ssh -i ~/.ssh/id_edsa -o StrictHostKeyChecking=no' ./public \
+            $REMOTE_USER@$SRV_HOST:$OUTPUT_PATH$GITHUB_REF_NAME
+
+

README.md

@@ -0,0 +1,19 @@
+# Etoile de bethleem - site web
+
+## Comment installer
+
+- git clone etoiledebethleem/website website
+- cd website
+
+## Comment développer
+
+- hugo server -D
+
+## Comment build
+
+- hugo
+
+## Idées
+
+- galerie avec un scroll : https://staticbattery.com/ (on sera toujours obligé de faire de la navigation)
+

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/fonts/Bona_Nova/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The Bona Nova Project Authors (https://github.com/kosmynkab/Brygada-1918)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

assets/images/all_logos/horizontal_text_yellow_on_white_transparent.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Calque_1" data-name="Calque 1" viewBox="0 0 1269.51 692.45">
+  <defs>
+    <style>.cls-1{fill:url(#D&#xE9;grad&#xE9;_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&#xE9;grad&#xE9;_sans_nom_10" x1="347.14" y1="83.91" x2="347.14" y2="589.87" gradientUnits="userSpaceOnUse">
+      <stop offset="0.24" stop-color="#f2a71b"/>
+      <stop offset="0.34" stop-color="#f2a71b" stop-opacity="0.89"/>
+      <stop offset="0.56" stop-color="#f2a71b" stop-opacity="0.62"/>
+      <stop offset="0.88" stop-color="#f2a71b" stop-opacity="0.18"/>
+      <stop offset="1" stop-color="#f2a71b" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <path class="cls-1" d="M488.69,437.65,486.11,436a131.7,131.7,0,0,1-32-28.63l-74.37-88.21a5.49,5.49,0,0,1-1.34-3.38V300a3.16,3.16,0,0,0-2.77-3.21c-2.77-.4-3-2.82-3-4.51V245.38a1.3,1.3,0,0,1,1.31-1.31h2.24a.48.48,0,0,0,.36-.8c-5.17-5.66-6.71-15.72-24.75-17.5a1.52,1.52,0,0,1-1.38-1.5l-.39-47.93a2.44,2.44,0,0,1,3.88-2l28.1,20.42a1.16,1.16,0,0,0,1.78-1.29l-12.7-39.08a2.43,2.43,0,0,1,.89-2.73l33.24-24.15a1.16,1.16,0,0,0-.68-2.09H363.51a2.44,2.44,0,0,1-2.32-1.69l-12.7-39.08a1.58,1.58,0,0,0-2.7,0l-12.7,39.08a2.44,2.44,0,0,1-2.32,1.69H289.68a1.15,1.15,0,0,0-.68,2.09l33.24,24.15a2.43,2.43,0,0,1,.89,2.73l-12.7,39.08a1.16,1.16,0,0,0,1.78,1.29l28.1-20.42a2.44,2.44,0,0,1,3.88,2l-.39,47.93a1.52,1.52,0,0,1-1.38,1.5c-18,1.78-19.58,11.84-24.75,17.5a.48.48,0,0,0,.36.8h2.24a1.3,1.3,0,0,1,1.31,1.31v46.94c0,1.69-.19,4.11-3,4.51a3.16,3.16,0,0,0-2.77,3.21V315.8a5.49,5.49,0,0,1-1.34,3.38l-74.37,88.21a131.7,131.7,0,0,1-32,28.63l-2.58,1.63a1.74,1.74,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.27V584.11a5.63,5.63,0,0,0,5.5,5.76H475.27a5.63,5.63,0,0,0,5.5-5.76V446.65a2.27,2.27,0,0,1,1.82-2.27,10,10,0,0,0,6.59-4.3A1.74,1.74,0,0,0,488.69,437.65ZM329.9,270.52c0-12.18,8.47-17,16.73-17l.51,0,.51,0c8.26,0,16.73,4.86,16.73,17v23.36a1.45,1.45,0,0,1-1.44,1.47h-31.6a1.45,1.45,0,0,1-1.44-1.47Zm49.9,278.71a2.33,2.33,0,0,1-2.34,2.33H316.82a2.33,2.33,0,0,1-2.34-2.33V441.3a32.19,32.19,0,0,1,32.3-32.07h.72a32.19,32.19,0,0,1,32.3,32.07Z"/>
+  <text class="cls-2" transform="translate(552.98 474.47)">l<tspan class="cls-3" x="45.5" y="0">&#x2019;</tspan><tspan class="cls-4" x="75.86" y="0">&#xC9;</tspan><tspan class="cls-5" x="194.4" y="0">toile</tspan></text>
+  <text class="cls-6" transform="translate(557.02 548.55)">de Bethl&#xE9;em</text>
+</svg>

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.svg

@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="Calque_1"
+   data-name="Calque 1"
+   viewBox="0 0 915 559.99999"
+   version="1.1"
+   sodipodi:docname="horizontal_white_transparent.svg"
+   width="915"
+   height="560"
+   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">
+  <sodipodi:namedview
+     id="namedview1740"
+     pagecolor="#1c1c1c"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="0.755838"
+     inkscape:cx="491.50744"
+     inkscape:cy="338.0354"
+     inkscape:window-width="1920"
+     inkscape:window-height="1038"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Calque_1" />
+  <defs
+     id="defs1725">
+    <style
+       id="style1712">.class-ss-1{fill:url(#Dégradé_sans_nom_19);}.class-ss-2{font-size:147.13px;font-family:BonaNova-Regular, Bona Nova;letter-spacing:0.02em;}.class-ss-2,.class-ss-6{fill:#fff;}.class-ss-3{letter-spacing:0.03em;}.class-ss-4{font-size:175.11px;letter-spacing:0.05em;}.class-ss-5{letter-spacing:0.05em;}.class-ss-6{font-size:60.11px;font-family:Roboto-Medium, Roboto;font-weight:500;letter-spacing:0.28em;}</style>
+    <linearGradient
+       id="Dégradé_sans_nom_19"
+       x1="347.14001"
+       y1="83.910004"
+       x2="347.14001"
+       y2="589.87"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-192.19233,-59.028963)">
+      <stop
+         offset="0.52"
+         stop-color="#fff"
+         id="stop1714" />
+      <stop
+         offset="0.58"
+         stop-color="#fff"
+         stop-opacity="0.9"
+         id="stop1716" />
+      <stop
+         offset="0.71"
+         stop-color="#fff"
+         stop-opacity="0.63"
+         id="stop1718" />
+      <stop
+         offset="0.9"
+         stop-color="#fff"
+         stop-opacity="0.22"
+         id="stop1720" />
+      <stop
+         offset="1"
+         stop-color="#fff"
+         stop-opacity="0"
+         id="stop1722" />
+    </linearGradient>
+  </defs>
+  <path
+     class="class-ss-1"
+     d="m 296.49767,378.62104 -2.58,-1.65 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 -15.78 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.080003 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.080003 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 -137.46 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 -158.79,-167.13 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 -107.93 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="path1727"
+     style="fill:url(#D%C3%A9grad%C3%A9_sans_nom_19)" />
+  <text
+     class="class-ss-2"
+     id="text1735"
+     x="360.78766"
+     y="415.44101">l<tspan
+   class="class-ss-3"
+   x="406.28766"
+   y="415.44101"
+   id="tspan1729">’</tspan><tspan
+   class="class-ss-4"
+   x="436.64767"
+   y="415.44101"
+   id="tspan1731">É</tspan><tspan
+   class="class-ss-5"
+   x="555.18768"
+   y="415.44101"
+   id="tspan1733">toile</tspan></text>
+  <text
+     class="class-ss-6"
+     id="text1737"
+     x="364.82767"
+     y="489.52103">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/all_logos/logo_icone_bleu_celeste.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Calque_1" data-name="Calque 1" viewBox="0 0 693.13 693.13">
+  <defs>
+    <style>.cls-1{fill:#025e73;}.cls-2{fill:url(#D&#xE9;grad&#xE9;_sans_nom_19);}</style>
+    <linearGradient id="D&#xE9;grad&#xE9;_sans_nom_19" x1="347.14" y1="83.91" x2="347.14" y2="589.87" gradientUnits="userSpaceOnUse">
+      <stop offset="0.52" stop-color="#fff"/>
+      <stop offset="0.58" stop-color="#fff" stop-opacity="0.9"/>
+      <stop offset="0.71" stop-color="#fff" stop-opacity="0.63"/>
+      <stop offset="0.9" stop-color="#fff" stop-opacity="0.22"/>
+      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <rect class="cls-1" width="693.13" height="693.13"/>
+  <path class="cls-2" d="M488.69,437.65,486.11,436a131.7,131.7,0,0,1-32-28.63l-74.37-88.21a5.49,5.49,0,0,1-1.34-3.38V300a3.16,3.16,0,0,0-2.77-3.21c-2.77-.4-3-2.82-3-4.51V245.38a1.3,1.3,0,0,1,1.31-1.31h2.24a.48.48,0,0,0,.36-.8c-5.17-5.66-6.71-15.72-24.75-17.5a1.52,1.52,0,0,1-1.38-1.5l-.39-47.93a2.44,2.44,0,0,1,3.88-2l28.1,20.42a1.16,1.16,0,0,0,1.78-1.29l-12.7-39.08a2.43,2.43,0,0,1,.89-2.73l33.24-24.15a1.16,1.16,0,0,0-.68-2.09H363.51a2.44,2.44,0,0,1-2.32-1.69l-12.7-39.08a1.58,1.58,0,0,0-2.7,0l-12.7,39.08a2.44,2.44,0,0,1-2.32,1.69H289.68a1.15,1.15,0,0,0-.68,2.09l33.24,24.15a2.43,2.43,0,0,1,.89,2.73l-12.7,39.08a1.16,1.16,0,0,0,1.78,1.29l28.1-20.42a2.44,2.44,0,0,1,3.88,2l-.39,47.93a1.52,1.52,0,0,1-1.38,1.5c-18,1.78-19.58,11.84-24.75,17.5a.48.48,0,0,0,.36.8h2.24a1.3,1.3,0,0,1,1.31,1.31v46.94c0,1.69-.19,4.11-3,4.51a3.16,3.16,0,0,0-2.77,3.21V315.8a5.49,5.49,0,0,1-1.34,3.38l-74.37,88.21a131.7,131.7,0,0,1-32,28.63l-2.58,1.63a1.74,1.74,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.27V584.11a5.63,5.63,0,0,0,5.5,5.76H475.27a5.63,5.63,0,0,0,5.5-5.76V446.65a2.27,2.27,0,0,1,1.82-2.27,10,10,0,0,0,6.59-4.3A1.74,1.74,0,0,0,488.69,437.65ZM329.9,270.52c0-12.18,8.47-17,16.73-17l.51,0,.51,0c8.26,0,16.73,4.86,16.73,17v23.36a1.45,1.45,0,0,1-1.44,1.47h-31.6a1.45,1.45,0,0,1-1.44-1.47Zm49.9,278.71a2.33,2.33,0,0,1-2.34,2.33H316.82a2.33,2.33,0,0,1-2.34-2.33V441.3a32.19,32.19,0,0,1,32.3-32.07h.72a32.19,32.19,0,0,1,32.3,32.07Z"/>
+</svg>

assets/images/all_logos/logo_icone_bleu_profond.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Calque_1" data-name="Calque 1" viewBox="0 0 693.13 691.77">
+  <defs>
+    <style>.cls-1{fill:#011f26;}.cls-2{fill:url(#D&#xE9;grad&#xE9;_sans_nom_19);}</style>
+    <linearGradient id="D&#xE9;grad&#xE9;_sans_nom_19" x1="347.14" y1="83.91" x2="347.14" y2="589.87" gradientUnits="userSpaceOnUse">
+      <stop offset="0.52" stop-color="#fff"/>
+      <stop offset="0.58" stop-color="#fff" stop-opacity="0.9"/>
+      <stop offset="0.71" stop-color="#fff" stop-opacity="0.63"/>
+      <stop offset="0.9" stop-color="#fff" stop-opacity="0.22"/>
+      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <rect class="cls-1" width="693.13" height="693.13"/>
+  <path class="cls-2" d="M488.69,437.65,486.11,436a131.7,131.7,0,0,1-32-28.63l-74.37-88.21a5.49,5.49,0,0,1-1.34-3.38V300a3.16,3.16,0,0,0-2.77-3.21c-2.77-.4-3-2.82-3-4.51V245.38a1.3,1.3,0,0,1,1.31-1.31h2.24a.48.48,0,0,0,.36-.8c-5.17-5.66-6.71-15.72-24.75-17.5a1.52,1.52,0,0,1-1.38-1.5l-.39-47.93a2.44,2.44,0,0,1,3.88-2l28.1,20.42a1.16,1.16,0,0,0,1.78-1.29l-12.7-39.08a2.43,2.43,0,0,1,.89-2.73l33.24-24.15a1.16,1.16,0,0,0-.68-2.09H363.51a2.44,2.44,0,0,1-2.32-1.69l-12.7-39.08a1.58,1.58,0,0,0-2.7,0l-12.7,39.08a2.44,2.44,0,0,1-2.32,1.69H289.68a1.15,1.15,0,0,0-.68,2.09l33.24,24.15a2.43,2.43,0,0,1,.89,2.73l-12.7,39.08a1.16,1.16,0,0,0,1.78,1.29l28.1-20.42a2.44,2.44,0,0,1,3.88,2l-.39,47.93a1.52,1.52,0,0,1-1.38,1.5c-18,1.78-19.58,11.84-24.75,17.5a.48.48,0,0,0,.36.8h2.24a1.3,1.3,0,0,1,1.31,1.31v46.94c0,1.69-.19,4.11-3,4.51a3.16,3.16,0,0,0-2.77,3.21V315.8a5.49,5.49,0,0,1-1.34,3.38l-74.37,88.21a131.7,131.7,0,0,1-32,28.63l-2.58,1.63a1.74,1.74,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.27V584.11a5.63,5.63,0,0,0,5.5,5.76H475.27a5.63,5.63,0,0,0,5.5-5.76V446.65a2.27,2.27,0,0,1,1.82-2.27,10,10,0,0,0,6.59-4.3A1.74,1.74,0,0,0,488.69,437.65ZM329.9,270.52c0-12.18,8.47-17,16.73-17l.51,0,.51,0c8.26,0,16.73,4.86,16.73,17v23.36a1.45,1.45,0,0,1-1.44,1.47h-31.6a1.45,1.45,0,0,1-1.44-1.47Zm49.9,278.71a2.33,2.33,0,0,1-2.34,2.33H316.82a2.33,2.33,0,0,1-2.34-2.33V441.3a32.19,32.19,0,0,1,32.3-32.07h.72a32.19,32.19,0,0,1,32.3,32.07Z"/>
+</svg>

assets/images/all_logos/logo_texte_carré_bleu_celeste.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Calque_1" data-name="Calque 1" viewBox="0 0 693.13 693.13">
+  <defs>
+    <style>.cls-1{fill:#025e73;}.cls-2{font-size:119.93px;font-family:BonaNova-Regular, Bona Nova;letter-spacing:0.02em;}.cls-2,.cls-6{fill:#fff;}.cls-3{letter-spacing:0.03em;}.cls-4{font-size:142.73px;letter-spacing:0.05em;}.cls-5{letter-spacing:0.05em;}.cls-6{font-size:49px;font-family:Roboto-Medium, Roboto;font-weight:500;letter-spacing:0.27em;}.cls-7{fill:url(#D&#xE9;grad&#xE9;_sans_nom_19);}</style>
+    <linearGradient id="D&#xE9;grad&#xE9;_sans_nom_19" x1="346.56" y1="60.52" x2="346.56" y2="399.61" gradientUnits="userSpaceOnUse">
+      <stop offset="0.52" stop-color="#fff"/>
+      <stop offset="0.58" stop-color="#fff" stop-opacity="0.9"/>
+      <stop offset="0.71" stop-color="#fff" stop-opacity="0.63"/>
+      <stop offset="0.9" stop-color="#fff" stop-opacity="0.22"/>
+      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <rect class="cls-1" width="693.13" height="693.13"/>
+  <text class="cls-2" transform="translate(139.16 537.57)">l<tspan class="cls-3" x="37.09" y="0">&#x2019;</tspan><tspan class="cls-4" x="61.83" y="0">&#xC9;</tspan><tspan class="cls-5" x="158.46" y="0">toile</tspan></text>
+  <text class="cls-6" transform="translate(142.46 597.96)">de Bethl&#xE9;em</text>
+  <path class="cls-7" d="M441.43,297.59l-1.73-1.09a88.08,88.08,0,0,1-21.43-19.19L368.43,218.2a3.73,3.73,0,0,1-.9-2.27V205.37a2.11,2.11,0,0,0-1.86-2.15c-1.85-.27-2-1.89-2-3V168.74a.87.87,0,0,1,.88-.88h1.5a.32.32,0,0,0,.24-.54c-3.46-3.79-4.5-10.53-16.59-11.72a1,1,0,0,1-.92-1l-.26-32.12a1.64,1.64,0,0,1,2.6-1.33L370,134.83a.77.77,0,0,0,1.19-.87l-8.51-26.19a1.66,1.66,0,0,1,.6-1.83l22.28-16.18a.78.78,0,0,0-.46-1.41H357.54A1.63,1.63,0,0,1,356,87.22L347.47,61a.83.83,0,0,0-.91-.52.81.81,0,0,0-.9.52l-8.51,26.18a1.63,1.63,0,0,1-1.56,1.13H308.05a.78.78,0,0,0-.45,1.41l22.28,16.18a1.64,1.64,0,0,1,.59,1.83L322,134a.78.78,0,0,0,1.19.87L342,121.14a1.64,1.64,0,0,1,2.6,1.33l-.27,32.12a1,1,0,0,1-.92,1c-12.09,1.19-13.12,7.93-16.59,11.72a.33.33,0,0,0,.25.54h1.5a.87.87,0,0,1,.87.88V200.2c0,1.13-.13,2.75-2,3a2.12,2.12,0,0,0-1.86,2.15v10.56a3.71,3.71,0,0,1-.89,2.27l-49.85,59.11a87.85,87.85,0,0,1-21.42,19.19l-1.73,1.09a1.16,1.16,0,0,0-.33,1.63,6.71,6.71,0,0,0,4.41,2.88,1.53,1.53,0,0,1,1.23,1.53v92.12a3.78,3.78,0,0,0,3.68,3.86H432.43a3.78,3.78,0,0,0,3.69-3.86V303.63a1.52,1.52,0,0,1,1.22-1.53,6.66,6.66,0,0,0,4.41-2.88A1.16,1.16,0,0,0,441.43,297.59ZM335,185.59c0-8.16,5.67-11.42,11.21-11.42h.69c5.53,0,11.21,3.26,11.21,11.42v15.65a1,1,0,0,1-1,1H336a1,1,0,0,1-1-1Zm33.44,186.79a1.56,1.56,0,0,1-1.57,1.56H326.25a1.57,1.57,0,0,1-1.58-1.56V300a21.57,21.57,0,0,1,21.65-21.49h.48A21.57,21.57,0,0,1,368.45,300Z"/>
+</svg>

assets/images/all_logos/logo_texte_carré_bleu_profond.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Calque_1" data-name="Calque 1" viewBox="0 0 693.13 693.13">
+  <defs>
+    <style>.cls-1{fill:#011f26;}.cls-2{font-size:119.93px;font-family:BonaNova-Regular, Bona Nova;letter-spacing:0.02em;}.cls-2,.cls-6{fill:#fff;}.cls-3{letter-spacing:0.03em;}.cls-4{font-size:142.73px;letter-spacing:0.05em;}.cls-5{letter-spacing:0.05em;}.cls-6{font-size:49px;font-family:Roboto-Medium, Roboto;font-weight:500;letter-spacing:0.27em;}.cls-7{fill:url(#D&#xE9;grad&#xE9;_sans_nom_19);}</style>
+    <linearGradient id="D&#xE9;grad&#xE9;_sans_nom_19" x1="346.56" y1="60.52" x2="346.56" y2="399.61" gradientUnits="userSpaceOnUse">
+      <stop offset="0.52" stop-color="#fff"/>
+      <stop offset="0.58" stop-color="#fff" stop-opacity="0.9"/>
+      <stop offset="0.71" stop-color="#fff" stop-opacity="0.63"/>
+      <stop offset="0.9" stop-color="#fff" stop-opacity="0.22"/>
+      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <rect class="cls-1" width="693.13" height="693.13"/>
+  <text class="cls-2" transform="translate(139.16 537.57)">l<tspan class="cls-3" x="37.09" y="0">&#x2019;</tspan><tspan class="cls-4" x="61.83" y="0">&#xC9;</tspan><tspan class="cls-5" x="158.46" y="0">toile</tspan></text>
+  <text class="cls-6" transform="translate(142.46 597.96)">de Bethl&#xE9;em</text>
+  <path class="cls-7" d="M441.43,297.59l-1.73-1.09a88.08,88.08,0,0,1-21.43-19.19L368.43,218.2a3.73,3.73,0,0,1-.9-2.27V205.37a2.11,2.11,0,0,0-1.86-2.15c-1.85-.27-2-1.89-2-3V168.74a.87.87,0,0,1,.88-.88h1.5a.32.32,0,0,0,.24-.54c-3.46-3.79-4.5-10.53-16.59-11.72a1,1,0,0,1-.92-1l-.26-32.12a1.64,1.64,0,0,1,2.6-1.33L370,134.83a.77.77,0,0,0,1.19-.87l-8.51-26.19a1.66,1.66,0,0,1,.6-1.83l22.28-16.18a.78.78,0,0,0-.46-1.41H357.54A1.63,1.63,0,0,1,356,87.22L347.47,61a.83.83,0,0,0-.91-.52.81.81,0,0,0-.9.52l-8.51,26.18a1.63,1.63,0,0,1-1.56,1.13H308.05a.78.78,0,0,0-.45,1.41l22.28,16.18a1.64,1.64,0,0,1,.59,1.83L322,134a.78.78,0,0,0,1.19.87L342,121.14a1.64,1.64,0,0,1,2.6,1.33l-.27,32.12a1,1,0,0,1-.92,1c-12.09,1.19-13.12,7.93-16.59,11.72a.33.33,0,0,0,.25.54h1.5a.87.87,0,0,1,.87.88V200.2c0,1.13-.13,2.75-2,3a2.12,2.12,0,0,0-1.86,2.15v10.56a3.71,3.71,0,0,1-.89,2.27l-49.85,59.11a87.85,87.85,0,0,1-21.42,19.19l-1.73,1.09a1.16,1.16,0,0,0-.33,1.63,6.71,6.71,0,0,0,4.41,2.88,1.53,1.53,0,0,1,1.23,1.53v92.12a3.78,3.78,0,0,0,3.68,3.86H432.43a3.78,3.78,0,0,0,3.69-3.86V303.63a1.52,1.52,0,0,1,1.22-1.53,6.66,6.66,0,0,0,4.41-2.88A1.16,1.16,0,0,0,441.43,297.59ZM335,185.59c0-8.16,5.67-11.42,11.21-11.42h.69c5.53,0,11.21,3.26,11.21,11.42v15.65a1,1,0,0,1-1,1H336a1,1,0,0,1-1-1Zm33.44,186.79a1.56,1.56,0,0,1-1.57,1.56H326.25a1.57,1.57,0,0,1-1.58-1.56V300a21.57,21.57,0,0,1,21.65-21.49h.48A21.57,21.57,0,0,1,368.45,300Z"/>
+</svg>

assets/images/all_logos/logo_texte_rectangle_blanc_transparent.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Calque_1" data-name="Calque 1" viewBox="0 0 1269.51 692.45">
+  <defs>
+    <style>.cls-1{fill:url(#D&#xE9;grad&#xE9;_sans_nom_19);}.cls-2{font-size:147.13px;font-family:BonaNova-Regular, Bona Nova;letter-spacing:0.02em;}.cls-2,.cls-6{fill:#fff;}.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&#xE9;grad&#xE9;_sans_nom_19" x1="347.14" y1="83.91" x2="347.14" y2="589.87" gradientUnits="userSpaceOnUse">
+      <stop offset="0.52" stop-color="#fff"/>
+      <stop offset="0.58" stop-color="#fff" stop-opacity="0.9"/>
+      <stop offset="0.71" stop-color="#fff" stop-opacity="0.63"/>
+      <stop offset="0.9" stop-color="#fff" stop-opacity="0.22"/>
+      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <path class="cls-1" d="M488.69,437.65,486.11,436a131.7,131.7,0,0,1-32-28.63l-74.37-88.21a5.49,5.49,0,0,1-1.34-3.38V300a3.16,3.16,0,0,0-2.77-3.21c-2.77-.4-3-2.82-3-4.51V245.38a1.3,1.3,0,0,1,1.31-1.31h2.24a.48.48,0,0,0,.36-.8c-5.17-5.66-6.71-15.72-24.75-17.5a1.52,1.52,0,0,1-1.38-1.5l-.39-47.93a2.44,2.44,0,0,1,3.88-2l28.1,20.42a1.16,1.16,0,0,0,1.78-1.29l-12.7-39.08a2.43,2.43,0,0,1,.89-2.73l33.24-24.15a1.16,1.16,0,0,0-.68-2.09H363.51a2.44,2.44,0,0,1-2.32-1.69l-12.7-39.08a1.58,1.58,0,0,0-2.7,0l-12.7,39.08a2.44,2.44,0,0,1-2.32,1.69H289.68a1.15,1.15,0,0,0-.68,2.09l33.24,24.15a2.43,2.43,0,0,1,.89,2.73l-12.7,39.08a1.16,1.16,0,0,0,1.78,1.29l28.1-20.42a2.44,2.44,0,0,1,3.88,2l-.39,47.93a1.52,1.52,0,0,1-1.38,1.5c-18,1.78-19.58,11.84-24.75,17.5a.48.48,0,0,0,.36.8h2.24a1.3,1.3,0,0,1,1.31,1.31v46.94c0,1.69-.19,4.11-3,4.51a3.16,3.16,0,0,0-2.77,3.21V315.8a5.49,5.49,0,0,1-1.34,3.38l-74.37,88.21a131.7,131.7,0,0,1-32,28.63l-2.58,1.63a1.74,1.74,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.27V584.11a5.63,5.63,0,0,0,5.5,5.76H475.27a5.63,5.63,0,0,0,5.5-5.76V446.65a2.27,2.27,0,0,1,1.82-2.27,10,10,0,0,0,6.59-4.3A1.74,1.74,0,0,0,488.69,437.65ZM329.9,270.52c0-12.18,8.47-17,16.73-17l.51,0,.51,0c8.26,0,16.73,4.86,16.73,17v23.36a1.45,1.45,0,0,1-1.44,1.47h-31.6a1.45,1.45,0,0,1-1.44-1.47Zm49.9,278.71a2.33,2.33,0,0,1-2.34,2.33H316.82a2.33,2.33,0,0,1-2.34-2.33V441.3a32.19,32.19,0,0,1,32.3-32.07h.72a32.19,32.19,0,0,1,32.3,32.07Z"/>
+  <text class="cls-2" transform="translate(552.98 474.47)">l<tspan class="cls-3" x="45.5" y="0">&#x2019;</tspan><tspan class="cls-4" x="75.86" y="0">&#xC9;</tspan><tspan class="cls-5" x="194.4" y="0">toile</tspan></text>
+  <text class="cls-6" transform="translate(557.02 548.55)">de Bethl&#xE9;em</text>
+</svg>

assets/images/all_logos/logo_texte_rectangle_bleu_celeste.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Calque_1" data-name="Calque 1" viewBox="0 0 1269.51 692.45">
+  <defs>
+    <style>.cls-1{fill:#025e73;}.cls-2{fill:url(#D&#xE9;grad&#xE9;_sans_nom_19);}.cls-3{font-size:147.13px;font-family:BonaNova-Regular, Bona Nova;letter-spacing:0.02em;}.cls-3,.cls-7{fill:#fff;}.cls-4{letter-spacing:0.03em;}.cls-5{font-size:175.11px;letter-spacing:0.05em;}.cls-6{letter-spacing:0.05em;}.cls-7{font-size:60.11px;font-family:Roboto-Medium, Roboto;font-weight:500;letter-spacing:0.28em;}</style>
+    <linearGradient id="D&#xE9;grad&#xE9;_sans_nom_19" x1="347.14" y1="83.91" x2="347.14" y2="589.87" gradientUnits="userSpaceOnUse">
+      <stop offset="0.52" stop-color="#fff"/>
+      <stop offset="0.58" stop-color="#fff" stop-opacity="0.9"/>
+      <stop offset="0.71" stop-color="#fff" stop-opacity="0.63"/>
+      <stop offset="0.9" stop-color="#fff" stop-opacity="0.22"/>
+      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <rect class="cls-1" width="1269.51" height="692.45"/>
+  <path class="cls-2" d="M488.69,437.65,486.11,436a131.7,131.7,0,0,1-32-28.63l-74.37-88.21a5.49,5.49,0,0,1-1.34-3.38V300a3.16,3.16,0,0,0-2.77-3.21c-2.77-.4-3-2.82-3-4.51V245.38a1.3,1.3,0,0,1,1.31-1.31h2.24a.48.48,0,0,0,.36-.8c-5.17-5.66-6.71-15.72-24.75-17.5a1.52,1.52,0,0,1-1.38-1.5l-.39-47.93a2.44,2.44,0,0,1,3.88-2l28.1,20.42a1.16,1.16,0,0,0,1.78-1.29l-12.7-39.08a2.43,2.43,0,0,1,.89-2.73l33.24-24.15a1.16,1.16,0,0,0-.68-2.09H363.51a2.44,2.44,0,0,1-2.32-1.69l-12.7-39.08a1.58,1.58,0,0,0-2.7,0l-12.7,39.08a2.44,2.44,0,0,1-2.32,1.69H289.68a1.15,1.15,0,0,0-.68,2.09l33.24,24.15a2.43,2.43,0,0,1,.89,2.73l-12.7,39.08a1.16,1.16,0,0,0,1.78,1.29l28.1-20.42a2.44,2.44,0,0,1,3.88,2l-.39,47.93a1.52,1.52,0,0,1-1.38,1.5c-18,1.78-19.58,11.84-24.75,17.5a.48.48,0,0,0,.36.8h2.24a1.3,1.3,0,0,1,1.31,1.31v46.94c0,1.69-.19,4.11-3,4.51a3.16,3.16,0,0,0-2.77,3.21V315.8a5.49,5.49,0,0,1-1.34,3.38l-74.37,88.21a131.7,131.7,0,0,1-32,28.63l-2.58,1.63a1.74,1.74,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.27V584.11a5.63,5.63,0,0,0,5.5,5.76H475.27a5.63,5.63,0,0,0,5.5-5.76V446.65a2.27,2.27,0,0,1,1.82-2.27,10,10,0,0,0,6.59-4.3A1.74,1.74,0,0,0,488.69,437.65ZM329.9,270.52c0-12.18,8.47-17,16.73-17l.51,0,.51,0c8.26,0,16.73,4.86,16.73,17v23.36a1.45,1.45,0,0,1-1.44,1.47h-31.6a1.45,1.45,0,0,1-1.44-1.47Zm49.9,278.71a2.33,2.33,0,0,1-2.34,2.33H316.82a2.33,2.33,0,0,1-2.34-2.33V441.3a32.19,32.19,0,0,1,32.3-32.07h.72a32.19,32.19,0,0,1,32.3,32.07Z"/>
+  <text class="cls-3" transform="translate(552.98 474.47)">l<tspan class="cls-4" x="45.5" y="0">&#x2019;</tspan><tspan class="cls-5" x="75.86" y="0">&#xC9;</tspan><tspan class="cls-6" x="194.4" y="0">toile</tspan></text>
+  <text class="cls-7" transform="translate(557.02 548.55)">de Bethl&#xE9;em</text>
+</svg>

assets/images/all_logos/logo_texte_rectangle_bleu_profond.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Calque_1" data-name="Calque 1" viewBox="0 0 1269.51 692.45">
+  <defs>
+    <style>.cls-1{fill:#011f26;}.cls-2{fill:url(#D&#xE9;grad&#xE9;_sans_nom_19);}.cls-3{font-size:147.13px;font-family:BonaNova-Regular, Bona Nova;letter-spacing:0.02em;}.cls-3,.cls-7{fill:#fff;}.cls-4{letter-spacing:0.03em;}.cls-5{font-size:175.11px;letter-spacing:0.05em;}.cls-6{letter-spacing:0.05em;}.cls-7{font-size:60.11px;font-family:Roboto-Medium, Roboto;font-weight:500;letter-spacing:0.28em;}</style>
+    <linearGradient id="D&#xE9;grad&#xE9;_sans_nom_19" x1="347.14" y1="83.91" x2="347.14" y2="589.87" gradientUnits="userSpaceOnUse">
+      <stop offset="0.52" stop-color="#fff"/>
+      <stop offset="0.58" stop-color="#fff" stop-opacity="0.9"/>
+      <stop offset="0.71" stop-color="#fff" stop-opacity="0.63"/>
+      <stop offset="0.9" stop-color="#fff" stop-opacity="0.22"/>
+      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <rect class="cls-1" width="1269.51" height="692.45"/>
+  <path class="cls-2" d="M488.69,437.65,486.11,436a131.7,131.7,0,0,1-32-28.63l-74.37-88.21a5.49,5.49,0,0,1-1.34-3.38V300a3.16,3.16,0,0,0-2.77-3.21c-2.77-.4-3-2.82-3-4.51V245.38a1.3,1.3,0,0,1,1.31-1.31h2.24a.48.48,0,0,0,.36-.8c-5.17-5.66-6.71-15.72-24.75-17.5a1.52,1.52,0,0,1-1.38-1.5l-.39-47.93a2.44,2.44,0,0,1,3.88-2l28.1,20.42a1.16,1.16,0,0,0,1.78-1.29l-12.7-39.08a2.43,2.43,0,0,1,.89-2.73l33.24-24.15a1.16,1.16,0,0,0-.68-2.09H363.51a2.44,2.44,0,0,1-2.32-1.69l-12.7-39.08a1.58,1.58,0,0,0-2.7,0l-12.7,39.08a2.44,2.44,0,0,1-2.32,1.69H289.68a1.15,1.15,0,0,0-.68,2.09l33.24,24.15a2.43,2.43,0,0,1,.89,2.73l-12.7,39.08a1.16,1.16,0,0,0,1.78,1.29l28.1-20.42a2.44,2.44,0,0,1,3.88,2l-.39,47.93a1.52,1.52,0,0,1-1.38,1.5c-18,1.78-19.58,11.84-24.75,17.5a.48.48,0,0,0,.36.8h2.24a1.3,1.3,0,0,1,1.31,1.31v46.94c0,1.69-.19,4.11-3,4.51a3.16,3.16,0,0,0-2.77,3.21V315.8a5.49,5.49,0,0,1-1.34,3.38l-74.37,88.21a131.7,131.7,0,0,1-32,28.63l-2.58,1.63a1.74,1.74,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.27V584.11a5.63,5.63,0,0,0,5.5,5.76H475.27a5.63,5.63,0,0,0,5.5-5.76V446.65a2.27,2.27,0,0,1,1.82-2.27,10,10,0,0,0,6.59-4.3A1.74,1.74,0,0,0,488.69,437.65ZM329.9,270.52c0-12.18,8.47-17,16.73-17l.51,0,.51,0c8.26,0,16.73,4.86,16.73,17v23.36a1.45,1.45,0,0,1-1.44,1.47h-31.6a1.45,1.45,0,0,1-1.44-1.47Zm49.9,278.71a2.33,2.33,0,0,1-2.34,2.33H316.82a2.33,2.33,0,0,1-2.34-2.33V441.3a32.19,32.19,0,0,1,32.3-32.07h.72a32.19,32.19,0,0,1,32.3,32.07Z"/>
+  <text class="cls-3" transform="translate(552.98 474.47)">l<tspan class="cls-4" x="45.5" y="0">&#x2019;</tspan><tspan class="cls-5" x="75.86" y="0">&#xC9;</tspan><tspan class="cls-6" x="194.4" y="0">toile</tspan></text>
+  <text class="cls-7" transform="translate(557.02 548.55)">de Bethl&#xE9;em</text>
+</svg>

assets/images/all_logos/square_notext_white_transparent.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Calque_1" data-name="Calque 1" viewBox="0 0 693.13 692.45">
+  <defs>
+    <style>.cls-1{fill:url(#D&#xE9;grad&#xE9;_sans_nom_19);}</style>
+    <linearGradient id="D&#xE9;grad&#xE9;_sans_nom_19" x1="347.14" y1="83.91" x2="347.14" y2="589.87" gradientUnits="userSpaceOnUse">
+      <stop offset="0.52" stop-color="#fff"/>
+      <stop offset="0.58" stop-color="#fff" stop-opacity="0.9"/>
+      <stop offset="0.71" stop-color="#fff" stop-opacity="0.63"/>
+      <stop offset="0.9" stop-color="#fff" stop-opacity="0.22"/>
+      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <path class="cls-1" d="M488.69,437.65,486.11,436a131.7,131.7,0,0,1-32-28.63l-74.37-88.21a5.49,5.49,0,0,1-1.34-3.38V300a3.16,3.16,0,0,0-2.77-3.21c-2.77-.4-3-2.82-3-4.51V245.38a1.3,1.3,0,0,1,1.31-1.31h2.24a.48.48,0,0,0,.36-.8c-5.17-5.66-6.71-15.72-24.75-17.5a1.52,1.52,0,0,1-1.38-1.5l-.39-47.93a2.44,2.44,0,0,1,3.88-2l28.1,20.42a1.16,1.16,0,0,0,1.78-1.29l-12.7-39.08a2.43,2.43,0,0,1,.89-2.73l33.24-24.15a1.16,1.16,0,0,0-.68-2.09H363.51a2.44,2.44,0,0,1-2.32-1.69l-12.7-39.08a1.58,1.58,0,0,0-2.7,0l-12.7,39.08a2.44,2.44,0,0,1-2.32,1.69H289.68a1.15,1.15,0,0,0-.68,2.09l33.24,24.15a2.43,2.43,0,0,1,.89,2.73l-12.7,39.08a1.16,1.16,0,0,0,1.78,1.29l28.1-20.42a2.44,2.44,0,0,1,3.88,2l-.39,47.93a1.52,1.52,0,0,1-1.38,1.5c-18,1.78-19.58,11.84-24.75,17.5a.48.48,0,0,0,.36.8h2.24a1.3,1.3,0,0,1,1.31,1.31v46.94c0,1.69-.19,4.11-3,4.51a3.16,3.16,0,0,0-2.77,3.21V315.8a5.49,5.49,0,0,1-1.34,3.38l-74.37,88.21a131.7,131.7,0,0,1-32,28.63l-2.58,1.63a1.74,1.74,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.27V584.11a5.63,5.63,0,0,0,5.5,5.76H475.27a5.63,5.63,0,0,0,5.5-5.76V446.65a2.27,2.27,0,0,1,1.82-2.27,10,10,0,0,0,6.59-4.3A1.74,1.74,0,0,0,488.69,437.65ZM329.9,270.52c0-12.18,8.47-17,16.73-17l.51,0,.51,0c8.26,0,16.73,4.86,16.73,17v23.36a1.45,1.45,0,0,1-1.44,1.47h-31.6a1.45,1.45,0,0,1-1.44-1.47Zm49.9,278.71a2.33,2.33,0,0,1-2.34,2.33H316.82a2.33,2.33,0,0,1-2.34-2.33V441.3a32.19,32.19,0,0,1,32.3-32.07h.72a32.19,32.19,0,0,1,32.3,32.07Z"/>
+</svg>

assets/images/all_logos/square_notext_yellow_on_white_transparent.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Calque_1" data-name="Calque 1" viewBox="0 0 693.13 693.13">
+  <defs>
+    <style>.cls-1{fill:url(#D&#xE9;grad&#xE9;_sans_nom_10);}</style>
+    <linearGradient id="D&#xE9;grad&#xE9;_sans_nom_10" x1="347.14" y1="83.91" x2="347.14" y2="589.87" gradientUnits="userSpaceOnUse">
+      <stop offset="0.24" stop-color="#f2a71b"/>
+      <stop offset="0.34" stop-color="#f2a71b" stop-opacity="0.89"/>
+      <stop offset="0.56" stop-color="#f2a71b" stop-opacity="0.62"/>
+      <stop offset="0.88" stop-color="#f2a71b" stop-opacity="0.18"/>
+      <stop offset="1" stop-color="#f2a71b" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <path class="cls-1" d="M488.69,437.65,486.11,436a131.7,131.7,0,0,1-32-28.63l-74.37-88.21a5.49,5.49,0,0,1-1.34-3.38V300a3.16,3.16,0,0,0-2.77-3.21c-2.77-.4-3-2.82-3-4.51V245.38a1.3,1.3,0,0,1,1.31-1.31h2.24a.48.48,0,0,0,.36-.8c-5.17-5.66-6.71-15.72-24.75-17.5a1.52,1.52,0,0,1-1.38-1.5l-.39-47.93a2.44,2.44,0,0,1,3.88-2l28.1,20.42a1.16,1.16,0,0,0,1.78-1.29l-12.7-39.08a2.43,2.43,0,0,1,.89-2.73l33.24-24.15a1.16,1.16,0,0,0-.68-2.09H363.51a2.44,2.44,0,0,1-2.32-1.69l-12.7-39.08a1.58,1.58,0,0,0-2.7,0l-12.7,39.08a2.44,2.44,0,0,1-2.32,1.69H289.68a1.15,1.15,0,0,0-.68,2.09l33.24,24.15a2.43,2.43,0,0,1,.89,2.73l-12.7,39.08a1.16,1.16,0,0,0,1.78,1.29l28.1-20.42a2.44,2.44,0,0,1,3.88,2l-.39,47.93a1.52,1.52,0,0,1-1.38,1.5c-18,1.78-19.58,11.84-24.75,17.5a.48.48,0,0,0,.36.8h2.24a1.3,1.3,0,0,1,1.31,1.31v46.94c0,1.69-.19,4.11-3,4.51a3.16,3.16,0,0,0-2.77,3.21V315.8a5.49,5.49,0,0,1-1.34,3.38l-74.37,88.21a131.7,131.7,0,0,1-32,28.63l-2.58,1.63a1.74,1.74,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.27V584.11a5.63,5.63,0,0,0,5.5,5.76H475.27a5.63,5.63,0,0,0,5.5-5.76V446.65a2.27,2.27,0,0,1,1.82-2.27,10,10,0,0,0,6.59-4.3A1.74,1.74,0,0,0,488.69,437.65ZM329.9,270.52c0-12.18,8.47-17,16.73-17l.51,0,.51,0c8.26,0,16.73,4.86,16.73,17v23.36a1.45,1.45,0,0,1-1.44,1.47h-31.6a1.45,1.45,0,0,1-1.44-1.47Zm49.9,278.71a2.33,2.33,0,0,1-2.34,2.33H316.82a2.33,2.33,0,0,1-2.34-2.33V441.3a32.19,32.19,0,0,1,32.3-32.07h.72a32.19,32.19,0,0,1,32.3,32.07Z"/>
+</svg>

assets/images/all_logos/square_text_white_transparent.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Calque_1" data-name="Calque 1" viewBox="0 0 693.13 693.13">
+  <defs>
+    <style>
+        .cls-1{font-size:119.93px;font-family: Bona Nova;letter-spacing:0.02em;}
+        .cls-1,.cls-5{fill:#fff;}
+        .cls-2{letter-spacing:0.03em;}
+        .cls-3{font-size:142.73px;letter-spacing:0.05em;}
+        .cls-4{letter-spacing:0.05em;}
+        .cls-5{font-size:49px;font-family:Roboto;font-weight:500;letter-spacing:0.27em;}.cls-6{fill:url(#D&#xE9;grad&#xE9;_sans_nom_19);}
+    </style>
+    <linearGradient id="D&#xE9;grad&#xE9;_sans_nom_19" x1="346.56" y1="60.52" x2="346.56" y2="399.61" gradientUnits="userSpaceOnUse">
+      <stop offset="0.52" stop-color="#fff"/>
+      <stop offset="0.58" stop-color="#fff" stop-opacity="0.9"/>
+      <stop offset="0.71" stop-color="#fff" stop-opacity="0.63"/>
+      <stop offset="0.9" stop-color="#fff" stop-opacity="0.22"/>
+      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <text class="cls-1" transform="translate(139.16 537.57)">l<tspan class="cls-2" x="37.09" y="0">&#x2019;</tspan><tspan class="cls-3" x="61.83" y="0">&#xC9;</tspan><tspan class="cls-4" x="158.46" y="0">toile</tspan></text>
+  <text class="cls-5" transform="translate(142.46 597.96)">de Bethléem</text>
+  <path class="cls-6" d="M441.43,297.59l-1.73-1.09a88.08,88.08,0,0,1-21.43-19.19L368.43,218.2a3.73,3.73,0,0,1-.9-2.27V205.37a2.11,2.11,0,0,0-1.86-2.15c-1.85-.27-2-1.89-2-3V168.74a.87.87,0,0,1,.88-.88h1.5a.32.32,0,0,0,.24-.54c-3.46-3.79-4.5-10.53-16.59-11.72a1,1,0,0,1-.92-1l-.26-32.12a1.64,1.64,0,0,1,2.6-1.33L370,134.83a.77.77,0,0,0,1.19-.87l-8.51-26.19a1.66,1.66,0,0,1,.6-1.83l22.28-16.18a.78.78,0,0,0-.46-1.41H357.54A1.63,1.63,0,0,1,356,87.22L347.47,61a.83.83,0,0,0-.91-.52.81.81,0,0,0-.9.52l-8.51,26.18a1.63,1.63,0,0,1-1.56,1.13H308.05a.78.78,0,0,0-.45,1.41l22.28,16.18a1.64,1.64,0,0,1,.59,1.83L322,134a.78.78,0,0,0,1.19.87L342,121.14a1.64,1.64,0,0,1,2.6,1.33l-.27,32.12a1,1,0,0,1-.92,1c-12.09,1.19-13.12,7.93-16.59,11.72a.33.33,0,0,0,.25.54h1.5a.87.87,0,0,1,.87.88V200.2c0,1.13-.13,2.75-2,3a2.12,2.12,0,0,0-1.86,2.15v10.56a3.71,3.71,0,0,1-.89,2.27l-49.85,59.11a87.85,87.85,0,0,1-21.42,19.19l-1.73,1.09a1.16,1.16,0,0,0-.33,1.63,6.71,6.71,0,0,0,4.41,2.88,1.53,1.53,0,0,1,1.23,1.53v92.12a3.78,3.78,0,0,0,3.68,3.86H432.43a3.78,3.78,0,0,0,3.69-3.86V303.63a1.52,1.52,0,0,1,1.22-1.53,6.66,6.66,0,0,0,4.41-2.88A1.16,1.16,0,0,0,441.43,297.59ZM335,185.59c0-8.16,5.67-11.42,11.21-11.42h.69c5.53,0,11.21,3.26,11.21,11.42v15.65a1,1,0,0,1-1,1H336a1,1,0,0,1-1-1Zm33.44,186.79a1.56,1.56,0,0,1-1.57,1.56H326.25a1.57,1.57,0,0,1-1.58-1.56V300a21.57,21.57,0,0,1,21.65-21.49h.48A21.57,21.57,0,0,1,368.45,300Z"/>
+</svg>

assets/images/all_logos/square_text_yellow_on_white_transparent.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Calque_1" data-name="Calque 1" viewBox="0 0 693.13 692.07">
+  <defs>
+    <style>.cls-1{font-size:119.93px;font-family:BonaNova-Regular, Bona Nova;letter-spacing:0.02em;}.cls-1,.cls-5{fill:#011f26;}.cls-2{letter-spacing:0.03em;}.cls-3{font-size:142.73px;letter-spacing:0.05em;}.cls-4{letter-spacing:0.05em;}.cls-5{font-size:49px;font-family:Roboto-Medium, Roboto;font-weight:500;letter-spacing:0.27em;}.cls-6{fill:url(#D&#xE9;grad&#xE9;_sans_nom_10);}</style>
+    <linearGradient id="D&#xE9;grad&#xE9;_sans_nom_10" x1="346.56" y1="60.52" x2="346.56" y2="399.61" gradientUnits="userSpaceOnUse">
+      <stop offset="0.24" stop-color="#f2a71b"/>
+      <stop offset="0.34" stop-color="#f2a71b" stop-opacity="0.89"/>
+      <stop offset="0.56" stop-color="#f2a71b" stop-opacity="0.62"/>
+      <stop offset="0.88" stop-color="#f2a71b" stop-opacity="0.18"/>
+      <stop offset="1" stop-color="#f2a71b" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <text class="cls-1" transform="translate(139.16 537.57)">l<tspan class="cls-2" x="37.09" y="0">&#x2019;</tspan><tspan class="cls-3" x="61.83" y="0">&#xC9;</tspan><tspan class="cls-4" x="158.46" y="0">toile</tspan></text>
+  <text class="cls-5" transform="translate(142.46 597.96)">de Bethl&#xE9;em</text>
+  <path class="cls-6" d="M441.43,297.59l-1.73-1.09a88.08,88.08,0,0,1-21.43-19.19L368.43,218.2a3.73,3.73,0,0,1-.9-2.27V205.37a2.11,2.11,0,0,0-1.86-2.15c-1.85-.27-2-1.89-2-3V168.74a.87.87,0,0,1,.88-.88h1.5a.32.32,0,0,0,.24-.54c-3.46-3.79-4.5-10.53-16.59-11.72a1,1,0,0,1-.92-1l-.26-32.12a1.64,1.64,0,0,1,2.6-1.33L370,134.83a.77.77,0,0,0,1.19-.87l-8.51-26.19a1.66,1.66,0,0,1,.6-1.83l22.28-16.18a.78.78,0,0,0-.46-1.41H357.54A1.63,1.63,0,0,1,356,87.22L347.47,61a.83.83,0,0,0-.91-.52.81.81,0,0,0-.9.52l-8.51,26.18a1.63,1.63,0,0,1-1.56,1.13H308.05a.78.78,0,0,0-.45,1.41l22.28,16.18a1.64,1.64,0,0,1,.59,1.83L322,134a.78.78,0,0,0,1.19.87L342,121.14a1.64,1.64,0,0,1,2.6,1.33l-.27,32.12a1,1,0,0,1-.92,1c-12.09,1.19-13.12,7.93-16.59,11.72a.33.33,0,0,0,.25.54h1.5a.87.87,0,0,1,.87.88V200.2c0,1.13-.13,2.75-2,3a2.12,2.12,0,0,0-1.86,2.15v10.56a3.71,3.71,0,0,1-.89,2.27l-49.85,59.11a87.85,87.85,0,0,1-21.42,19.19l-1.73,1.09a1.16,1.16,0,0,0-.33,1.63,6.71,6.71,0,0,0,4.41,2.88,1.53,1.53,0,0,1,1.23,1.53v92.12a3.78,3.78,0,0,0,3.68,3.86H432.43a3.78,3.78,0,0,0,3.69-3.86V303.63a1.52,1.52,0,0,1,1.22-1.53,6.66,6.66,0,0,0,4.41-2.88A1.16,1.16,0,0,0,441.43,297.59ZM335,185.59c0-8.16,5.67-11.42,11.21-11.42h.69c5.53,0,11.21,3.26,11.21,11.42v15.65a1,1,0,0,1-1,1H336a1,1,0,0,1-1-1Zm33.44,186.79a1.56,1.56,0,0,1-1.57,1.56H326.25a1.57,1.57,0,0,1-1.58-1.56V300a21.57,21.57,0,0,1,21.65-21.49h.48A21.57,21.57,0,0,1,368.45,300Z"/>
+</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

@@ -0,0 +1,37 @@
+<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

@@ -0,0 +1,104 @@
+<svg
+   viewBox="0 0 43.000001 43.5"
+   version="1.1"
+   id="svg264"
+   sodipodi:docname="helloasso_logo.svg"
+   width="43"
+   height="43.5"
+   inkscape:export-filename="helloasso_logo.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   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">
+  <sodipodi:namedview
+     id="namedview266"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="6.515"
+     inkscape:cx="14.351497"
+     inkscape:cy="21.105142"
+     inkscape:window-width="1920"
+     inkscape:window-height="1038"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg264" />
+  <defs
+     id="defs254">
+    <linearGradient
+       id="SVGID_1_"
+       x1="4.322"
+       x2="24.268"
+       y1="33.651001"
+       y2="-0.50300002"
+       gradientTransform="matrix(1,0,0,-1,0,44.736)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0"
+         stop-color="#498a63"
+         id="stop239" />
+      <stop
+         offset=".25"
+         stop-color="#61b984"
+         id="stop241" />
+    </linearGradient>
+    <linearGradient
+       id="SVGID_2_"
+       x1="19.889"
+       x2="40.523998"
+       y1="3.6270001"
+       y2="36.696999"
+       gradientTransform="matrix(1,0,0,-1,0,44.736)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0"
+         stop-color="#89356d"
+         id="stop244" />
+      <stop
+         offset=".21"
+         stop-color="#b94794"
+         id="stop246" />
+    </linearGradient>
+    <linearGradient
+       id="SVGID_3_"
+       x1="3.2420001"
+       x2="37.688999"
+       y1="35.782001"
+       y2="23.384001"
+       gradientTransform="matrix(1,0,0,-1,0,44.736)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset=".6"
+         stop-color="#f59c1c"
+         id="stop249" />
+      <stop
+         offset="1"
+         stop-color="#c7702b"
+         id="stop251" />
+    </linearGradient>
+  </defs>
+  <path
+     fill="url(#SVGID_1_)"
+     d="M 12.9,34.9 C 6.3,27.3 10.7,8.1 13.5,8.1 8.1,7.9 -1.1,11.5 0.2,24.4 c 1.5,12 12.3,20.4 24.1,18.9 3.8,-0.5 7.3,-2 10.3,-4.3 -10.4,7.5 -17.4,0.8 -21.7,-4.1 z"
+     id="path258"
+     style="fill:url(#SVGID_1_)" />
+  <path
+     fill="url(#SVGID_2_)"
+     d="M 37.2,21.9 C 31.7,33 14.8,37.7 12.9,34.8 c 3.3,4.9 11.5,11.6 21.8,4 9.4,-7.3 11.1,-21 3.8,-30.5 -2.3,-3 -5.4,-5.3 -8.9,-6.8 11.7,5.3 10.5,14.6 7.6,20.4 z"
+     id="path260"
+     style="fill:url(#SVGID_2_)" />
+  <path
+     fill="url(#SVGID_3_)"
+     d="M 13.5,8.1 C 25.4,6.8 38.9,19.1 37.2,22 40.5,16.2 41.3,6.9 29.7,1.6 18.6,-2.9 6,2.5 1.6,13.7 0.2,17.2 -0.3,21 0.2,24.7 -0.6,11.9 9.1,8.5 13.5,8.1 Z"
+     id="path262"
+     style="fill:url(#SVGID_3_)" />
+</svg>

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/mastodon-color.svg

@@ -0,0 +1,10 @@
+<svg width="75" height="79" viewBox="0 0 75 79" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M73.8393 17.4898C72.6973 9.00165 65.2994 2.31235 56.5296 1.01614C55.05 0.797115 49.4441 0 36.4582 0H36.3612C23.3717 0 20.585 0.797115 19.1054 1.01614C10.5798 2.27644 2.79399 8.28712 0.904997 16.8758C-0.00358524 21.1056 -0.100549 25.7949 0.0682394 30.0965C0.308852 36.2651 0.355538 42.423 0.91577 48.5665C1.30307 52.6474 1.97872 56.6957 2.93763 60.6812C4.73325 68.042 12.0019 74.1676 19.1233 76.6666C26.7478 79.2728 34.9474 79.7055 42.8039 77.9162C43.6682 77.7151 44.5217 77.4817 45.3645 77.216C47.275 76.6092 49.5123 75.9305 51.1571 74.7385C51.1797 74.7217 51.1982 74.7001 51.2112 74.6753C51.2243 74.6504 51.2316 74.6229 51.2325 74.5948V68.6416C51.2321 68.6154 51.2259 68.5896 51.2142 68.5661C51.2025 68.5426 51.1858 68.522 51.1651 68.5058C51.1444 68.4896 51.1204 68.4783 51.0948 68.4726C51.0692 68.4669 51.0426 68.467 51.0171 68.4729C45.9835 69.675 40.8254 70.2777 35.6502 70.2682C26.7439 70.2682 24.3486 66.042 23.6626 64.2826C23.1113 62.762 22.7612 61.1759 22.6212 59.5646C22.6197 59.5375 22.6247 59.5105 22.6357 59.4857C22.6466 59.4609 22.6633 59.4391 22.6843 59.422C22.7053 59.4048 22.73 59.3929 22.7565 59.3871C22.783 59.3813 22.8104 59.3818 22.8367 59.3886C27.7864 60.5826 32.8604 61.1853 37.9522 61.1839C39.1768 61.1839 40.3978 61.1839 41.6224 61.1516C46.7435 61.008 52.1411 60.7459 57.1796 59.7621C57.3053 59.7369 57.431 59.7154 57.5387 59.6831C65.4861 58.157 73.0493 53.3672 73.8178 41.2381C73.8465 40.7606 73.9184 36.2364 73.9184 35.7409C73.9219 34.0569 74.4606 23.7949 73.8393 17.4898Z" fill="url(#paint0_linear_549_34)"/>
+<path d="M61.2484 27.0263V48.114H52.8916V27.6475C52.8916 23.3388 51.096 21.1413 47.4437 21.1413C43.4287 21.1413 41.4177 23.7409 41.4177 28.8755V40.0782H33.1111V28.8755C33.1111 23.7409 31.0965 21.1413 27.0815 21.1413C23.4507 21.1413 21.6371 23.3388 21.6371 27.6475V48.114H13.2839V27.0263C13.2839 22.7176 14.384 19.2946 16.5843 16.7572C18.8539 14.2258 21.8311 12.926 25.5264 12.926C29.8036 12.926 33.0357 14.5705 35.1905 17.8559L37.2698 21.346L39.3527 17.8559C41.5074 14.5705 44.7395 12.926 49.0095 12.926C52.7013 12.926 55.6784 14.2258 57.9553 16.7572C60.1531 19.2922 61.2508 22.7152 61.2484 27.0263Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_549_34" x1="37.0692" y1="0" x2="37.0692" y2="79" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6364FF"/>
+<stop offset="1" stop-color="#563ACC"/>
+</linearGradient>
+</defs>
+</svg>

assets/images/icons/mastodon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+    <path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/>
+</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/twitter.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+    <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/>
+</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/images/logo_horizontal_white_transparent.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1269.51 692.45">
+  <defs>
+    <style>.lhwt-cls--1{fill:url(#gradient19);}.lhwt-cls--2{font-size:147.13px;font-family:"Bona Nova";letter-spacing:0.02em;}.lhwt-cls--2,.lhwt-cls--6{fill:#fff;}.lhwt-cls--3{letter-spacing:0.03em;}.lhwt-cls--4{font-size:175.11px;letter-spacing:0.05em;}.lhwt-cls--5{letter-spacing:0.05em;}.lhwt-cls--6{font-size:60.11px;font-family:Roboto-Medium, Roboto;font-weight:500;letter-spacing:0.28em;}</style>
+    <linearGradient id="gradient19" x1="347.14" y1="83.91" x2="347.14" y2="589.87" gradientUnits="userSpaceOnUse">
+      <stop offset="0.52" stop-color="#fff"/>
+      <stop offset="0.58" stop-color="#fff" stop-opacity="0.9"/>
+      <stop offset="0.71" stop-color="#fff" stop-opacity="0.63"/>
+      <stop offset="0.9" stop-color="#fff" stop-opacity="0.22"/>
+      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <path class="lhwt-cls--1" d="M488.69,437.65,486.11,436a131.7,131.7,0,0,1-32-28.63l-74.37-88.21a5.49,5.49,0,0,1-1.34-3.38V300a3.16,3.16,0,0,0-2.77-3.21c-2.77-.4-3-2.82-3-4.51V245.38a1.3,1.3,0,0,1,1.31-1.31h2.24a.48.48,0,0,0,.36-.8c-5.17-5.66-6.71-15.72-24.75-17.5a1.52,1.52,0,0,1-1.38-1.5l-.39-47.93a2.44,2.44,0,0,1,3.88-2l28.1,20.42a1.16,1.16,0,0,0,1.78-1.29l-12.7-39.08a2.43,2.43,0,0,1,.89-2.73l33.24-24.15a1.16,1.16,0,0,0-.68-2.09H363.51a2.44,2.44,0,0,1-2.32-1.69l-12.7-39.08a1.58,1.58,0,0,0-2.7,0l-12.7,39.08a2.44,2.44,0,0,1-2.32,1.69H289.68a1.15,1.15,0,0,0-.68,2.09l33.24,24.15a2.43,2.43,0,0,1,.89,2.73l-12.7,39.08a1.16,1.16,0,0,0,1.78,1.29l28.1-20.42a2.44,2.44,0,0,1,3.88,2l-.39,47.93a1.52,1.52,0,0,1-1.38,1.5c-18,1.78-19.58,11.84-24.75,17.5a.48.48,0,0,0,.36.8h2.24a1.3,1.3,0,0,1,1.31,1.31v46.94c0,1.69-.19,4.11-3,4.51a3.16,3.16,0,0,0-2.77,3.21V315.8a5.49,5.49,0,0,1-1.34,3.38l-74.37,88.21a131.7,131.7,0,0,1-32,28.63l-2.58,1.63a1.74,1.74,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.27V584.11a5.63,5.63,0,0,0,5.5,5.76H475.27a5.63,5.63,0,0,0,5.5-5.76V446.65a2.27,2.27,0,0,1,1.82-2.27,10,10,0,0,0,6.59-4.3A1.74,1.74,0,0,0,488.69,437.65ZM329.9,270.52c0-12.18,8.47-17,16.73-17l.51,0,.51,0c8.26,0,16.73,4.86,16.73,17v23.36a1.45,1.45,0,0,1-1.44,1.47h-31.6a1.45,1.45,0,0,1-1.44-1.47Zm49.9,278.71a2.33,2.33,0,0,1-2.34,2.33H316.82a2.33,2.33,0,0,1-2.34-2.33V441.3a32.19,32.19,0,0,1,32.3-32.07h.72a32.19,32.19,0,0,1,32.3,32.07Z"/>
+  <text class="lhwt-cls--2" transform="translate(552.98 474.47)">l<tspan class="lhwt-cls--3" x="45.5" y="0">&#x2019;</tspan><tspan class="lhwt-cls--4" x="75.86" y="0">&#xC9;</tspan><tspan class="lhwt-cls--5" x="194.4" y="0">toile</tspan></text>
+  <text class="lhwt-cls--6" transform="translate(557.02 548.55)">de Bethl&#xE9;em</text>
+</svg>

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

@@ -0,0 +1,150 @@
+// 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: flex;
+    background-color: rgba(0, 0, 0, 0.2);
+    margin-bottom: 1rem;
+    border-radius: 3px;
+
+    .article__image {
+        display: block;
+        margin-right: 0rem;
+        overflow: hidden;
+        height: 210px;
+        width: 300px;
+        flex-grow: 0;
+        flex-shrink: 0;
+        img {
+            height: 100%;
+            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;
+    }
+}
+
+.prominent-article {
+    position: relative;
+    overflow: hidden;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+
+    .article__image {
+        height: 100% !important;
+        min-height: 100% !important;
+        width: 500px;
+        margin-right: 0rem;
+    }
+    .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

@@ -0,0 +1,60 @@
+.button {
+    display: inline-block;
+    cursor: pointer;
+    background-color: $accent;
+    color: white;
+    padding: 1rem 2.5rem;
+    text-transform: uppercase;
+    text-decoration: none;
+    user-select: none;
+    min-width: 10rem;
+    font-size: 1.2rem;
+    border: 0;
+    border-radius: 2px;
+
+    transition: all 0.2s ease-in-out;
+
+    border: 1px solid transparent;
+    &:hover {
+        opacity: 0.8;
+        background-color: lighten($accent, 14%);
+        color: black;
+        border: 1px solid rgba(0.5, 0.5, 0.5, 0.3);
+        border-style: inset;
+    }
+}
+
+.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

@@ -0,0 +1,53 @@
+.card {
+    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

@@ -0,0 +1,123 @@
+html {
+    height: 100%;
+}
+
+body {
+    min-height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.footer-push {
+    flex-grow: 1;
+}
+
+.site-footer {
+    border-top: .3rem solid $accent;
+    margin-top: 4rem;
+    background-color: $background;
+    color: white;
+    
+    a {
+        color: white;
+        text-decoration: none;
+    }
+    a:hover {
+        opacity: 0.8;
+        text-decoration: underline;
+    }
+}
+
+.landing-page .site-footer {
+    margin-top: 1rem;
+}
+
+// .site-footer__title {
+//     @extends .serif-font;
+// }
+
+.site-footer__title-recall {
+    width: 9em;
+    .site-footer__logo {
+        height: 100%;
+        width: 100%;
+    }
+}
+
+.site-footer__content {
+    display: flex;
+    justify-content: space-between;
+    padding-top: 1rem;
+    padding-bottom: 4rem;
+}
+
+.site-footer__links {
+    padding-top: 1rem;
+    .inline-menu-list {
+    }
+}
+
+
+.site-footer-socials {
+    margin: 0;
+    padding: 0;
+    margin-bottom: 1rem;
+    display: flex;
+    justify-content: flex-end;
+    list-style-type: none;
+    li {
+        margin-right: 1.5rem;
+    }
+    li:last-of-type {
+        margin-right: 0;
+    }
+
+    a {
+        display: flex;
+        align-items: center;
+        opacity: 0.8;
+        height: 100%;
+        cursor: pointer;
+    }
+    a:hover {
+        opacity: 1;
+    }
+
+    .site-footer-socials__logo {
+        width: 2rem;
+        height: 2rem;
+        fill: white;
+    }
+}
+
+@media (max-width: $sm-breakpoint) {
+    .site-footer__content {
+        display: flex;
+        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/gallery.scss

@@ -5,11 +5,21 @@
     grid-template-columns: repeat(12, 1fr);
     grid-column-gap: 1rem;
 }
+
 .gallery__side {
     grid-column-start: 1;
     grid-column-end: 3;
 }
 
+.gallery__side {
+    margin-bottom: .5rem;
+}
+
+.gallery-tags__title {
+
+
+}
+
 .gallery__items-container {
     grid-column-start: 3;
     grid-column-end: 13;
@@ -17,10 +27,11 @@
 
 .gallery__items {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
+    grid-template-columns: repeat(4, minmax(13rem, 1fr));
 
     grid-gap: 1rem;
 }
+
 .gallery__item {
     aspect-ratio: 1;
     // $size: 25rem;
@@ -41,8 +52,27 @@
     justify-content: space-between;
 }
 
+@media (max-width: $lg-breakpoint) {
+    // .gallery__items {
+    //     grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr))
+    // }
+}
+
 @media (max-width: $md-breakpoint) {
     .gallery {
-        display: block; 
+        display: block;
+    }
+    .gallery__items {
+        grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
+    }
+    .gallery__side {
+        margin-bottom: 1rem;
     }
 }
+
+@media (max-width: $xs-breakpoint) {
+    .gallery__items {
+        grid-template-columns: 1fr;
+    }
+}
+

assets/sass/general.scss

@@ -1,3 +1,271 @@
-body {
-font-family: sans-serif;
+@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: 400;
+    margin: 0;
+    font-size: 17px;
+    line-height: 1.5;
+}
+
+* {
+    box-sizing: border-box;
+}
+
+h1, h2, h3, .title {
+    font-family: 'Bona Nova', serif;
+}
+
+h1 {
+    font-size: 3rem;
+    color: $secondary;
+    margin-top: 3rem;
+    margin-bottom: 1rem;
+}
+
+h2 {
+    font-size: 1.75rem;
+    color: $secondary;
+}
+
+a {
+    color: darken($accent, 6%);
+}
+
+a:hover {
+    opacity: 0.8;
+}
+
+.w-100 {
+    width: 100px;
+}
+
+.w-200 {
+    width: 200px;
+}
+
+.h-100 {
+    height: 100%;
+}
+
+.mr-1 {
+    margin-right: 1rem;
+}
+
+img {
+    max-width: 100%;
+    object-fit: contain;
+}
+
+/**
+    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;
+        }
+    }
+}
+
+.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 {
+    }
+
+}
+
+.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;
+            }
+            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

@@ -1,4 +1,243 @@
-header {
-    background: #d35400;
-    margin-bottom: 1rem;
+$header-height: 6rem;
+
+.site-header {
+    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 {
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.inline-menu-list {
+    display: flex;
+    list-style-type: none;
+    padding: 0;
+    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;
+        text-decoration: none;
+    }
+    a:hover {
+        opacity: 0.8;
+        text-decoration: underline;
+    }
+}
+
+.site-header__title {
+    height: 100%;
+    width: auto;
+}
+
+.site-header__logo {
+    width: auto;
+    height: 100%;
+    transition: all 0.5s ease;
+}
+
+// .site-header__logo:hover {
+//     transform: scale3d(1, 1, 1);
+// }
+
+@media (max-width: $md-breakpoint) {
+    .site-header__title {
+        padding-right: 1rem;
+    }
+    .site-header__nav {
+        line-height: 2rem;
+    }
+}
+
+$burger-menu-size: 4rem;
+
+.burger-menu {
+    display: none;
+    height: $burger-menu-size;
+    width: $burger-menu-size;
+    position: relative;
+    bottom: -50%;
+    margin-right: 2em;
+    z-index: 200;
+
+    .checkbox {
+        display: none;
+    }
+
+    .burger-button {
+        position: absolute;
+        display: block;
+        min-width: initial;
+        background-color: white;
+        height: $burger-menu-size;
+        width: $burger-menu-size;
+        padding: 1rem 1rem;
+        border-radius: 50%;
+        box-shadow: 0 0rem ($burger-menu-size - 2rem) rgba(0, 0, 0, 0.5);
+        text-align: center; 
+        cursor: pointer;
+        z-index: 1200;
+        user-select: none;
+    }
+
+    .background {
+        position: absolute;
+        height: $burger-menu-size - 1rem;
+        width: $burger-menu-size - 1rem;
+        margin: .5rem;
+        border-radius: 50%;
+        background-image: radial-gradient($background, black);
+        transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1);
+        z-index: 1000;
+    }
+
+    .nav {
+        display: none;
+        opacity: 0;
+        position: fixed;
+        top: 8rem;
+        left: 4rem;
+        z-index: 1000;
+        // transition: all 0.8s;
+
+        justify-content: center;
+        align-items: center;
+
+        font-size: 2rem;
+    }
+
+    .nav ul {
+        list-style-type: none;
+        padding: 0;
+
+        li {
+            margin-bottom: 1.5rem;
+        }
+
+        li a {
+            text-transform: uppercase;
+            text-decoration: none;
+        }
+    }
+
+    /* functionality */
+    .checkbox:checked ~ .background {
+        transform: scale(41);
+    }
+
+    @keyframes navin {
+        0% {
+            opacity: 0;
+        }
+        50% {
+            opacity: 0;
+        }
+        100% {
+            opacity: 1;
+        }
+    }
+
+    .checkbox:checked ~ .nav {
+        display: flex;
+        opacity: 1;
+        // transition: opacity 0.8s ease-in-out;
+        animation: navin .5s ease-in-out;
+    }
+
+    /*  */
+    /* styling hamb ICON */
+    .icon {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+    }
+
+    .icon,
+    .icon::before,
+    .icon::after {
+        width: $burger-menu-size - 1.6rem;
+        height: 2px;
+        background-color: gray;
+        display: inline-block;
+    }
+
+    .icon::before,
+    .icon::after {
+        content: "";
+        position: absolute;
+        left: 0;
+        transition: all 0.2s;
+    }
+
+    .icon::before {
+        top: -0.8rem;
+    }
+    .icon::after {
+        top: 0.8rem;
+    }
+
+    .burger-button:hover icon:before {
+        top: -1rem;
+    }
+    .burger-button:hover icon::after {
+        top: 1rem;
+    }
+
+    .checkbox:checked + .burger-button {
+        z-index: 2000;
+    }
+
+    .checkbox:checked + .burger-button .icon {
+        background-color: transparent;
+    }
+
+    .checkbox:checked + .burger-button .icon::before {
+        top: 0;
+        transform: rotate(135deg);
+    }
+    .checkbox:checked + .burger-button .icon::after {
+        top: 0;
+        transform: rotate(-135deg);
+    }
+}
+
+
+@media (max-width: $md-breakpoint) {
+    // still not supported in firefox in 2023! I can't believe it
+    body:has(.checkbox:checked) {
+        overflow: hidden;
+    }
+    .desktop-nav {
+        display: none;
+    }
+    .burger-menu {
+        display: block;
+    }
+}
+

assets/sass/landing.scss

@@ -0,0 +1,440 @@
+.cover__container {
+    position: relative;
+    min-height: 40rem;
+}
+
+.cover__back {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position-x: 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 {
+    z-index: 10;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+}
+
+.cover__overlay {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    z-index: 2;
+    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;
+    }
+    100% {
+        left: 0;
+    }
+}
+
+.cover__title-container {
+    position: relative;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+    animation: cover_title_in 0.5s cubic-bezier(.39,.58,.57,1);
+    background-color: rgba(1, 1, 1, 0.5);
+}
+
+.cover__title {
+    font-weight: bold;
+    color: white;
+    font-size: 3em;
+    margin: 0;
+    margin-bottom: 0;
+    z-index: 2;
+    // position: absolute;
+    display: block;
+}
+
+.landing__title {
+    font-weight: 2rem;
+}
+
+.accent-separator {
+    width: 100%;
+    height: 0;
+    border-bottom: .3rem solid $accent;
+}
+
+@import 'landing/timeline.scss';
+
+@media (min-width: $lg-breakpoint) {
+    .cover__back {
+        background-position-x: center;
+        // background-position-y: -1.5rem;
+    }
+}
+
+.compare-section {
+    .compare-items {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        grid-column-gap: 1rem;
+        figure {
+            margin: 0;
+        }
+    }
+    .compare-item {
+        display: block;
+        margin-bottom: 1rem; 
+        img {
+            display: block;
+            width: 100%;
+            object-fit: contain;
+        }
+    }
+
+    @keyframes compare-anim {
+        0% {
+        }
+        100% {
+        }
+    }
+    .compare-items-dynamic {
+        .compare-duet {
+            border-radius: 4px;
+            overflow: hidden;
+            position: relative;
+
+            .compare-hidden {
+                position: absolute;
+                top: 0;
+                left: 0;
+                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 {
+                clip-path: inset(100% 100% 100% 100%);
+            }
+        }
+    }
+}
+
+@media (max-width: $sm-breakpoint) {
+    .compare-section {
+        .compare-items {
+            grid-template-columns: 1fr;
+        }
+    }
+}
+
+
+.history-summary {
+    display: grid;
+    grid-template-columns: 3fr 1fr;
+    grid-column-gap: 2rem;
+}
+
+.history-summary__image {
+    display: flex;
+    align-items: center;
+
+}
+
+.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/landing/timeline.scss

@@ -0,0 +1,83 @@
+.history-section {
+    // background-color: rgba(0.5, 0.5, 0.5, 1);
+}
+
+.timeline-section {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+}
+
+.timeline {
+    position: relative;
+
+    .timeline-list {
+        position: sticky;
+        z-index: 2;
+    }
+
+    .timeline-item {
+        display: grid;
+        grid-template-columns: 1fr 4fr;
+        padding-bottom: 1rem;
+    }
+    .timeline-item:last-of-type {
+        padding-bottom: 0;
+    }
+
+    .timeline-item__inner {
+        display: grid;
+
+        grid-template-columns: 1fr 1fr;
+    }
+
+    .timeline-item__point-container {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+    }
+
+    .timeline__point-container > div {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+    }
+
+    .timeline-item__dot-container {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .timeline-item__dot {
+        width: 2rem;
+        aspect-ratio: 1/1;
+        background: white;
+        border-radius: 50%;
+        border: .5rem solid red;
+        box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
+
+    }
+
+    .timeline-item__summary {
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+    }
+
+    .timeline-item.timeline-back-decoration {
+        z-index: 1;
+        position: absolute;
+        height: 100%;
+        width: 100%;
+        padding: 0;
+    }
+    .timeline-trace {
+        width: 1px;
+        height: 100%;
+        background: gray;
+    }
+}
+
+@media (min-width: $lg-breakpoint) {
+}
+

assets/sass/main.scss

@@ -1,10 +1,22 @@
-$lg-breakpoint: 1500px;
+$xl-breakpoint: 1800px;
+$lg-breakpoint: 1600px;
 $md-breakpoint: 1100px;
 $sm-breakpoint: 900px;
+$mobile-breakpoint: 450px;
 $xs-breakpoint: 400px;
 
-$primary: #ff00ff;
-$secondary: red;
+
+
+// #011F26
+// #A5A692
+// #BFB78F
+$background: #025E73; // primary
+$background-secondary: #7592A8;
+$secondary: #011F26;
+$tertiary: #A5A692;
+$accent: #F2A71B;
+$accent-dark: #A56F09;
+$hidden: #2C3E50;
 
 .pagination-nav {
     margin-top: 1em;
@@ -13,8 +25,31 @@ $secondary: red;
 }
 
 @import 'general.scss';
+@import 'button.scss';
 @import 'page_container.scss';
+@import 'figures.scss';
 @import 'header.scss';
+@import 'news.scss';
+@import 'landing.scss';
+@import 'article.scss';
 @import 'gallery.scss';
 @import 'single_image.scss';
+@import 'footer.scss';
+@import 'sections.scss';
+@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

@@ -0,0 +1,53 @@
+.news-list {
+    list-style-type: none;
+    padding: 0;
+}
+
+.news-item {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+    padding: 1rem 0rem;
+    margin-bottom: 1rem;
+    min-height: 10rem;
+
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-column-gap: 2rem;
+}
+
+.news-item__image {
+    width: 100%;
+    
+    figure {
+        margin: 0;
+        height: 100%;
+    }
+    img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+    }
+}
+
+.news-item__title {
+    margin-top: 0;
+}
+
+.news-item__date {
+    opacity: 0.8;
+    font-style: italic;
+}
+
+.news-item__summary {
+    font-size: .9rem;
+}
+
+@media (max-width: $sm-breakpoint) {
+    .news-item {
+        display: flex;
+        flex-direction: column;
+        padding-top: 0;
+    }
+    .news-item__content {
+        margin-top: 1rem;
+    }
+} 

assets/sass/page_container.scss

@@ -3,31 +3,60 @@
     margin: 0 auto;
 }
 
+.page-container-large {
+    width: 75%;
+    margin: 0 auto;
+}
+
+.page-full {
+    padding: 0 2rem;
+}
+
+@media (min-width: $xl-breakpoint) {
+    .page-container {
+        width: 50% !important;
+    }
+}
+
 @media (min-width: $lg-breakpoint) {
-  .page-container {
-    width: 58%;
-  }
+    .page-container {
+        width: 58%;
+    }
 }
 
 @media (min-width: $md-breakpoint) {
-  .page-container {
-    width: 65%;
-  }
+    .page-container {
+        width: 65%;
+    }
 }
 
 @media (max-width: $md-breakpoint) {
-  .page-container {
-    width: 75%;
-  }
+    .page-container {
+        width: 75%;
+    }
 }
 
 @media (max-width: $sm-breakpoint) {
-  .page-container {
-    width: 90%;
-  }
+    .page-container {
+        width: 100%;
+        padding-left: 2rem;
+        padding-right: 2rem;
+    }
+    .page-full {
+        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

@@ -0,0 +1,19 @@
+.section-menu {
+    border: 1px solid #eee;
+    list-style-type: none;
+    display: flex;
+
+    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/single_image.scss

@@ -26,6 +26,8 @@
     .single-image__property {
         display: flex;
         align-items: center;
+        margin-bottom: .2rem;
+        min-height: 2rem;
         div:first-of-type {
             margin-right: 1rem;
         }
@@ -37,22 +39,6 @@
         }
     }
     .single-image__tags {
-        ul {
-            margin: 0;
-            list-style-type: none;
-            display: flex;
-            padding: 0;
-            li {
-                border: 1px solid black;
-                border-radius: 3px;
-                margin-right: .3rem;
-                padding: .3rem;
-                font-size: .9rem;
-            }
-            li:last-of-type {
-                margin-right: 0;
-            }
-        }
     }
 
 }
@@ -68,3 +54,18 @@
     }
     
 }
+
+@media (max-width: $sm-breakpoint) {
+    .single-image {
+        .single-image__property {
+            display: block;
+        }
+    }
+
+}
+
+
+
+
+
+

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 */
+    }
+
+}