feat(landing): timeline, comparaison

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

View file

@ -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&#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>
<linearGradient id="D&#xE9;grad&#xE9;_sans_nom_19" x1="347.14" y1="83.91" x2="347.14" y2="589.87" gradientUnits="userSpaceOnUse">
<stop offset="0.52" stop-color="#fff"/>
<stop offset="0.58" stop-color="#fff" stop-opacity="0.9"/>
<stop offset="0.71" stop-color="#fff" stop-opacity="0.63"/>
<stop offset="0.9" stop-color="#fff" stop-opacity="0.22"/>
<stop offset="1" stop-color="#fff" stop-opacity="0"/>
<?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">&#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>
<text class="class-ss-6" transform="translate(557.02 548.55)">de Bethl&#xE9;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

Before After
Before After