Compare commits
12 commits
master
...
temporar-b
| Author | SHA1 | Date | |
|---|---|---|---|
| aee1dca742 | |||
| e661406b27 | |||
| b52d3bd7f4 | |||
| fe8116dc09 | |||
| a319b029e7 | |||
| e31755c756 | |||
| 3f369618f6 | |||
| 001709ec00 | |||
| d803d49839 | |||
| d12259d4c0 | |||
| a03359d5f3 | |||
| 0c20c9f6e6 |
251 changed files with 606 additions and 5045 deletions
|
|
@ -1,64 +0,0 @@
|
||||||
# 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
|
|
||||||
|
|
||||||
|
|
||||||
12
README.md
12
README.md
|
|
@ -17,3 +17,15 @@
|
||||||
|
|
||||||
- galerie avec un scroll : https://staticbattery.com/ (on sera toujours obligé de faire de la navigation)
|
- 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
|
||||||
|
- [X] Ajouter des mentions légales
|
||||||
|
- [X] 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
11
TODO.md
|
|
@ -1,11 +0,0 @@
|
||||||
# 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.
|
Before Width: | Height: | Size: 2.8 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 259 KiB |
|
|
@ -1,96 +0,0 @@
|
||||||
<?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>
|
|
||||||
|
Before Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB |
|
|
@ -1,102 +0,0 @@
|
||||||
<?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>
|
|
||||||
|
Before Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 51 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 135 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 210 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 174 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 642 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 152 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 565 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 178 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 222 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 284 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
|
|
@ -1 +0,0 @@
|
||||||
<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>
|
|
||||||
|
Before Width: | Height: | Size: 522 B |
|
|
@ -1 +0,0 @@
|
||||||
<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>
|
|
||||||
|
Before Width: | Height: | Size: 654 B |
|
|
@ -1,37 +0,0 @@
|
||||||
<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>
|
|
||||||
|
Before Width: | Height: | Size: 2 KiB |
|
|
@ -1,4 +0,0 @@
|
||||||
<?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>
|
|
||||||
|
Before Width: | Height: | Size: 264 B |
|
|
@ -1,37 +1,3 @@
|
||||||
<svg
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||||
viewBox="0 0 500.88 499.97"
|
<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"/>
|
||||||
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>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 351 B |
|
|
@ -1,3 +1,4 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
<svg
|
<svg
|
||||||
viewBox="0 0 43.000001 43.5"
|
viewBox="0 0 43.000001 43.5"
|
||||||
version="1.1"
|
version="1.1"
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 3.1 KiB |
|
|
@ -1,5 +0,0 @@
|
||||||
<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>
|
|
||||||
|
Before Width: | Height: | Size: 1.9 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 38 KiB |
|
|
@ -1,7 +0,0 @@
|
||||||
<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>
|
|
||||||
|
Before Width: | Height: | Size: 349 B |
|
|
@ -1,214 +0,0 @@
|
||||||
<?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>
|
|
||||||
|
Before Width: | Height: | Size: 9.9 KiB |
|
|
@ -1,4 +0,0 @@
|
||||||
<?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>
|
|
||||||
|
Before Width: | Height: | Size: 784 B |
|
|
@ -1,14 +0,0 @@
|
||||||
<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>
|
|
||||||
|
Before Width: | Height: | Size: 755 B |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 164 KiB |
|
|
@ -1,43 +0,0 @@
|
||||||
<?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>
|
|
||||||
|
Before Width: | Height: | Size: 4 KiB |
|
|
@ -1,7 +0,0 @@
|
||||||
<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)
|
|
||||||
-->
|
|
||||||
|
Before Width: | Height: | Size: 737 B |
Binary file not shown.
|
Before Width: | Height: | Size: 6.5 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 296 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 294 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 72 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 12 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 16 KiB |
|
|
@ -1,227 +0,0 @@
|
||||||
.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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
.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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,150 +1,14 @@
|
||||||
// in the context of reading the article
|
|
||||||
.article__date {
|
.article__date {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.article__author {
|
|
||||||
text-align: right;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
.article__featured-image-container {
|
|
||||||
padding-top: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.article__featured-image {
|
.article__featured-image {
|
||||||
min-width: 80%;
|
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
img {
|
img {
|
||||||
max-height: 40vh;
|
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// card in list
|
.article {
|
||||||
.article-card {
|
|
||||||
display: flex;
|
|
||||||
background-color: rgba(0, 0, 0, 0.2);
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
|
|
||||||
.article__image {
|
|
||||||
display: block;
|
|
||||||
margin-right: 0rem;
|
|
||||||
overflow: hidden;
|
|
||||||
height: 210px;
|
|
||||||
width: 300px;
|
|
||||||
flex-grow: 0;
|
|
||||||
flex-shrink: 0;
|
|
||||||
img {
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
object-fit: cover;
|
|
||||||
transition: all 1s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
img:hover {
|
|
||||||
transform: scale(1.2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.article__title {
|
|
||||||
color: white;
|
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
margin-top: 1.5rem;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
a {
|
|
||||||
color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.article__meta {
|
|
||||||
margin-bottom: 0.2rem;
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
.article__bottom {
|
|
||||||
display: flex;
|
|
||||||
justify-content: end;
|
|
||||||
}
|
|
||||||
.article__content {
|
|
||||||
padding: 0rem 2rem;
|
|
||||||
padding-bottom: 0.2rem;
|
|
||||||
}
|
|
||||||
.article__readmore.link {
|
|
||||||
padding: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.prominent-article {
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr 1fr;
|
|
||||||
|
|
||||||
.article__image {
|
|
||||||
height: 100% !important;
|
|
||||||
min-height: 100% !important;
|
|
||||||
width: 500px;
|
|
||||||
margin-right: 0rem;
|
|
||||||
}
|
|
||||||
.article__content {
|
|
||||||
position: relative;
|
|
||||||
z-index: 2;
|
|
||||||
color: white;
|
|
||||||
padding: 2rem;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
.article__title {
|
|
||||||
margin-bottom: 1.5rem;
|
|
||||||
}
|
|
||||||
.article__meta {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
.article__summary {
|
|
||||||
padding-bottom: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
.article__background {
|
|
||||||
transform: scale(1.1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.less-prominent-articles {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
.right-floating-image {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@media (max-width: $sm-breakpoint) {
|
|
||||||
.prominent-article {
|
|
||||||
.article__title {
|
|
||||||
margin-top: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.article-card {
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
.article__image {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: $md-breakpoint) {
|
|
||||||
.article__featured-image {
|
|
||||||
margin: 0;
|
|
||||||
margin-top: 1rem;
|
|
||||||
img {
|
|
||||||
aspect-ratio: initial;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,8 +4,8 @@
|
||||||
background-color: $accent;
|
background-color: $accent;
|
||||||
color: white;
|
color: white;
|
||||||
padding: 1rem 2.5rem;
|
padding: 1rem 2.5rem;
|
||||||
|
font-weight: lighter;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-decoration: none;
|
|
||||||
user-select: none;
|
user-select: none;
|
||||||
min-width: 10rem;
|
min-width: 10rem;
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
|
|
@ -24,37 +24,3 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.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;
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -1,53 +1,6 @@
|
||||||
.card {
|
.card {
|
||||||
margin-top: 2rem;
|
padding: 1rem;
|
||||||
padding: 0.5rem;
|
|
||||||
border: 1px solid gray;
|
border: 1px solid gray;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
background-color: #ecf0f1;
|
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,365 +0,0 @@
|
||||||
// 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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,205 +0,0 @@
|
||||||
.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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,37 +0,0 @@
|
||||||
.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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -14,7 +14,7 @@ body {
|
||||||
|
|
||||||
.site-footer {
|
.site-footer {
|
||||||
border-top: .3rem solid $accent;
|
border-top: .3rem solid $accent;
|
||||||
margin-top: 4rem;
|
margin-top: 1rem;
|
||||||
background-color: $background;
|
background-color: $background;
|
||||||
color: white;
|
color: white;
|
||||||
|
|
||||||
|
|
@ -28,10 +28,6 @@ body {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.landing-page .site-footer {
|
|
||||||
margin-top: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
// .site-footer__title {
|
// .site-footer__title {
|
||||||
// @extends .serif-font;
|
// @extends .serif-font;
|
||||||
// }
|
// }
|
||||||
|
|
@ -85,39 +81,14 @@ body {
|
||||||
|
|
||||||
.site-footer-socials__logo {
|
.site-footer-socials__logo {
|
||||||
width: 2rem;
|
width: 2rem;
|
||||||
height: 2rem;
|
|
||||||
fill: white;
|
fill: white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: $sm-breakpoint) {
|
@media (max-width: $md-breakpoint) {
|
||||||
.site-footer__content {
|
.site-footer__content {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: start;
|
||||||
flex-direction: column;
|
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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,18 +1,18 @@
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Bona+Nova:wght@400;700&family=Roboto:wght@300;400;500&display=swap');
|
@import url('https://fonts.googleapis.com/css2?family=Bona+Nova:wght@400;700&family=Roboto&display=swap');
|
||||||
|
|
||||||
.serif-font {
|
.serif-font {
|
||||||
font-family: 'Bona Nova', serif;
|
font-family: 'Bona Nova', serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
// font-family: 'Trebuchet MS', Tahoma,sans-serif;
|
// font-family: 'Trebuchet MS', Tahoma,sans-serif;
|
||||||
// font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, 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: "Open Sans","Segoe UI",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||||
font-family: 'Roboto', sans-serif;
|
font-family: 'Roboto', sans-serif;
|
||||||
font-weight: 400;
|
font-weight: 300;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
line-height: 1.5;
|
line-height: 1.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
|
|
@ -43,229 +43,72 @@ a:hover {
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
}
|
}
|
||||||
|
|
||||||
.w-100 {
|
|
||||||
width: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.w-200 {
|
.secondary-bg {
|
||||||
width: 200px;
|
h2 {
|
||||||
}
|
color: white;
|
||||||
|
|
||||||
.h-100 {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mr-1 {
|
|
||||||
margin-right: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
object-fit: contain;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
General Layout
|
|
||||||
**/
|
|
||||||
.grid {
|
|
||||||
display: grid;
|
|
||||||
}
|
|
||||||
.grid-2 {
|
|
||||||
grid-template-columns: 1fr 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
.soft-flex {
|
|
||||||
display: flex;
|
|
||||||
gap: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.special-entract {
|
|
||||||
border: 1px solid $tertiary;
|
|
||||||
border-left: 1rem solid $tertiary;
|
|
||||||
padding: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wikipedia-btn {
|
|
||||||
margin-top: .5rem;
|
|
||||||
|
|
||||||
display: inline-flex;
|
|
||||||
justify-content: flex-start;
|
|
||||||
flex-direction: row;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
max-height: 10rem;
|
|
||||||
padding: 1.5rem;
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
||||||
// background: linear-gradient(to right, rgb(17, 17, 17), rgb(255, 255, 255));
|
|
||||||
background: rgba(255, 255, 255, 1);
|
|
||||||
color: black;
|
|
||||||
border-radius: 5px;
|
|
||||||
box-shadow: 0 0 .3rem rgba(0, 0, 0, 0.5);
|
|
||||||
|
|
||||||
.btn__icon {
|
|
||||||
width: 4rem;
|
|
||||||
margin-right: 2rem;
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.wikipedia-icon {
|
|
||||||
aspect-ratio: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn__icon {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon_inline {
|
|
||||||
width: 1rem;
|
|
||||||
height: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.double-figures {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr 1fr;
|
|
||||||
|
|
||||||
figure {
|
|
||||||
margin: 1rem;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
figcaption {
|
|
||||||
p { margin: 0;}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: $md-breakpoint) {
|
|
||||||
.double-figures {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.single-figure-container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.highlighted {
|
|
||||||
font-size: 2rem;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.geocaching-instructions {
|
|
||||||
.download-links {
|
|
||||||
img {
|
|
||||||
width: 100px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.end-action-container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
padding-bottom: 1.5rem;
|
|
||||||
padding-top: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.layout-two-spaced {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: 1.5rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: $md-breakpoint) {
|
|
||||||
.layout-two-spaced {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-twitter {
|
|
||||||
fill: lighten(#0C72B7, 20%) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-instagram {
|
|
||||||
fill: #FDB9D6 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-mastodon {
|
|
||||||
fill: lighten(#5C4CE2, 20%) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-youtube {
|
|
||||||
fill: lighten(#FF1A1A, 15%) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-facebook {
|
|
||||||
fill: lighten(#0866FF, 20%) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-with-side-menu {
|
|
||||||
// display: grid;
|
|
||||||
// grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
||||||
|
|
||||||
// margin: 0 auto;
|
|
||||||
// width: 85%;
|
|
||||||
|
|
||||||
// display: grid;
|
|
||||||
// grid-template-columns: 20rem 1fr;
|
|
||||||
// column-gap: 3rem;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.side-menu__container {
|
|
||||||
position: sticky;
|
|
||||||
top: 7rem;
|
|
||||||
left: 5rem;
|
|
||||||
width: 25rem;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
.side-menu {
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.sticky-nav {
|
|
||||||
position: sticky;
|
|
||||||
top: 7rem;
|
|
||||||
background: white;
|
|
||||||
border: 1px solid $background-secondary;
|
|
||||||
|
|
||||||
ul {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: stretch;
|
|
||||||
list-style-type: none;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
height: 100%;
|
|
||||||
li {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
border: 1px solid $background-secondary;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: black;
|
color: white;
|
||||||
text-decoration: none;
|
}
|
||||||
width: 100%;
|
color: white;
|
||||||
height: 100%;
|
|
||||||
padding: .5rem 1rem;
|
|
||||||
|
|
||||||
transition: 0.2s all;
|
.button {
|
||||||
}
|
background-color: $background-secondary;
|
||||||
a:hover {
|
color: white;
|
||||||
background-color: rgba(0, 0, 0, 0.2);
|
&:hover {
|
||||||
|
background-color: lighten($background-secondary, 14%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: $md-breakpoint) {
|
background-color: darken($background-secondary, 15%);
|
||||||
.sticky-nav {
|
|
||||||
ul {
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.separation-section {
|
||||||
|
margin-top: 3rem;
|
||||||
|
padding: 1.2rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.w-100 {
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.w-200 {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid {
|
||||||
|
display: grid;
|
||||||
|
}
|
||||||
|
.grid-2 {
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
}
|
||||||
|
.contact-form{
|
||||||
|
position:relative;
|
||||||
|
width:75%;
|
||||||
|
left:50%;
|
||||||
|
transform:translate(-50% , 0%);
|
||||||
|
border:2px black solid;
|
||||||
|
padding:2px;
|
||||||
|
display:flex;
|
||||||
|
flex-direction:column
|
||||||
|
}
|
||||||
|
.contact-form button{
|
||||||
|
background-color:green;
|
||||||
|
padding:5px;
|
||||||
|
color:white;
|
||||||
|
border-radius:2px;
|
||||||
|
}
|
||||||
|
.contact-form input {
|
||||||
|
width:100%;
|
||||||
|
border:black solid 1px;
|
||||||
|
color:black;
|
||||||
|
height:20px;
|
||||||
|
}
|
||||||
|
.contact-form textarea{
|
||||||
|
resize:vertical;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -4,11 +4,6 @@ $header-height: 6rem;
|
||||||
background: $background;
|
background: $background;
|
||||||
color: white;
|
color: white;
|
||||||
height: $header-height;
|
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 {
|
.site-header__content {
|
||||||
|
|
@ -25,20 +20,12 @@ $header-height: 6rem;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
li {
|
li {
|
||||||
margin-right: 1.5rem;
|
margin-right: 1.5rem;
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
}
|
||||||
li:last-of-type {
|
li:last-of-type {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.membership-header-button {
|
|
||||||
font-size: 1rem;
|
|
||||||
padding: .5rem 2rem;
|
|
||||||
min-width: initial;
|
|
||||||
}
|
|
||||||
|
|
||||||
.site-header__nav {
|
.site-header__nav {
|
||||||
a {
|
a {
|
||||||
color: white;
|
color: white;
|
||||||
|
|
@ -74,12 +61,11 @@ $header-height: 6rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
$burger-menu-size: 4rem;
|
|
||||||
|
|
||||||
.burger-menu {
|
.burger-menu {
|
||||||
display: none;
|
display: none;
|
||||||
height: $burger-menu-size;
|
height: 5rem;
|
||||||
width: $burger-menu-size;
|
width: 5rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
bottom: -50%;
|
bottom: -50%;
|
||||||
margin-right: 2em;
|
margin-right: 2em;
|
||||||
|
|
@ -94,11 +80,11 @@ $burger-menu-size: 4rem;
|
||||||
display: block;
|
display: block;
|
||||||
min-width: initial;
|
min-width: initial;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
height: $burger-menu-size;
|
height: 5rem;
|
||||||
width: $burger-menu-size;
|
width: 5rem;
|
||||||
padding: 1rem 1rem;
|
padding: 1rem 1rem;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
box-shadow: 0 0rem ($burger-menu-size - 2rem) rgba(0, 0, 0, 0.5);
|
box-shadow: 0 0rem 3.5rem rgba(0, 0, 0, 0.4);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
z-index: 1200;
|
z-index: 1200;
|
||||||
|
|
@ -107,8 +93,8 @@ $burger-menu-size: 4rem;
|
||||||
|
|
||||||
.background {
|
.background {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
height: $burger-menu-size - 1rem;
|
height: 4rem;
|
||||||
width: $burger-menu-size - 1rem;
|
width: 4rem;
|
||||||
margin: .5rem;
|
margin: .5rem;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background-image: radial-gradient($background, black);
|
background-image: radial-gradient($background, black);
|
||||||
|
|
@ -120,9 +106,11 @@ $burger-menu-size: 4rem;
|
||||||
display: none;
|
display: none;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 8rem;
|
top: 0;
|
||||||
left: 4rem;
|
left: 0;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
// transition: all 0.8s;
|
// transition: all 0.8s;
|
||||||
|
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
@ -134,6 +122,8 @@ $burger-menu-size: 4rem;
|
||||||
.nav ul {
|
.nav ul {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
position: relative;
|
||||||
|
left: -1rem;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
margin-bottom: 1.5rem;
|
margin-bottom: 1.5rem;
|
||||||
|
|
@ -164,9 +154,10 @@ $burger-menu-size: 4rem;
|
||||||
|
|
||||||
.checkbox:checked ~ .nav {
|
.checkbox:checked ~ .nav {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
// transition: opacity 0.8s ease-in-out;
|
// transition: opacity 0.8s ease-in-out;
|
||||||
animation: navin .5s ease-in-out;
|
animation: navin 1s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* */
|
/* */
|
||||||
|
|
@ -181,7 +172,7 @@ $burger-menu-size: 4rem;
|
||||||
.icon,
|
.icon,
|
||||||
.icon::before,
|
.icon::before,
|
||||||
.icon::after {
|
.icon::after {
|
||||||
width: $burger-menu-size - 1.6rem;
|
width: 3rem;
|
||||||
height: 2px;
|
height: 2px;
|
||||||
background-color: gray;
|
background-color: gray;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
.cover__container {
|
.cover__container {
|
||||||
|
margin-top: 1px;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 40rem;
|
min-height: 40rem;
|
||||||
}
|
}
|
||||||
|
|
@ -7,25 +8,11 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
overflow: hidden;
|
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position-x: center;
|
background-position-x: center;
|
||||||
background-position-y: 0;
|
background-position-y: center;
|
||||||
z-index: 1;
|
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 {
|
.cover__content {
|
||||||
|
|
@ -38,6 +25,8 @@
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.cover__overlay {
|
.cover__overlay {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -47,104 +36,6 @@
|
||||||
background-color: rgba(14, 14, 14, 0.2);
|
background-color: rgba(14, 14, 14, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark-section {
|
|
||||||
background-color: #025E73;
|
|
||||||
color: white;
|
|
||||||
box-shadow: inset 0px 0px 20px 10px rgba(0,0,0,0.2);
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.trailer-section {
|
|
||||||
@extend .dark-section;
|
|
||||||
|
|
||||||
.video {
|
|
||||||
z-index: 3;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.landing-section {
|
|
||||||
@extend .dark-section;
|
|
||||||
position: relative;
|
|
||||||
.side-icon {
|
|
||||||
position: absolute;
|
|
||||||
|
|
||||||
z-index: 1;
|
|
||||||
left: 20px;
|
|
||||||
bottom: -100px;
|
|
||||||
svg {
|
|
||||||
opacity: 0.3;
|
|
||||||
width: 300px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-title {
|
|
||||||
padding-top: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.landing-section__content {
|
|
||||||
z-index: 2;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-with-bg {
|
|
||||||
position: relative;
|
|
||||||
.section__bg {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100;
|
|
||||||
background-position-x: center;
|
|
||||||
background-size: cover;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.end-landing-section {
|
|
||||||
margin-top: 2rem;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
.section__content {
|
|
||||||
h2 {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
color: white;
|
|
||||||
|
|
||||||
background-color: rgba(darken($background, 10%), .4);
|
|
||||||
padding: 1.2rem 0;
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
.section__bg {
|
|
||||||
// avoir l'etoile dans le cadre sur desktop
|
|
||||||
background-position-y: 28%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.news-section {
|
|
||||||
.side-icon {
|
|
||||||
left: -50px;
|
|
||||||
bottom: -75px;
|
|
||||||
svg {
|
|
||||||
width: 500px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.separator {
|
|
||||||
width: 100%;
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
||||||
margin: 1rem 0;
|
|
||||||
}
|
|
||||||
.article-cards {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes cover_title_in {
|
@keyframes cover_title_in {
|
||||||
0% {
|
0% {
|
||||||
left: -10rem;
|
left: -10rem;
|
||||||
|
|
@ -173,6 +64,9 @@
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.cover__backdrop {
|
||||||
|
}
|
||||||
|
|
||||||
.landing__title {
|
.landing__title {
|
||||||
font-weight: 2rem;
|
font-weight: 2rem;
|
||||||
}
|
}
|
||||||
|
|
@ -188,10 +82,11 @@
|
||||||
@media (min-width: $lg-breakpoint) {
|
@media (min-width: $lg-breakpoint) {
|
||||||
.cover__back {
|
.cover__back {
|
||||||
background-position-x: center;
|
background-position-x: center;
|
||||||
// background-position-y: -1.5rem;
|
background-position-y: -1.5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.compare-section {
|
.compare-section {
|
||||||
.compare-items {
|
.compare-items {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|
@ -211,49 +106,8 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@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 {
|
.history-summary {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 3fr 1fr;
|
grid-template-columns: 3fr 1fr;
|
||||||
|
|
@ -267,174 +121,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.landing-main {
|
.landing-main {
|
||||||
overflow-x: hidden; // fix later
|
|
||||||
|
|
||||||
section:first-of-type {
|
|
||||||
border-top: 1px solid rgba(1, 1, 1, 0.2);
|
|
||||||
}
|
|
||||||
section {
|
section {
|
||||||
border-bottom: 1px solid rgba(1, 1, 1, 0.2);
|
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,6 @@ $xl-breakpoint: 1800px;
|
||||||
$lg-breakpoint: 1600px;
|
$lg-breakpoint: 1600px;
|
||||||
$md-breakpoint: 1100px;
|
$md-breakpoint: 1100px;
|
||||||
$sm-breakpoint: 900px;
|
$sm-breakpoint: 900px;
|
||||||
$mobile-breakpoint: 450px;
|
|
||||||
$xs-breakpoint: 400px;
|
$xs-breakpoint: 400px;
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -11,12 +10,10 @@ $xs-breakpoint: 400px;
|
||||||
// #A5A692
|
// #A5A692
|
||||||
// #BFB78F
|
// #BFB78F
|
||||||
$background: #025E73; // primary
|
$background: #025E73; // primary
|
||||||
$background-secondary: #7592A8;
|
$background-secondary: #BFB78F;
|
||||||
$secondary: #011F26;
|
$secondary: #011F26;
|
||||||
$tertiary: #A5A692;
|
$tertiary: #A5A692;
|
||||||
$accent: #F2A71B;
|
$accent: #F2A71B;
|
||||||
$accent-dark: #A56F09;
|
|
||||||
$hidden: #2C3E50;
|
|
||||||
|
|
||||||
.pagination-nav {
|
.pagination-nav {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
|
|
@ -27,7 +24,6 @@ $hidden: #2C3E50;
|
||||||
@import 'general.scss';
|
@import 'general.scss';
|
||||||
@import 'button.scss';
|
@import 'button.scss';
|
||||||
@import 'page_container.scss';
|
@import 'page_container.scss';
|
||||||
@import 'figures.scss';
|
|
||||||
@import 'header.scss';
|
@import 'header.scss';
|
||||||
@import 'news.scss';
|
@import 'news.scss';
|
||||||
@import 'landing.scss';
|
@import 'landing.scss';
|
||||||
|
|
@ -36,20 +32,8 @@ $hidden: #2C3E50;
|
||||||
@import 'single_image.scss';
|
@import 'single_image.scss';
|
||||||
@import 'footer.scss';
|
@import 'footer.scss';
|
||||||
@import 'sections.scss';
|
@import 'sections.scss';
|
||||||
@import 'carousel.scss';
|
|
||||||
@import 'countdown.scss';
|
|
||||||
@import 'adhesion.scss';
|
|
||||||
|
|
||||||
// components
|
// components
|
||||||
@import 'tags.scss';
|
@import 'tags.scss';
|
||||||
@import 'card.scss';
|
@import 'card.scss';
|
||||||
@import 'sliding_gallery.scss';
|
|
||||||
@import 'alert.scss';
|
|
||||||
|
|
||||||
.small-icon {
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
}
|
|
||||||
.youtube-icon {
|
|
||||||
fill: #FF0202;
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -4,13 +4,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.news-item {
|
.news-item {
|
||||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
border-bottom: 1px solid $background;
|
||||||
padding: 1rem 0rem;
|
padding: 1rem 0rem;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
min-height: 10rem;
|
|
||||||
|
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 33% 1fr;
|
||||||
grid-column-gap: 2rem;
|
grid-column-gap: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -41,7 +40,7 @@
|
||||||
font-size: .9rem;
|
font-size: .9rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: $sm-breakpoint) {
|
@media (max-width: $md-breakpoint) {
|
||||||
.news-item {
|
.news-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
|
||||||
|
|
@ -2,12 +2,6 @@
|
||||||
width: 80%;
|
width: 80%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-container-large {
|
|
||||||
width: 75%;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-full {
|
.page-full {
|
||||||
padding: 0 2rem;
|
padding: 0 2rem;
|
||||||
}
|
}
|
||||||
|
|
@ -39,24 +33,10 @@
|
||||||
@media (max-width: $sm-breakpoint) {
|
@media (max-width: $sm-breakpoint) {
|
||||||
.page-container {
|
.page-container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-left: 2rem;
|
padding: 0 .8rem;
|
||||||
padding-right: 2rem;
|
|
||||||
}
|
}
|
||||||
.page-full {
|
.page-full {
|
||||||
padding-left: 2rem;
|
padding: 0 .8rem;
|
||||||
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;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,19 +1,7 @@
|
||||||
.section-menu {
|
.section-menu {
|
||||||
border: 1px solid #eee;
|
border: 1px solid #eee;
|
||||||
|
padding: 1rem 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
display: flex;
|
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,29 +0,0 @@
|
||||||
.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 */
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
@ -1,96 +0,0 @@
|
||||||
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;
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
35
config.toml
35
config.toml
|
|
@ -3,45 +3,26 @@ languageCode = 'fr'
|
||||||
defaultContentLanguage = 'fr'
|
defaultContentLanguage = 'fr'
|
||||||
title = "L'Étoile de Bethléem"
|
title = "L'Étoile de Bethléem"
|
||||||
|
|
||||||
summaryLength = 22
|
summaryLength = 50
|
||||||
|
|
||||||
|
# THIS IS UNACCEPTALBE, I REALLY THOUGH THIS WAS THE DEFAULT IN HUGO!!
|
||||||
assetDir = "assets"
|
assetDir = "assets"
|
||||||
minifyOutput = false
|
|
||||||
enableGitInfo = true
|
|
||||||
|
|
||||||
[sitemap]
|
[sitemap]
|
||||||
changefreq = 'weekly'
|
changefreq = 'weekly'
|
||||||
|
|
||||||
[params]
|
[params]
|
||||||
dateFmt = "02.01.2006 15:04"
|
dateFmt = "02.01.2006 15:04"
|
||||||
ISO8601 = "2006-01-02T15:04:05-07:00"
|
|
||||||
|
|
||||||
[params.contact]
|
[params.defaultImage]
|
||||||
peertube = "https://peertube.iriseden.eu/c/etoiledebethleem/videos"
|
local = true
|
||||||
email = "contact@etoiledebethleem.fr"
|
src = "cover/cover.jpg"
|
||||||
website = "https://etoiledebethleem.fr"
|
|
||||||
helloasso = "https://www.helloasso.com/associations/l-etoile-de-bethleem-association-des-amis-de-la-chapelle-de-bethleem-d-aubevoye/"
|
|
||||||
helloasso_adhesion = "https://www.helloasso.com/associations/l-etoile-de-bethleem-association-des-amis-de-la-chapelle-de-bethleem-d-aubevoye/adhesions/adhesion-et-cotisation-a-l-association-l-etoile-de-bethleem-2025"
|
|
||||||
paper_adhesion = "https://fichiers.etoiledebethleem.fr/adhesions/2024-2025/bulletin_large.pdf"
|
|
||||||
|
|
||||||
[params.socials]
|
|
||||||
facebook = "https://www.facebook.com/groups/bethleemaubevoye"
|
|
||||||
instagram = "https://www.instagram.com/etoiledebethleem/"
|
|
||||||
twitter = "https://twitter.com/etoilebethleem"
|
|
||||||
youtube = "https://www.youtube.com/@letoiledebethleem27940"
|
|
||||||
mastodon = "https://attreno.fr/@etoiledebethleem"
|
|
||||||
peertube = "https://peertube.iriseden.eu/c/etoiledebethleem/videos"
|
|
||||||
|
|
||||||
[params.defaultImage]
|
|
||||||
local = true
|
|
||||||
src = "images/logo_medium.png"
|
|
||||||
|
|
||||||
[params.defaultCoverImage]
|
|
||||||
local = true
|
|
||||||
src = "images/cover_1.jpg"
|
|
||||||
|
|
||||||
[taxonomies]
|
[taxonomies]
|
||||||
imtag = 'imtags'
|
imtag = 'imtags'
|
||||||
|
|
||||||
|
# theme = "custom"
|
||||||
|
|
||||||
[markup]
|
[markup]
|
||||||
[markup.goldmark]
|
[markup.goldmark]
|
||||||
[markup.goldmark.renderer]
|
[markup.goldmark.renderer]
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,5 @@
|
||||||
---
|
---
|
||||||
title: Accueil
|
title: Accueil
|
||||||
description: "Association des amis de la chapelle d'Aubevoye en Normandie"
|
|
||||||
body_class: "landing-page"
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Reconstruisons pierre après pierre...
|
## Reconstruisons pierre après pierre...
|
||||||
|
|
|
||||||
|
|
@ -12,10 +12,6 @@ Association loi 1901.
|
||||||
- Responsable technique du site web : Matthieu Bessat
|
- Responsable technique du site web : Matthieu Bessat
|
||||||
- Siège : 7 allée des sources, Aubevoye, 27940 Le Val d'Hazey
|
- 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
|
## Hébergement
|
||||||
|
|
||||||
Ce site web est auto-hébergé.
|
Ce site web est auto-hébergé.
|
||||||
|
|
@ -36,6 +32,4 @@ 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).
|
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`
|
|
||||||
|
|
|
||||||
|
|
@ -1,61 +0,0 @@
|
||||||
---
|
|
||||||
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)*
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
---
|
|
||||||
title: Retour sur l'Épiphanie 2023
|
|
||||||
date: 2023-01-20
|
|
||||||
---
|
|
||||||
|
|
||||||
Visite des scouts SGDF de Louviers - Val de Reuil
|
|
||||||
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 101 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 324 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 310 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 281 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 342 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 296 KiB |
|
|
@ -1,16 +0,0 @@
|
||||||
---
|
|
||||||
title: Le 28 février dernier, la chapelle a reçu une visite !
|
|
||||||
date: 2023-03-18
|
|
||||||
featured_image:
|
|
||||||
src: images/entree_crypte.jpg
|
|
||||||
facebook_post: https://www.facebook.com/groups/bethleemaubevoye/posts/1705008656581969/
|
|
||||||
---
|
|
||||||
|
|
||||||
Dans le cadre d'une randonnée organisée pour explorer les alentours d'Aubevoye, une quarantaine de marcheurs du club "les 27 000 pattes" ont fait escale à la chapelle pour en apprendre l'histoire et visiter ce qu'il reste de celle-ci et de sa crypte.
|
|
||||||
|
|
||||||
Accueillis par Matthieu et Jean-Pierre, ils ont eu l'occasion de visiter par eux-mêmes ces lieux chargés d'Histoire, pénétrant par petits groupes dans la crypte. Ils ont pu en apprécier l'architecture et les détails qui rendent ce monument si important et unique en France.
|
|
||||||
|
|
||||||
Cette visite s'inscrit dans l'objectif d'ouvrir régulièrement la chapelle aux visites pour susciter l’intérêt au delà de notre commune.
|
|
||||||
|
|
||||||
Pour en savoir plus sur le club : [Les 27 milles pattes](https://www.27millepattes.com/)
|
|
||||||
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 330 KiB |
|
|
@ -1,8 +0,0 @@
|
||||||
---
|
|
||||||
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.
|
Before Width: | Height: | Size: 184 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 302 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 335 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 151 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 114 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 486 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 302 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 257 KiB |
|
|
@ -1,20 +0,0 @@
|
||||||
---
|
|
||||||
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.
|
Before Width: | Height: | Size: 184 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 148 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 280 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 142 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 87 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 494 KiB |
|
|
@ -1,23 +0,0 @@
|
||||||
---
|
|
||||||
title: Travaux bénévole dans la crypte
|
|
||||||
date: 2023-11-11
|
|
||||||
featured_image:
|
|
||||||
src: compo.jpg
|
|
||||||
---
|
|
||||||
|
|
||||||
Hier, malgré un temps bien normand, 6 bénévoles se sont retroussés les manches 💪🏻 pour déblayer les gravats qui encombraient notre belle chapelle ⛪️
|
|
||||||
|
|
||||||
Au programme :
|
|
||||||
|
|
||||||
- Crypte entièrement nettoyées et débris de sculptures rassemblés et conservés sous La Croix. ✝️
|
|
||||||
- Accès à l’escalier intérieur complètement dégagé ainsi qu’une partie de l’escalier extérieur entre La Chapelle et la maison du vigneron. 🍇
|
|
||||||
|
|
||||||
Bravo à eux d’avoir affronté la pluie. 🌧️👏🏻
|
|
||||||
|
|
||||||
Petit à petit La Chapelle retrouve de sa splendeur.
|
|
||||||
|
|
||||||
Le chemin est encore long mais « la persévérance vient à bout de tout » 🫶🏻
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue