feat(landing): timeline, comparaison
This commit is contained in:
parent
098f66df0e
commit
79b32519d5
25 changed files with 632 additions and 20 deletions
BIN
assets/fonts/Bona_Nova/BonaNova-Bold.ttf
Normal file
BIN
assets/fonts/Bona_Nova/BonaNova-Bold.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Bona_Nova/BonaNova-Italic.ttf
Normal file
BIN
assets/fonts/Bona_Nova/BonaNova-Italic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Bona_Nova/BonaNova-Regular.ttf
Normal file
BIN
assets/fonts/Bona_Nova/BonaNova-Regular.ttf
Normal file
Binary file not shown.
93
assets/fonts/Bona_Nova/OFL.txt
Normal file
93
assets/fonts/Bona_Nova/OFL.txt
Normal file
|
|
@ -0,0 +1,93 @@
|
|||
Copyright 2020 The Bona Nova Project Authors (https://github.com/kosmynkab/Brygada-1918)
|
||||
|
||||
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||
This license is copied below, and is also available with a FAQ at:
|
||||
http://scripts.sil.org/OFL
|
||||
|
||||
|
||||
-----------------------------------------------------------
|
||||
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||
-----------------------------------------------------------
|
||||
|
||||
PREAMBLE
|
||||
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||
development of collaborative font projects, to support the font creation
|
||||
efforts of academic and linguistic communities, and to provide a free and
|
||||
open framework in which fonts may be shared and improved in partnership
|
||||
with others.
|
||||
|
||||
The OFL allows the licensed fonts to be used, studied, modified and
|
||||
redistributed freely as long as they are not sold by themselves. The
|
||||
fonts, including any derivative works, can be bundled, embedded,
|
||||
redistributed and/or sold with any software provided that any reserved
|
||||
names are not used by derivative works. The fonts and derivatives,
|
||||
however, cannot be released under any other type of license. The
|
||||
requirement for fonts to remain under this license does not apply
|
||||
to any document created using the fonts or their derivatives.
|
||||
|
||||
DEFINITIONS
|
||||
"Font Software" refers to the set of files released by the Copyright
|
||||
Holder(s) under this license and clearly marked as such. This may
|
||||
include source files, build scripts and documentation.
|
||||
|
||||
"Reserved Font Name" refers to any names specified as such after the
|
||||
copyright statement(s).
|
||||
|
||||
"Original Version" refers to the collection of Font Software components as
|
||||
distributed by the Copyright Holder(s).
|
||||
|
||||
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||
or substituting -- in part or in whole -- any of the components of the
|
||||
Original Version, by changing formats or by porting the Font Software to a
|
||||
new environment.
|
||||
|
||||
"Author" refers to any designer, engineer, programmer, technical
|
||||
writer or other person who contributed to the Font Software.
|
||||
|
||||
PERMISSION & CONDITIONS
|
||||
Permission is hereby granted, free of charge, to any person obtaining
|
||||
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||
redistribute, and sell modified and unmodified copies of the Font
|
||||
Software, subject to the following conditions:
|
||||
|
||||
1) Neither the Font Software nor any of its individual components,
|
||||
in Original or Modified Versions, may be sold by itself.
|
||||
|
||||
2) Original or Modified Versions of the Font Software may be bundled,
|
||||
redistributed and/or sold with any software, provided that each copy
|
||||
contains the above copyright notice and this license. These can be
|
||||
included either as stand-alone text files, human-readable headers or
|
||||
in the appropriate machine-readable metadata fields within text or
|
||||
binary files as long as those fields can be easily viewed by the user.
|
||||
|
||||
3) No Modified Version of the Font Software may use the Reserved Font
|
||||
Name(s) unless explicit written permission is granted by the corresponding
|
||||
Copyright Holder. This restriction only applies to the primary font name as
|
||||
presented to the users.
|
||||
|
||||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||
Software shall not be used to promote, endorse or advertise any
|
||||
Modified Version, except to acknowledge the contribution(s) of the
|
||||
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||
permission.
|
||||
|
||||
5) The Font Software, modified or unmodified, in part or in whole,
|
||||
must be distributed entirely under this license, and must not be
|
||||
distributed under any other license. The requirement for fonts to
|
||||
remain under this license does not apply to any document created
|
||||
using the Font Software.
|
||||
|
||||
TERMINATION
|
||||
This license becomes null and void if any of the above conditions are
|
||||
not met.
|
||||
|
||||
DISCLAIMER
|
||||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||
OTHER DEALINGS IN THE FONT SOFTWARE.
|
||||
|
|
@ -1,16 +1,99 @@
|
|||
<?xml version="1.0"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Calque_1" data-name="Calque 1" viewBox="0 0 1269.51 692.45">
|
||||
<defs>
|
||||
<style>.class-ss-1{fill:url(#Dégradé_sans_nom_19);}.class-ss-2{font-size:147.13px;font-family:BonaNova-Regular, Bona Nova;letter-spacing:0.02em;}.class-ss-2,.class-ss-6{fill:#fff;}.class-ss-3{letter-spacing:0.03em;}.class-ss-4{font-size:175.11px;letter-spacing:0.05em;}.class-ss-5{letter-spacing:0.05em;}.class-ss-6{font-size:60.11px;font-family:Roboto-Medium, Roboto;font-weight:500;letter-spacing:0.28em;}</style>
|
||||
<linearGradient id="Dégradé_sans_nom_19" x1="347.14" y1="83.91" x2="347.14" y2="589.87" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.52" stop-color="#fff"/>
|
||||
<stop offset="0.58" stop-color="#fff" stop-opacity="0.9"/>
|
||||
<stop offset="0.71" stop-color="#fff" stop-opacity="0.63"/>
|
||||
<stop offset="0.9" stop-color="#fff" stop-opacity="0.22"/>
|
||||
<stop offset="1" stop-color="#fff" stop-opacity="0"/>
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
id="Calque_1"
|
||||
data-name="Calque 1"
|
||||
viewBox="0 0 915 559.99999"
|
||||
version="1.1"
|
||||
sodipodi:docname="horizontal_white_transparent.svg"
|
||||
width="915"
|
||||
height="560"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1740"
|
||||
pagecolor="#1c1c1c"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.755838"
|
||||
inkscape:cx="491.50744"
|
||||
inkscape:cy="338.0354"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1038"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="Calque_1" />
|
||||
<defs
|
||||
id="defs1725">
|
||||
<style
|
||||
id="style1712">.class-ss-1{fill:url(#Dégradé_sans_nom_19);}.class-ss-2{font-size:147.13px;font-family:BonaNova-Regular, Bona Nova;letter-spacing:0.02em;}.class-ss-2,.class-ss-6{fill:#fff;}.class-ss-3{letter-spacing:0.03em;}.class-ss-4{font-size:175.11px;letter-spacing:0.05em;}.class-ss-5{letter-spacing:0.05em;}.class-ss-6{font-size:60.11px;font-family:Roboto-Medium, Roboto;font-weight:500;letter-spacing:0.28em;}</style>
|
||||
<linearGradient
|
||||
id="Dégradé_sans_nom_19"
|
||||
x1="347.14001"
|
||||
y1="83.910004"
|
||||
x2="347.14001"
|
||||
y2="589.87"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-192.19233,-59.028963)">
|
||||
<stop
|
||||
offset="0.52"
|
||||
stop-color="#fff"
|
||||
id="stop1714" />
|
||||
<stop
|
||||
offset="0.58"
|
||||
stop-color="#fff"
|
||||
stop-opacity="0.9"
|
||||
id="stop1716" />
|
||||
<stop
|
||||
offset="0.71"
|
||||
stop-color="#fff"
|
||||
stop-opacity="0.63"
|
||||
id="stop1718" />
|
||||
<stop
|
||||
offset="0.9"
|
||||
stop-color="#fff"
|
||||
stop-opacity="0.22"
|
||||
id="stop1720" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#fff"
|
||||
stop-opacity="0"
|
||||
id="stop1722" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path class="class-ss-1" d="M488.69,437.65,486.11,436a131.7,131.7,0,0,1-32-28.63l-74.37-88.21a5.49,5.49,0,0,1-1.34-3.38V300a3.16,3.16,0,0,0-2.77-3.21c-2.77-.4-3-2.82-3-4.51V245.38a1.3,1.3,0,0,1,1.31-1.31h2.24a.48.48,0,0,0,.36-.8c-5.17-5.66-6.71-15.72-24.75-17.5a1.52,1.52,0,0,1-1.38-1.5l-.39-47.93a2.44,2.44,0,0,1,3.88-2l28.1,20.42a1.16,1.16,0,0,0,1.78-1.29l-12.7-39.08a2.43,2.43,0,0,1,.89-2.73l33.24-24.15a1.16,1.16,0,0,0-.68-2.09H363.51a2.44,2.44,0,0,1-2.32-1.69l-12.7-39.08a1.58,1.58,0,0,0-2.7,0l-12.7,39.08a2.44,2.44,0,0,1-2.32,1.69H289.68a1.15,1.15,0,0,0-.68,2.09l33.24,24.15a2.43,2.43,0,0,1,.89,2.73l-12.7,39.08a1.16,1.16,0,0,0,1.78,1.29l28.1-20.42a2.44,2.44,0,0,1,3.88,2l-.39,47.93a1.52,1.52,0,0,1-1.38,1.5c-18,1.78-19.58,11.84-24.75,17.5a.48.48,0,0,0,.36.8h2.24a1.3,1.3,0,0,1,1.31,1.31v46.94c0,1.69-.19,4.11-3,4.51a3.16,3.16,0,0,0-2.77,3.21V315.8a5.49,5.49,0,0,1-1.34,3.38l-74.37,88.21a131.7,131.7,0,0,1-32,28.63l-2.58,1.63a1.74,1.74,0,0,0-.49,2.43,10,10,0,0,0,6.58,4.3,2.27,2.27,0,0,1,1.83,2.27V584.11a5.63,5.63,0,0,0,5.5,5.76H475.27a5.63,5.63,0,0,0,5.5-5.76V446.65a2.27,2.27,0,0,1,1.82-2.27,10,10,0,0,0,6.59-4.3A1.74,1.74,0,0,0,488.69,437.65ZM329.9,270.52c0-12.18,8.47-17,16.73-17l.51,0,.51,0c8.26,0,16.73,4.86,16.73,17v23.36a1.45,1.45,0,0,1-1.44,1.47h-31.6a1.45,1.45,0,0,1-1.44-1.47Zm49.9,278.71a2.33,2.33,0,0,1-2.34,2.33H316.82a2.33,2.33,0,0,1-2.34-2.33V441.3a32.19,32.19,0,0,1,32.3-32.07h.72a32.19,32.19,0,0,1,32.3,32.07Z"/>
|
||||
<text class="class-ss-2" transform="translate(552.98 474.47)">l<tspan class="class-ss-3" x="45.5" y="0">’</tspan><tspan class="class-ss-4" x="75.86" y="0">É</tspan><tspan class="class-ss-5" x="194.4" y="0">toile</tspan></text>
|
||||
<text class="class-ss-6" transform="translate(557.02 548.55)">de Bethléem</text>
|
||||
<path
|
||||
class="class-ss-1"
|
||||
d="m 296.49767,378.62104 -2.58,-1.65 a 131.7,131.7 0 0 1 -32,-28.63 l -74.37,-88.21 a 5.49,5.49 0 0 1 -1.34,-3.38 v -15.78 a 3.16,3.16 0 0 0 -2.77,-3.21 c -2.77,-0.4 -3,-2.82 -3,-4.51 v -46.9 a 1.3,1.3 0 0 1 1.31,-1.31 h 2.24 a 0.48,0.48 0 0 0 0.36,-0.8 c -5.17,-5.66 -6.71,-15.72 -24.75,-17.5 a 1.52,1.52 0 0 1 -1.38,-1.5 l -0.39,-47.93 a 2.44,2.44 0 0 1 3.88,-2 l 28.1,20.42 a 1.16,1.16 0 0 0 1.78,-1.29 l -12.7,-39.080003 a 2.43,2.43 0 0 1 0.89,-2.73 l 33.24,-24.15 a 1.16,1.16 0 0 0 -0.68,-2.09 h -41.02 a 2.44,2.44 0 0 1 -2.32,-1.69 l -12.7,-39.08 a 1.58,1.58 0 0 0 -2.7,0 l -12.7,39.08 a 2.44,2.44 0 0 1 -2.32,1.69 h -41.09 a 1.15,1.15 0 0 0 -0.68,2.09 l 33.24,24.15 a 2.43,2.43 0 0 1 0.89,2.73 l -12.7,39.080003 a 1.16,1.16 0 0 0 1.78,1.29 l 28.1,-20.42 a 2.44,2.44 0 0 1 3.88,2 l -0.39,47.93 a 1.52,1.52 0 0 1 -1.38,1.5 c -18,1.78 -19.58,11.84 -24.75,17.5 a 0.48,0.48 0 0 0 0.36,0.8 h 2.24 a 1.3,1.3 0 0 1 1.31,1.31 v 46.94 c 0,1.69 -0.19,4.11 -3,4.51 a 3.16,3.16 0 0 0 -2.77,3.21 v 15.76 a 5.49,5.49 0 0 1 -1.34,3.38 l -74.37,88.21 a 131.7,131.7 0 0 1 -32,28.63 l -2.58,1.63 a 1.74,1.74 0 0 0 -0.49,2.43 10,10 0 0 0 6.58,4.3 2.27,2.27 0 0 1 1.83,2.27 v 137.46 a 5.63,5.63 0 0 0 5.5,5.76 h 256.33 a 5.63,5.63 0 0 0 5.5,-5.76 v -137.46 a 2.27,2.27 0 0 1 1.82,-2.27 10,10 0 0 0 6.59,-4.3 1.74,1.74 0 0 0 -0.49,-2.43 z m -158.79,-167.13 c 0,-12.18 8.47,-17 16.73,-17 h 0.51 0.51 c 8.26,0 16.73,4.86 16.73,17 v 23.36 a 1.45,1.45 0 0 1 -1.44,1.47 h -31.6 a 1.45,1.45 0 0 1 -1.44,-1.47 z m 49.9,278.71 a 2.33,2.33 0 0 1 -2.34,2.33 h -60.64 a 2.33,2.33 0 0 1 -2.34,-2.33 v -107.93 a 32.19,32.19 0 0 1 32.3,-32.07 h 0.72 a 32.19,32.19 0 0 1 32.3,32.07 z"
|
||||
id="path1727"
|
||||
style="fill:url(#D%C3%A9grad%C3%A9_sans_nom_19)" />
|
||||
<text
|
||||
class="class-ss-2"
|
||||
id="text1735"
|
||||
x="360.78766"
|
||||
y="415.44101">l<tspan
|
||||
class="class-ss-3"
|
||||
x="406.28766"
|
||||
y="415.44101"
|
||||
id="tspan1729">’</tspan><tspan
|
||||
class="class-ss-4"
|
||||
x="436.64767"
|
||||
y="415.44101"
|
||||
id="tspan1731">É</tspan><tspan
|
||||
class="class-ss-5"
|
||||
x="555.18768"
|
||||
y="415.44101"
|
||||
id="tspan1733">toile</tspan></text>
|
||||
<text
|
||||
class="class-ss-6"
|
||||
id="text1737"
|
||||
x="364.82767"
|
||||
y="489.52103">de Bethléem</text>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 4.5 KiB |
BIN
assets/images/cardinal_charles_de_bourbon.jpg
Normal file
BIN
assets/images/cardinal_charles_de_bourbon.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 101 KiB |
BIN
assets/images/crypte_comparaison_01_aubevoye.jpg
Normal file
BIN
assets/images/crypte_comparaison_01_aubevoye.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 336 KiB |
BIN
assets/images/crypte_comparaison_01_judee.jpg
Normal file
BIN
assets/images/crypte_comparaison_01_judee.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 464 KiB |
BIN
assets/images/crypte_comparaison_02_aubevoye.jpg
Normal file
BIN
assets/images/crypte_comparaison_02_aubevoye.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 490 KiB |
BIN
assets/images/crypte_comparaison_02_judee.jpg
Normal file
BIN
assets/images/crypte_comparaison_02_judee.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 376 KiB |
3
assets/images/icons/facebook.svg
Normal file
3
assets/images/icons/facebook.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||
<path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 351 B |
105
assets/images/icons/helloasso.svg
Normal file
105
assets/images/icons/helloasso.svg
Normal file
|
|
@ -0,0 +1,105 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
viewBox="0 0 43.000001 43.5"
|
||||
version="1.1"
|
||||
id="svg264"
|
||||
sodipodi:docname="helloasso_logo.svg"
|
||||
width="43"
|
||||
height="43.5"
|
||||
inkscape:export-filename="helloasso_logo.png"
|
||||
inkscape:export-xdpi="96"
|
||||
inkscape:export-ydpi="96"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview266"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
showgrid="false"
|
||||
inkscape:zoom="6.515"
|
||||
inkscape:cx="14.351497"
|
||||
inkscape:cy="21.105142"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1038"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg264" />
|
||||
<defs
|
||||
id="defs254">
|
||||
<linearGradient
|
||||
id="SVGID_1_"
|
||||
x1="4.322"
|
||||
x2="24.268"
|
||||
y1="33.651001"
|
||||
y2="-0.50300002"
|
||||
gradientTransform="matrix(1,0,0,-1,0,44.736)"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop
|
||||
offset="0"
|
||||
stop-color="#498a63"
|
||||
id="stop239" />
|
||||
<stop
|
||||
offset=".25"
|
||||
stop-color="#61b984"
|
||||
id="stop241" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="SVGID_2_"
|
||||
x1="19.889"
|
||||
x2="40.523998"
|
||||
y1="3.6270001"
|
||||
y2="36.696999"
|
||||
gradientTransform="matrix(1,0,0,-1,0,44.736)"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop
|
||||
offset="0"
|
||||
stop-color="#89356d"
|
||||
id="stop244" />
|
||||
<stop
|
||||
offset=".21"
|
||||
stop-color="#b94794"
|
||||
id="stop246" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="SVGID_3_"
|
||||
x1="3.2420001"
|
||||
x2="37.688999"
|
||||
y1="35.782001"
|
||||
y2="23.384001"
|
||||
gradientTransform="matrix(1,0,0,-1,0,44.736)"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop
|
||||
offset=".6"
|
||||
stop-color="#f59c1c"
|
||||
id="stop249" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#c7702b"
|
||||
id="stop251" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path
|
||||
fill="url(#SVGID_1_)"
|
||||
d="M 12.9,34.9 C 6.3,27.3 10.7,8.1 13.5,8.1 8.1,7.9 -1.1,11.5 0.2,24.4 c 1.5,12 12.3,20.4 24.1,18.9 3.8,-0.5 7.3,-2 10.3,-4.3 -10.4,7.5 -17.4,0.8 -21.7,-4.1 z"
|
||||
id="path258"
|
||||
style="fill:url(#SVGID_1_)" />
|
||||
<path
|
||||
fill="url(#SVGID_2_)"
|
||||
d="M 37.2,21.9 C 31.7,33 14.8,37.7 12.9,34.8 c 3.3,4.9 11.5,11.6 21.8,4 9.4,-7.3 11.1,-21 3.8,-30.5 -2.3,-3 -5.4,-5.3 -8.9,-6.8 11.7,5.3 10.5,14.6 7.6,20.4 z"
|
||||
id="path260"
|
||||
style="fill:url(#SVGID_2_)" />
|
||||
<path
|
||||
fill="url(#SVGID_3_)"
|
||||
d="M 13.5,8.1 C 25.4,6.8 38.9,19.1 37.2,22 40.5,16.2 41.3,6.9 29.7,1.6 18.6,-2.9 6,2.5 1.6,13.7 0.2,17.2 -0.3,21 0.2,24.7 -0.6,11.9 9.1,8.5 13.5,8.1 Z"
|
||||
id="path262"
|
||||
style="fill:url(#SVGID_3_)" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
10
assets/images/icons/mastodon-color.svg
Normal file
10
assets/images/icons/mastodon-color.svg
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<svg width="75" height="79" viewBox="0 0 75 79" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M73.8393 17.4898C72.6973 9.00165 65.2994 2.31235 56.5296 1.01614C55.05 0.797115 49.4441 0 36.4582 0H36.3612C23.3717 0 20.585 0.797115 19.1054 1.01614C10.5798 2.27644 2.79399 8.28712 0.904997 16.8758C-0.00358524 21.1056 -0.100549 25.7949 0.0682394 30.0965C0.308852 36.2651 0.355538 42.423 0.91577 48.5665C1.30307 52.6474 1.97872 56.6957 2.93763 60.6812C4.73325 68.042 12.0019 74.1676 19.1233 76.6666C26.7478 79.2728 34.9474 79.7055 42.8039 77.9162C43.6682 77.7151 44.5217 77.4817 45.3645 77.216C47.275 76.6092 49.5123 75.9305 51.1571 74.7385C51.1797 74.7217 51.1982 74.7001 51.2112 74.6753C51.2243 74.6504 51.2316 74.6229 51.2325 74.5948V68.6416C51.2321 68.6154 51.2259 68.5896 51.2142 68.5661C51.2025 68.5426 51.1858 68.522 51.1651 68.5058C51.1444 68.4896 51.1204 68.4783 51.0948 68.4726C51.0692 68.4669 51.0426 68.467 51.0171 68.4729C45.9835 69.675 40.8254 70.2777 35.6502 70.2682C26.7439 70.2682 24.3486 66.042 23.6626 64.2826C23.1113 62.762 22.7612 61.1759 22.6212 59.5646C22.6197 59.5375 22.6247 59.5105 22.6357 59.4857C22.6466 59.4609 22.6633 59.4391 22.6843 59.422C22.7053 59.4048 22.73 59.3929 22.7565 59.3871C22.783 59.3813 22.8104 59.3818 22.8367 59.3886C27.7864 60.5826 32.8604 61.1853 37.9522 61.1839C39.1768 61.1839 40.3978 61.1839 41.6224 61.1516C46.7435 61.008 52.1411 60.7459 57.1796 59.7621C57.3053 59.7369 57.431 59.7154 57.5387 59.6831C65.4861 58.157 73.0493 53.3672 73.8178 41.2381C73.8465 40.7606 73.9184 36.2364 73.9184 35.7409C73.9219 34.0569 74.4606 23.7949 73.8393 17.4898Z" fill="url(#paint0_linear_549_34)"/>
|
||||
<path d="M61.2484 27.0263V48.114H52.8916V27.6475C52.8916 23.3388 51.096 21.1413 47.4437 21.1413C43.4287 21.1413 41.4177 23.7409 41.4177 28.8755V40.0782H33.1111V28.8755C33.1111 23.7409 31.0965 21.1413 27.0815 21.1413C23.4507 21.1413 21.6371 23.3388 21.6371 27.6475V48.114H13.2839V27.0263C13.2839 22.7176 14.384 19.2946 16.5843 16.7572C18.8539 14.2258 21.8311 12.926 25.5264 12.926C29.8036 12.926 33.0357 14.5705 35.1905 17.8559L37.2698 21.346L39.3527 17.8559C41.5074 14.5705 44.7395 12.926 49.0095 12.926C52.7013 12.926 55.6784 14.2258 57.9553 16.7572C60.1531 19.2922 61.2508 22.7152 61.2484 27.0263Z" fill="white"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_549_34" x1="37.0692" y1="0" x2="37.0692" y2="79" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#6364FF"/>
|
||||
<stop offset="1" stop-color="#563ACC"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
3
assets/images/icons/mastodon.svg
Normal file
3
assets/images/icons/mastodon.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
||||
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 702 B |
3
assets/images/icons/twitter.svg
Normal file
3
assets/images/icons/twitter.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 878 B |
6
assets/sass/card.scss
Normal file
6
assets/sass/card.scss
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
.card {
|
||||
padding: 1rem;
|
||||
border: 1px solid gray;
|
||||
border-radius: 2px;
|
||||
background-color: #ecf0f1;
|
||||
}
|
||||
|
|
@ -49,6 +49,40 @@ body {
|
|||
|
||||
.site-footer__links {
|
||||
padding-top: 1rem;
|
||||
.inline-menu-list {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.site-footer-socials {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-bottom: 1rem;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
list-style-type: none;
|
||||
li {
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
li:last-of-type {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
opacity: 0.8;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
}
|
||||
a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.site-footer-socials__logo {
|
||||
width: 2rem;
|
||||
fill: white;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $md-breakpoint) {
|
||||
|
|
|
|||
|
|
@ -76,3 +76,14 @@ a:hover {
|
|||
.w-200 {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
}
|
||||
.grid-2 {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -45,12 +45,14 @@ $header-height: 6rem;
|
|||
.site-header__logo {
|
||||
width: auto;
|
||||
height: 100%;
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
|
||||
// .site-header__logo:hover {
|
||||
// transform: scale3d(1, 1, 1);
|
||||
// }
|
||||
|
||||
@media (max-width: $md-breakpoint) {
|
||||
.site-header .page-container {
|
||||
width: 100% !important;
|
||||
}
|
||||
.site-header__title {
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -77,9 +77,51 @@
|
|||
border-bottom: .3rem solid $accent;
|
||||
}
|
||||
|
||||
@import 'landing/timeline.scss';
|
||||
|
||||
@media (min-width: $lg-breakpoint) {
|
||||
.cover__back {
|
||||
background-position-x: center;
|
||||
background-position-y: -1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.compare-section {
|
||||
.compare-items {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-column-gap: 1rem;
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.compare-item {
|
||||
display: block;
|
||||
margin-bottom: 1rem;
|
||||
img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.history-summary {
|
||||
display: grid;
|
||||
grid-template-columns: 3fr 1fr;
|
||||
grid-column-gap: 2rem;
|
||||
}
|
||||
|
||||
.history-summary__image {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
|
||||
.landing-main {
|
||||
section {
|
||||
border-bottom: 1px solid rgba(1, 1, 1, 0.2);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
83
assets/sass/landing/timeline.scss
Normal file
83
assets/sass/landing/timeline.scss
Normal file
|
|
@ -0,0 +1,83 @@
|
|||
.history-section {
|
||||
// background-color: rgba(0.5, 0.5, 0.5, 1);
|
||||
}
|
||||
|
||||
.timeline-section {
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.timeline {
|
||||
position: relative;
|
||||
|
||||
.timeline-list {
|
||||
position: sticky;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.timeline-item {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 4fr;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
.timeline-item:last-of-type {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.timeline-item__inner {
|
||||
display: grid;
|
||||
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.timeline-item__point-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
|
||||
.timeline__point-container > div {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.timeline-item__dot-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.timeline-item__dot {
|
||||
width: 2rem;
|
||||
aspect-ratio: 1/1;
|
||||
background: white;
|
||||
border-radius: 50%;
|
||||
border: .5rem solid red;
|
||||
box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
|
||||
|
||||
}
|
||||
|
||||
.timeline-item__summary {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.timeline-item.timeline-back-decoration {
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
.timeline-trace {
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
background: gray;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $lg-breakpoint) {
|
||||
}
|
||||
|
||||
|
|
@ -35,4 +35,5 @@ $accent: #F2A71B;
|
|||
|
||||
// components
|
||||
@import 'tags.scss';
|
||||
@import 'card.scss';
|
||||
|
||||
|
|
|
|||
|
|
@ -22,11 +22,11 @@
|
|||
<a class="button">Adhérer !</a>
|
||||
</div>
|
||||
|
||||
<main class="page-container">
|
||||
<main class="landing-main">
|
||||
<!-- <div style="display: flex; justify-content: center; font-size: 1.3em; border: 1px dashed gray; padding: 1rem;"> -->
|
||||
<!-- 🚧 Site en construction... 🚧 -->
|
||||
<!-- </div> -->
|
||||
{{ .Content }}
|
||||
{{/* .Content */}}
|
||||
{{/*
|
||||
{{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
|
||||
{{ range $paginator.Pages }}
|
||||
|
|
@ -34,9 +34,119 @@
|
|||
{{ end }}
|
||||
{{ partial "pagination.html" . }}
|
||||
*/}}
|
||||
|
||||
<section class="history-section">
|
||||
<div class="page-container history-summary">
|
||||
<div class="history-summary__text">
|
||||
<h2>Bref historique</h2>
|
||||
<p>
|
||||
Aubevoye possède un souvenir de Terre Sainte unique en France et en Europe. Une reproduction exacte de le grotte de la nativité de Bethléem dans laquelle le Sauveur vint au monde.
|
||||
Ce monument est dû à la magnificence et à la piété du Cardinal de Bourbon, Charles Ier de Bourbon, oncle paternel de Henri IV, qui fut pendant quelques temps proclamé roi de France par les Ligueurs sous le nom de Charles X.
|
||||
Archevêque de Rouen de 1550 à 1590, l'éminent prélat qui avait déjà fondé, en 1563, près de son château de Gaillon, la chartreuse de Notre-Dame de Bonne-Esperance (Bourbon-lès-Gaillon), voulut avoir également à portée de sa résidence princière le berceau du Roi des rois.
|
||||
A cet effet, il envoya deux fois son architecte en Palestine pour lever les plans nécessaires et en 1582, l'édifice était achevé. Le pieux cardinal, qui le désigne lui-même dans ses actes sous le nom de Bethléem, en fit don aux Chartreux avec les terres qui l'environnaient.
|
||||
Aujourd'hui, malheureusement, la chapelle tombe en ruines. Elle est régulièrement dégradée, pillée, vandalisée.
|
||||
</p>
|
||||
</div>
|
||||
<div class="history-summary__image">
|
||||
{{ $image := resources.Get "images/cardinal_charles_de_bourbon.jpg" }}
|
||||
<img src="{{ $image.RelPermalink }}" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="images-section">
|
||||
<h2 class="page-container">Images</h2>
|
||||
</section>
|
||||
|
||||
<section class="compare-section">
|
||||
<div class="page-container">
|
||||
<h2>Un petit bout de palestine en Normandie...</h2>
|
||||
<div class="compare-items">
|
||||
<div class="compare-item">
|
||||
<figure>
|
||||
{{ $image := resources.Get "images/crypte_comparaison_01_aubevoye.jpg" }}
|
||||
<img class="compare-aubevoye" src="{{ $image.RelPermalink }}" />
|
||||
|
||||
{{ $image := resources.Get "images/crypte_comparaison_01_judee.jpg" }}
|
||||
<img class="compare-judee" src="{{ $image.RelPermalink }}" />
|
||||
|
||||
<figcaption>Comparaison crypte vers l'est</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="compare-item">
|
||||
<figure>
|
||||
{{ $image := resources.Get "images/crypte_comparaison_02_aubevoye.jpg" }}
|
||||
<img class="compare-aubevoye" src="{{ $image.RelPermalink }}" />
|
||||
|
||||
{{ $image := resources.Get "images/crypte_comparaison_02_judee.jpg" }}
|
||||
<img class="compare-judee" src="{{ $image.RelPermalink }}" />
|
||||
<figcaption>Comparaison crypte vers l'ouest</figcaption>
|
||||
</figure>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="timeline-section">
|
||||
<div class="page-container history-section timeline-container">
|
||||
<div class="timeline">
|
||||
<div class="timeline-item timeline-back-decoration">
|
||||
<div class="timeline-item__inner">
|
||||
<div class="timeline-item__dot-container">
|
||||
<div class="timeline-trace"></div>
|
||||
</div>
|
||||
<div class="timeline-item__summary">
|
||||
</div>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
<div class="timeline-list">
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-item__inner">
|
||||
<div class="timeline-item__dot-container">
|
||||
<div class="timeline-item__dot"></div>
|
||||
</div>
|
||||
<div class="timeline-item__summary">
|
||||
1970
|
||||
</div>
|
||||
</div>
|
||||
<div class="timeline-item__content card">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
</div>
|
||||
</div>
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-item__inner">
|
||||
<div class="timeline-item__dot-container">
|
||||
<div class="timeline-item__dot"></div>
|
||||
</div>
|
||||
<div class="timeline-item__summary">
|
||||
1970
|
||||
</div>
|
||||
</div>
|
||||
<div class="timeline-item__content card">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="organization-section">
|
||||
<div class="page-container">
|
||||
<h2>L'Étoile de Bethléem</h2>
|
||||
<p>
|
||||
Formé en septembre 2022, suite aux efforts des propriétaires et des passionées de ce monument. Elle a pour but de contribuer à la sauvegarde et à la restauration de la Chapelle de Bethléem d’Aubevoye et de promouvoir ce monument ainsi que mieux le connaitre et l’animer.
|
||||
</p>
|
||||
<p>
|
||||
L’association “L’Étoile de Bethléem - Association des amis de la chapelle de bethléem d’Aubevoye” est immatriculé au près de la préfecture de l’Eure sous le numéro RNA W271006556.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<div class="card separation-section secondary-bg">
|
||||
<div class="separation-section secondary-bg">
|
||||
<div class="page-container">
|
||||
<h2>Rejoignez nous dans notre aventure !</h2>
|
||||
<a class="button">Adhérer !</a>
|
||||
|
|
|
|||
|
|
@ -4,6 +4,28 @@
|
|||
{{ partial "helpers/svg" (dict "path" "all_logos/square_text_white_transparent" "class" "site-footer__logo") }}
|
||||
</div>
|
||||
<div class="site-footer__links">
|
||||
<ul class="site-footer-socials">
|
||||
<li>
|
||||
<a href="https://example.org">
|
||||
{{ partial "helpers/svg" (dict "path" "icons/facebook" "class" "site-footer-socials__logo") }}
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a>
|
||||
{{ partial "helpers/svg" (dict "path" "icons/twitter" "class" "site-footer-socials__logo") }}
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a>
|
||||
{{ partial "helpers/svg" (dict "path" "icons/mastodon" "class" "site-footer-socials__logo") }}
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a>
|
||||
{{ partial "helpers/svg" (dict "path" "icons/helloasso" "class" "site-footer-socials__logo") }}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="inline-menu-list">
|
||||
<li><a href="/a-propos-du-site">A propos de ce site</a></li>
|
||||
<li><a href="/contact">Nous contacter</a></li>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
{{ $svg := .path }}
|
||||
{{ $match := `<svg((\s|\S)*)>((\s|\S)*)</svg>` }}
|
||||
|
||||
{{ $replaceWith := printf `<svg class="%s" ${1}>${2}</svg>` .class }}
|
||||
{{ $input := (printf "/assets/images/%s.svg" $svg | readFile) }}
|
||||
{{ $replaceWith := printf `<svg class="%s" ${1}>${2}</svg>` .class }}
|
||||
|
||||
{{ return (replaceRE $match $replaceWith $input | safeHTML) }}
|
||||
|
|
|
|||
Loading…
Reference in a new issue