Compare commits

...

116 commits

Author SHA1 Message Date
Matthieu Bessat baf062f682 fix(adhesions): update years to 2024-2025
All checks were successful
Deploy workflow / deploy (push) Successful in 32s
2024-10-11 20:30:23 +02:00
Matthieu Bessat 5987884992 ci: upgrade hugo version to 0.133.1
All checks were successful
Deploy workflow / deploy (push) Successful in 32s
2024-10-04 20:24:15 +02:00
Matthieu Bessat 0795b43e61 chore: update paper adhesion to the 2025 form with big image in pdf
Some checks failed
Deploy workflow / deploy (push) Failing after 24s
2024-10-02 13:55:17 +02:00
Matthieu Bessat c133c99d73 Merge branch 'master' into develop
Some checks failed
Deploy workflow / deploy (push) Failing after 21s
2024-09-15 22:53:38 +02:00
Matthieu Bessat 5d3aaafe35 fix(meta): opengraph, json-ld and gitinfo
Some checks failed
Deploy workflow / deploy (push) Failing after 22s
2024-09-15 22:53:04 +02:00
Matthieu Bessat eac78b1acf fix: typo in link
All checks were successful
Deploy workflow / deploy (push) Successful in 33s
2024-09-15 21:14:30 +02:00
Matthieu Bessat 3a5f880d09 fix: typo in link
All checks were successful
Deploy workflow / deploy (push) Successful in 32s
2024-09-15 21:13:25 +02:00
mbess 2a599fb1b2 Merge pull request 'develop' (#15) from develop into master
All checks were successful
Deploy workflow / deploy (push) Successful in 32s
Reviewed-on: #15
2024-09-15 16:41:13 +00:00
mbess 02a9b14c13 Merge branch 'master' into develop
All checks were successful
Deploy workflow / deploy (push) Successful in 32s
2024-09-15 16:40:44 +00:00
Matthieu Bessat 4ca844d2fb docs(actualites): MAJ
All checks were successful
Deploy workflow / deploy (push) Successful in 32s
2024-09-15 18:31:59 +02:00
Matthieu Bessat 92e391ae1c feat(actualites): allow cover images in articles 2024-09-15 18:26:14 +02:00
Matthieu Bessat de71802475 docs(actualites): MAJ
All checks were successful
Deploy workflow / deploy (push) Successful in 32s
2024-09-15 18:06:54 +02:00
Matthieu Bessat cf398aeb66 refactor: cleanup
All checks were successful
Deploy workflow / deploy (push) Successful in 33s
2024-09-15 18:04:38 +02:00
Matthieu Bessat 79bbc48575 docs: ajout accès chapelle et ouvertures publiques
Some checks failed
Deploy workflow / deploy (push) Has been cancelled
2024-09-15 18:04:28 +02:00
mbess 3abaecc66c Merge pull request 'docs(actualites): add JEP event 2024' (#14) from develop into master
All checks were successful
Deploy workflow / deploy (push) Successful in 33s
Reviewed-on: #14
2024-09-14 20:25:39 +00:00
Matthieu Bessat 9b4c9fe07b docs(actualites): add JEP event 2024
All checks were successful
Deploy workflow / deploy (push) Successful in 32s
2024-09-14 20:46:40 +02:00
Matthieu Bessat a106346db2 fix(landing): using youtube embed for now, our peertube instance peertube.iriseden.eu is broken
All checks were successful
Deploy workflow / deploy (push) Successful in 32s
2024-06-03 14:03:37 +02:00
Matthieu Bessat c3178fed85 fix: card
All checks were successful
Deploy workflow / deploy (push) Successful in 33s
2024-05-18 15:42:55 +02:00
Matthieu Bessat bd8455770c feat(geocaching): vitrail St-Helene à l'église St-Georges
All checks were successful
Deploy workflow / deploy (push) Successful in 33s
2024-05-18 15:27:59 +02:00
Matthieu Bessat ddb9c90de8 fix: card style fix and content fix on geocaching
All checks were successful
Deploy workflow / deploy (push) Successful in 33s
2024-05-18 15:11:14 +02:00
Matthieu Bessat 975203a718 feat(shortcodes): external card link (youtube)
All checks were successful
Deploy workflow / deploy (push) Successful in 34s
2024-05-18 15:06:08 +02:00
Matthieu Bessat 89e6e5f8db fix: resize og:image
All checks were successful
Deploy workflow / deploy (push) Successful in 36s
2024-05-07 19:02:32 +02:00
Matthieu Bessat 5171bcfdf2 feat(shortcode): figure and figures flex box
All checks were successful
Deploy workflow / deploy (push) Successful in 33s
2024-05-07 18:17:24 +02:00
Matthieu Bessat 607b576cb7 docs(article): travaux aumonerie 2024-04 2024-05-07 18:16:50 +02:00
Matthieu Bessat ac68014559 fix: metas and opengraph
All checks were successful
Deploy workflow / deploy (push) Successful in 35s
2024-04-02 10:41:44 +02:00
Matthieu Bessat ae2accd6db fix: add alt to image in articles
All checks were successful
Deploy workflow / deploy (push) Successful in 29s
2024-03-31 17:55:04 +02:00
Matthieu Bessat 54c21c047d feat(actualites): ajout article paques 2024 2024-03-31 17:54:38 +02:00
Matthieu Bessat d0a8f33411 fix(footer): socials logos
All checks were successful
Deploy workflow / deploy (push) Successful in 29s
2024-03-25 00:46:06 +01:00
Matthieu Bessat c41b378fdc ci: base URL fix
All checks were successful
Deploy workflow / deploy (push) Successful in 38s
2024-03-25 00:38:52 +01:00
Matthieu Bessat 797a468ac9 feat(footer): add instagram link
All checks were successful
Deploy workflow / deploy (push) Successful in 36s
2024-03-25 00:38:07 +01:00
mbess edbf63aa26 Merge pull request 'Ajout article AG 2024' (#13) from develop into master
All checks were successful
Deploy workflow / deploy (push) Successful in 29s
Reviewed-on: #13
2024-03-18 19:44:23 +00:00
Matthieu Bessat a816415f4d docs(actualites): retour sur l'AG 2024
All checks were successful
Deploy workflow / deploy (push) Successful in 29s
2024-03-18 19:43:21 +00:00
Matthieu Bessat ac4f88b4d9 refactor: simplify articles slug and add article 2024-03-18 19:43:21 +00:00
mbess 27c6ad5f02 Merge pull request 'v1 du site' (#12) from develop into master
All checks were successful
Deploy workflow / deploy (push) Successful in 37s
Reviewed-on: #12
2024-03-16 09:23:26 +00:00
Matthieu Bessat 388c4ed11e fix(mobile): add workaround on chrome
All checks were successful
Deploy workflow / deploy (push) Successful in 29s
2024-03-16 01:34:56 +01:00
Matthieu Bessat 43768183de docs: work on news articles
All checks were successful
Deploy workflow / deploy (push) Successful in 28s
2024-03-16 01:02:06 +01:00
Matthieu Bessat 9c09f51ecc fix(articles): image
All checks were successful
Deploy workflow / deploy (push) Successful in 28s
2024-03-15 23:37:09 +01:00
Matthieu Bessat 03e24bb46a fix(articles): fix style 2024-03-15 23:27:14 +01:00
Matthieu Bessat 9946d619ff fix(menu): don't disable overflow when menu open
All checks were successful
Deploy workflow / deploy (push) Successful in 29s
2024-03-15 22:46:42 +01:00
Matthieu Bessat 2860b6cbbf fix(menu): fixed size of mobile menu
All checks were successful
Deploy workflow / deploy (push) Successful in 27s
2024-03-15 17:18:29 +01:00
Matthieu Bessat 819b31b294 feat(footer): add newsletter link
All checks were successful
Deploy workflow / deploy (push) Successful in 28s
2024-03-15 17:12:54 +01:00
Matthieu Bessat 6ba5bb0cf7 fix(menu): dynamic overflow hidden on documentElement
All checks were successful
Deploy workflow / deploy (push) Successful in 29s
2024-03-15 11:29:39 +01:00
Matthieu Bessat 036c11ef5c feat(images): display date + add date to an image
All checks were successful
Deploy workflow / deploy (push) Successful in 28s
2024-03-15 11:14:50 +01:00
Matthieu Bessat 0d130debc9 fix: remove risky statement, add description 2024-03-15 11:14:30 +01:00
mbess 6220f79b40 Merge pull request 'feat(news): add post about the febuary 2023 hikers visit' (#8) from fb_add_article_visite_fev_2023 into develop
All checks were successful
Deploy workflow / deploy (push) Successful in 28s
Reviewed-on: #8
2024-03-15 08:36:24 +00:00
Matthieu Bessat 0d59089703 feat(news): add post about the febuary 2023 hikers visit 2024-03-15 09:35:59 +01:00
Matthieu Bessat 75562ed341 docs: reorganize articles + date in slug
All checks were successful
Deploy workflow / deploy (push) Successful in 30s
2024-03-15 08:48:16 +01:00
Matthieu Bessat f01da2fe95 fix: doc title 2024-03-15 08:32:11 +01:00
Matthieu Bessat fc9627506f fix: various style and content fixes
All checks were successful
Deploy workflow / deploy (push) Successful in 28s
2024-03-12 15:18:14 +01:00
Matthieu Bessat 609ae6704d feat(actualites): ajout hommage Phillipe Hachet
All checks were successful
Deploy workflow / deploy (push) Successful in 30s
2024-03-12 15:12:14 +01:00
Matthieu Bessat 9a3e6e17e7 docs(association): activités
All checks were successful
Deploy workflow / deploy (push) Successful in 27s
2024-03-11 09:42:48 +01:00
Matthieu Bessat d5d419c59e docs: TODO
All checks were successful
Deploy workflow / deploy (push) Successful in 28s
2024-03-11 07:49:21 +01:00
Matthieu Bessat 68914463d0 fix(header): fixed position mobile nav 2024-03-11 07:49:04 +01:00
Matthieu Bessat 295fd308e4 ci: add base_url
All checks were successful
Deploy workflow / deploy (push) Successful in 28s
2024-03-10 23:54:21 +01:00
Matthieu Bessat bed9fbb8fe fix: don't minify output
All checks were successful
Deploy workflow / deploy (push) Successful in 27s
2024-03-10 23:39:19 +01:00
Matthieu Bessat e80bf6ad74 feat(footer): add RSS link 2024-03-10 23:38:32 +01:00
Matthieu Bessat dc82b8b4c0 fix(association): sections menu 2024-03-10 23:38:23 +01:00
Matthieu Bessat 110539843c feat(actualites): add marche noel 2023
All checks were successful
Deploy workflow / deploy (push) Successful in 27s
2024-03-10 18:54:16 +01:00
Matthieu Bessat bbd3095727 ci: test deploy job
All checks were successful
Deploy workflow / deploy (push) Successful in 33s
2024-03-10 18:44:39 +01:00
Matthieu Bessat e7509a9225 ci: deploy job 2024-03-10 17:46:44 +01:00
Matthieu Bessat 8324974b98 fix: sticky content nav, news list, adhesions 2024-03-10 17:33:41 +01:00
Matthieu Bessat aa8564f60a feat(actualites): add content 2024-03-10 17:32:33 +01:00
Matthieu Bessat 2684df6098 fix: history index 2024-03-09 15:11:12 +01:00
Matthieu Bessat de3741e7f7 fix: typo 2024-03-09 15:02:43 +01:00
Matthieu Bessat e6d0ebe7d5 fix: add missing socials links 2024-03-09 14:26:35 +01:00
Matthieu Bessat d98bb13411 fix(landing): various style corrections and add credit 2024-03-09 14:25:14 +01:00
Matthieu Bessat 1e09fe04f4 fix: typos 2024-03-07 23:00:42 +01:00
Matthieu Bessat 010bf07f2b fix(landing): minor style change 2024-03-07 23:00:26 +01:00
Matthieu Bessat e4574886bb feat: nouvelle orga et section documentation 2024-03-06 09:15:22 +01:00
Matthieu Bessat 64c9c00ec8 feat: new adhesion page 2024-03-06 09:14:30 +01:00
Matthieu Bessat b7c6df59ed fix: minor style fix 2024-03-06 09:08:56 +01:00
Matthieu Bessat a6a9adf673 fix(actualites): image size 2024-03-06 09:08:16 +01:00
Matthieu Bessat 17069c2d37 feat(actualites): add invitation article 2024-03-06 09:07:51 +01:00
Matthieu Bessat 43bef544ec fix: landing and header 2024-03-03 12:50:58 +01:00
Matthieu Bessat 1ede788f99 fix(landing): opacity 2024-02-26 16:45:51 +01:00
Matthieu Bessat be87bec172 fix: typo 2024-02-26 16:45:45 +01:00
Matthieu Bessat b4334be666 fix(landing): background icons 2024-02-26 16:44:34 +01:00
Matthieu Bessat 5775e12e0b feat(landing): trailer and articles section 2024-02-26 16:32:12 +01:00
Matthieu Bessat 6bdabb8fdf feat(landing): a little better landing 2024-01-11 08:56:39 +01:00
Matthieu Bessat 8cd4d0fd39 fix(carousel): responsive carousel 2024-01-11 08:56:12 +01:00
Matthieu Bessat 2277259859 fix(carousel): z-index issue in navigation pointers 2024-01-11 08:32:38 +01:00
Matthieu Bessat 9f4db699bc feat(landing): buttons 2024-01-10 19:07:03 +01:00
Matthieu Bessat 4dfa2b3633 feat(landing): complete history carousel slides 2024-01-10 18:47:08 +01:00
Matthieu Bessat 7c6a26126f feat(carousel): javascript addon to manage slides navigation 2024-01-10 18:46:37 +01:00
Matthieu Bessat 98a1177232 fix: instructions for organicmaps 2023-09-24 14:26:25 +02:00
Matthieu Bessat 3de73dc2ff fix(geocaching): typos and captions 2023-09-23 22:35:52 +02:00
Matthieu Bessat e07a1bb092 feat(geocaching): images and text
feat(shortcode): introduction of fig-img shortcode
2023-09-21 23:19:37 +02:00
Matthieu Bessat 16f6070b7c refactor: move geocaching 2023-09-15 15:05:58 +02:00
Matthieu Bessat 47bef6fc64 chore: update logos, add sizes 2023-09-15 15:01:26 +02:00
Matthieu Bessat 9a3b414e76 feat(geocaching): add initial page for 2023
feat(sliding_gallery): add horizontal scrolling gallery component
2023-09-15 14:59:48 +02:00
Matthieu Bessat b779f59e70 chore: update version of membership paper form 2023-09-08 22:25:43 +02:00
Matthieu Bessat 4bd4a5fc4f fix: sub section style 2023-07-14 15:24:55 +02:00
Matthieu Bessat 987555c944 fix(adhesion): play icon cover 2023-07-14 15:24:20 +02:00
Matthieu Bessat 57d077438b fix(adhesion): height flow 2023-07-14 12:20:15 +02:00
Matthieu Bessat be64ca4110 feat(adhesion): tmp adhesion 2023-07-14 11:57:56 +02:00
Matthieu Bessat 16aa9bd4bb feat(countdown): redirect to /adhesion at the end 2023-07-14 11:31:40 +02:00
Matthieu Bessat 741ba5c10e fix(images): use the right resource loader function and others things 2023-07-10 17:44:29 +02:00
Matthieu Bessat 303b5f04ab fix(meta): fix quote 2023-07-10 17:02:28 +02:00
Matthieu Bessat eecc11878e feat: add favicons 2023-07-10 13:01:05 +02:00
Matthieu Bessat 35c5977f47 fix(countdown): placement on mobile 2023-07-07 14:42:38 +02:00
Matthieu Bessat dc43bf9a8b fix: google font url 2023-07-06 22:54:55 +02:00
Matthieu Bessat a7e94d442c fix(countdown): add title 2023-07-06 22:53:23 +02:00
mbess 777cee3c44 Merge pull request 'Landing page + countdown' (#11) from fb_initial_landing_page into master
Reviewed-on: #11
2023-07-06 16:36:36 -04:00
Matthieu Bessat ab7f67d4ba feat(landing): add landing video 2023-07-06 22:35:09 +02:00
Matthieu Bessat cea3b2f98b feat(countdown): add countdown page 2023-07-06 22:21:40 +02:00
Matthieu Bessat 1cdbe6ad13 fix(partner): quote update 2023-07-05 14:32:19 +02:00
Matthieu Bessat bf7e64d98d feat(landing): add history slides 2023-07-05 14:31:16 +02:00
Matthieu Bessat c4937bd0d1 feat(landing): merge into main landing 2023-06-25 19:51:20 +02:00
Matthieu Bessat 7f669cdd77 fix: change font weight 2023-06-23 23:20:22 +02:00
Matthieu Bessat bbef275b3d feat(landing): add partners carousel 2023-06-23 23:19:30 +02:00
Matthieu Bessat c890ac388e fix(carousel): with templating generation 2023-06-20 23:52:45 +02:00
Matthieu Bessat 8def047d77 feat: add logos and partner logos 2023-06-20 15:18:11 +02:00
Matthieu Bessat 2feeb04a14 feat(landing): add prominent article and carousel sections 2023-06-20 15:17:21 +02:00
Matthieu Bessat abfd55d14e fix(landing/compare): leave hover animation 2023-06-19 00:20:33 +02:00
Gzod01 2ee7f2732a Merge pull request 'feat: compare animation' (#2) from fb_initial_landing_page into master
Reviewed-on: #2
2023-05-27 17:43:34 +02:00
Matthieu Bessat 3b7d7f2a62 feat: compare animation 2023-05-27 17:28:51 +02:00
249 changed files with 5039 additions and 574 deletions

View file

@ -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

View file

@ -17,15 +17,3 @@
- galerie avec un scroll : https://staticbattery.com/ (on sera toujours obligé de faire de la navigation)
## TODO
- [X] Ajout statuts et PV assemblé constitutive
- [ ] Refaire les liens dans la page de l'association
- [ ] Ajouter des mentions légales
- [ ] Ajouter liens vers repo de la forge
- [ ] Ajouts d'autres documents et photos
- [ ] Meilleur thème
- [ ] Meilleur home page
- [ ] Ajout du reste d'actus de la page fb
- [ ] Ajouter les pdfs directement dans git. (eh oui git c'est meme pour les gros fichiers^^)

11
TODO.md Normal file
View file

@ -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é

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 259 KiB

View file

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

View file

@ -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>

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

View file

@ -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>

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

View file

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 135 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 210 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 174 KiB

View file

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

View file

Before

Width:  |  Height:  |  Size: 642 KiB

After

Width:  |  Height:  |  Size: 642 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 152 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 565 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 178 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 MiB

BIN
assets/images/cover_1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 222 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 284 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

View file

@ -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>

After

Width:  |  Height:  |  Size: 522 B

View file

@ -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>

After

Width:  |  Height:  |  Size: 654 B

View file

@ -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>

After

Width:  |  Height:  |  Size: 2 KiB

View file

@ -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>

After

Width:  |  Height:  |  Size: 264 B

View file

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

Before

Width:  |  Height:  |  Size: 351 B

After

Width:  |  Height:  |  Size: 1.6 KiB

View file

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

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

View file

@ -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>

After

Width:  |  Height:  |  Size: 1.9 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 38 KiB

View file

@ -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>

After

Width:  |  Height:  |  Size: 349 B

View file

@ -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>

After

Width:  |  Height:  |  Size: 9.9 KiB

View file

@ -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>

After

Width:  |  Height:  |  Size: 784 B

View file

@ -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>

After

Width:  |  Height:  |  Size: 755 B

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 164 KiB

View file

@ -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>

After

Width:  |  Height:  |  Size: 4 KiB

View file

@ -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)
-->

After

Width:  |  Height:  |  Size: 737 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 296 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 294 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 72 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 12 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 16 KiB

227
assets/sass/adhesion.scss Normal file
View file

@ -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;
}
}
}

22
assets/sass/alert.scss Normal file
View file

@ -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;
}
}
}

View file

@ -1,14 +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;
}
}
.article {
.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;
}
}
}

