feat(landing): timeline, comparaison

This commit is contained in:
Matthieu Bessat 2023-05-26 21:44:22 +02:00
parent a1faaf3321
commit 7af43c8221
25 changed files with 632 additions and 20 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

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

View file

@ -1,16 +1,99 @@
<?xml version="1.0"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<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"> <svg
<defs> id="Calque_1"
<style>.class-ss-1{fill:url(#D&#xE9;grad&#xE9;_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> data-name="Calque 1"
<linearGradient id="D&#xE9;grad&#xE9;_sans_nom_19" x1="347.14" y1="83.91" x2="347.14" y2="589.87" gradientUnits="userSpaceOnUse"> viewBox="0 0 915 559.99999"
<stop offset="0.52" stop-color="#fff"/> version="1.1"
<stop offset="0.58" stop-color="#fff" stop-opacity="0.9"/> sodipodi:docname="horizontal_white_transparent.svg"
<stop offset="0.71" stop-color="#fff" stop-opacity="0.63"/> width="915"
<stop offset="0.9" stop-color="#fff" stop-opacity="0.22"/> height="560"
<stop offset="1" stop-color="#fff" stop-opacity="0"/> 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> </linearGradient>
</defs> </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"/> <path
<text class="class-ss-2" transform="translate(552.98 474.47)">l<tspan class="class-ss-3" x="45.5" y="0">&#x2019;</tspan><tspan class="class-ss-4" x="75.86" y="0">&#xC9;</tspan><tspan class="class-ss-5" x="194.4" y="0">toile</tspan></text> class="class-ss-1"
<text class="class-ss-6" transform="translate(557.02 548.55)">de Bethl&#xE9;em</text> 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> </svg>

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 101 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 336 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 464 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 490 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 376 KiB

View 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

View 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

View 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

View 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

View 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
View file

@ -0,0 +1,6 @@
.card {
padding: 1rem;
border: 1px solid gray;
border-radius: 2px;
background-color: #ecf0f1;
}

View file

@ -49,6 +49,40 @@ body {
.site-footer__links { .site-footer__links {
padding-top: 1rem; 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) { @media (max-width: $md-breakpoint) {

View file

@ -76,3 +76,14 @@ a:hover {
.w-200 { .w-200 {
width: 200px; width: 200px;
} }
img {
max-width: 100%;
}
.grid {
display: grid;
}
.grid-2 {
grid-template-columns: 1fr 1fr;
}

View file

@ -45,12 +45,14 @@ $header-height: 6rem;
.site-header__logo { .site-header__logo {
width: auto; width: auto;
height: 100%; height: 100%;
transition: all 0.5s ease;
} }
// .site-header__logo:hover {
// transform: scale3d(1, 1, 1);
// }
@media (max-width: $md-breakpoint) { @media (max-width: $md-breakpoint) {
.site-header .page-container {
width: 100% !important;
}
.site-header__title { .site-header__title {
padding-right: 1rem; padding-right: 1rem;
} }

View file

@ -77,9 +77,51 @@
border-bottom: .3rem solid $accent; border-bottom: .3rem solid $accent;
} }
@import 'landing/timeline.scss';
@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-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);
}
}

View 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) {
}

View file

@ -35,4 +35,5 @@ $accent: #F2A71B;
// components // components
@import 'tags.scss'; @import 'tags.scss';
@import 'card.scss';

View file

@ -22,11 +22,11 @@
<a class="button">Adhérer !</a> <a class="button">Adhérer !</a>
</div> </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;"> --> <!-- <div style="display: flex; justify-content: center; font-size: 1.3em; border: 1px dashed gray; padding: 1rem;"> -->
<!-- 🚧 Site en construction... 🚧 --> <!-- 🚧 Site en construction... 🚧 -->
<!-- </div> --> <!-- </div> -->
{{ .Content }} {{/* .Content */}}
{{/* {{/*
{{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }} {{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
{{ range $paginator.Pages }} {{ range $paginator.Pages }}
@ -34,9 +34,119 @@
{{ end }} {{ end }}
{{ partial "pagination.html" . }} {{ 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 dAubevoye et de promouvoir ce monument ainsi que mieux le connaitre et lanimer.
</p>
<p>
Lassociation “LÉtoile de Bethléem - Association des amis de la chapelle de bethléem dAubevoye” est immatriculé au près de la préfecture de lEure sous le numéro RNA W271006556.
</p>
</div>
</section>
</main> </main>
<div class="card separation-section secondary-bg"> <div class="separation-section secondary-bg">
<div class="page-container"> <div class="page-container">
<h2>Rejoignez nous dans notre aventure !</h2> <h2>Rejoignez nous dans notre aventure !</h2>
<a class="button">Adhérer !</a> <a class="button">Adhérer !</a>

View file

@ -4,6 +4,28 @@
{{ partial "helpers/svg" (dict "path" "all_logos/square_text_white_transparent" "class" "site-footer__logo") }} {{ partial "helpers/svg" (dict "path" "all_logos/square_text_white_transparent" "class" "site-footer__logo") }}
</div> </div>
<div class="site-footer__links"> <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"> <ul class="inline-menu-list">
<li><a href="/a-propos-du-site">A propos de ce site</a></li> <li><a href="/a-propos-du-site">A propos de ce site</a></li>
<li><a href="/contact">Nous contacter</a></li> <li><a href="/contact">Nous contacter</a></li>

View file

@ -1,6 +1,7 @@
{{ $svg := .path }} {{ $svg := .path }}
{{ $match := `<svg((\s|\S)*)>((\s|\S)*)</svg>` }} {{ $match := `<svg((\s|\S)*)>((\s|\S)*)</svg>` }}
{{ $replaceWith := printf `<svg class="%s" ${1}>${2}</svg>` .class }}
{{ $input := (printf "/assets/images/%s.svg" $svg | readFile) }} {{ $input := (printf "/assets/images/%s.svg" $svg | readFile) }}
{{ $replaceWith := printf `<svg class="%s" ${1}>${2}</svg>` .class }}
{{ return (replaceRE $match $replaceWith $input | safeHTML) }} {{ return (replaceRE $match $replaceWith $input | safeHTML) }}