View file

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

View file

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

365
assets/sass/carousel.scss Normal file
View file

@ -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;
}
}
}

205
assets/sass/countdown.scss Normal file
View file

@ -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;
}
}
}

37
assets/sass/figures.scss Normal file
View file

@ -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;
}
}

View file

@ -14,7 +14,7 @@ body {
.site-footer {
border-top: .3rem solid $accent;
margin-top: 1rem;
margin-top: 4rem;
background-color: $background;
color: white;
@ -28,6 +28,10 @@ body {
}
}
.landing-page .site-footer {
margin-top: 1rem;
}
// .site-footer__title {
// @extends .serif-font;
// }
@ -81,14 +85,39 @@ body {
.site-footer-socials__logo {
width: 2rem;
height: 2rem;
fill: white;
}
}
@media (max-width: $md-breakpoint) {
@media (max-width: $sm-breakpoint) {
.site-footer__content {
display: flex;
justify-content: start;
justify-content: center;
flex-direction: column;
align-items: center;
}
.site-footer__title-recall {
text-align: center;
}
.site-footer-socials {
justify-content: center;
margin-bottom: 2rem;
flex-wrap: wrap;
padding: 0 .5rem;
li {
margin-bottom: 1rem;
}
}
.inline-menu-list {
display: block;
text-align: center;
li {
margin-right: 0;
}
}
}

View file

@ -1,18 +1,18 @@
@import url('https://fonts.googleapis.com/css2?family=Bona+Nova:wght@400;700&family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bona+Nova:wght@400;700&family=Roboto:wght@300;400;500&display=swap');
.serif-font {
font-family: 'Bona Nova', serif;
}
font-family: 'Bona Nova', serif;
}
body {
// font-family: 'Trebuchet MS', Tahoma,sans-serif;
// font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
// font-family: "Open Sans","Segoe UI",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-weight: 400;
margin: 0;
font-size: 17px;
line-height: 1.6;
line-height: 1.5;
}
* {
@ -43,47 +43,229 @@ a:hover {
opacity: 0.8;
}
.w-100 {
width: 100px;
}
.secondary-bg {
h2 {
color: white;
}
a {
color: white;
}
color: white;
.w-200 {
width: 200px;
}
.button {
background-color: $background-secondary;
color: white;
&:hover {
background-color: lighten($background-secondary, 14%);
}
}
.h-100 {
height: 100%;
}
background-color: darken($background-secondary, 15%);
}
.mr-1 {
margin-right: 1rem;
}
.separation-section {
margin-top: 3rem;
padding: 1.2rem 0;
}
img {
max-width: 100%;
object-fit: contain;
}
.w-100 {
width: 100px;
}
/**
General Layout
**/
.grid {
display: grid;
}
.grid-2 {
grid-template-columns: 1fr 1fr;
}
.w-200 {
width: 200px;
}
.soft-flex {
display: flex;
gap: 2rem;
}
img {
max-width: 100%;
}
.special-entract {
border: 1px solid $tertiary;
border-left: 1rem solid $tertiary;
padding: 1rem;
}
.grid {
display: grid;
}
.grid-2 {
grid-template-columns: 1fr 1fr;
}
.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;
}
}
}

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -1,5 +1,7 @@
---
title: Accueil
description: "Association des amis de la chapelle d'Aubevoye en Normandie"
body_class: "landing-page"
---
## Reconstruisons pierre après pierre...

View file

@ -12,6 +12,10 @@ Association loi 1901.
- Responsable technique du site web : Matthieu Bessat
- Siège : 7 allée des sources, Aubevoye, 27940 Le Val d'Hazey
## Crédits
- Page d'accueil : Photo de la chapelle vue du ciel, photographiée par [Francis Cormon](https://web.archive.org/web/20230314054530/http://www.photo-paramoteur.com/) depuis un paramoteur en 2008.
## Hébergement
Ce site web est auto-hébergé.
@ -32,4 +36,6 @@ Pour les curieux, ce site est réalisé avec [Hugo](https://gohugo.io/).
Vous pouvez trouver [le code source de ce site web sur ce dépot en ligne](https://forge.lefuturiste.fr/etoiledebethleem/website).
## Version
Version du site : `v1.0.2`

View file

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

View file

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

View file

Before

Width:  |  Height:  |  Size: 8.6 MiB

After

Width:  |  Height:  |  Size: 8.6 MiB

View file

Before

Width:  |  Height:  |  Size: 642 KiB

After

Width:  |  Height:  |  Size: 642 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 642 KiB

View file

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

View file

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 101 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 324 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 310 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 281 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 342 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 296 KiB

View file

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 330 KiB

View file

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 184 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 302 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 335 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 151 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 114 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 486 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 302 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 257 KiB

View file

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 184 KiB

Some files were not shown because too many files have changed in this diff Show more