feat(landing): trailer and articles section
This commit is contained in:
parent
6bdabb8fdf
commit
5775e12e0b
22 changed files with 942 additions and 165 deletions
|
|
@ -0,0 +1,96 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
id="Calque_1"
|
||||
data-name="Calque 1"
|
||||
viewBox="0 0 1269.51 692.45"
|
||||
version="1.1"
|
||||
sodipodi:docname="horizontal_text_yellow_on_white_transparent_cropped.svg"
|
||||
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview8"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="0.50570692"
|
||||
inkscape:cx="633.76629"
|
||||
inkscape:cy="346.05024"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1028"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="Calque_1" />
|
||||
<defs
|
||||
id="defs5">
|
||||
<style
|
||||
id="style1">.cls-1{fill:url(#Dégradé_sans_nom_10);}.cls-2{font-size:147.13px;font-family:BonaNova-Regular, Bona Nova;letter-spacing:0.02em;}.cls-2,.cls-6{fill:#011f26;}.cls-3{letter-spacing:0.03em;}.cls-4{font-size:175.11px;letter-spacing:0.05em;}.cls-5{letter-spacing:0.05em;}.cls-6{font-size:60.11px;font-family:Roboto-Medium, Roboto;font-weight:500;letter-spacing:0.28em;}</style>
|
||||
<linearGradient
|
||||
id="Dégradé_sans_nom_10"
|
||||
x1="347.14"
|
||||
y1="83.91"
|
||||
x2="347.14"
|
||||
y2="589.87"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-166)">
|
||||
<stop
|
||||
offset="0.24"
|
||||
stop-color="#f2a71b"
|
||||
id="stop1" />
|
||||
<stop
|
||||
offset="0.34"
|
||||
stop-color="#f2a71b"
|
||||
stop-opacity="0.89"
|
||||
id="stop2" />
|
||||
<stop
|
||||
offset="0.56"
|
||||
stop-color="#f2a71b"
|
||||
stop-opacity="0.62"
|
||||
id="stop3" />
|
||||
<stop
|
||||
offset="0.88"
|
||||
stop-color="#f2a71b"
|
||||
stop-opacity="0.18"
|
||||
id="stop4" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#f2a71b"
|
||||
stop-opacity="0"
|
||||
id="stop5" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path
|
||||
class="cls-1"
|
||||
d="M 322.69,437.65 320.11,436 a 131.7,131.7 0 0 1 -32,-28.63 l -74.37,-88.21 a 5.49,5.49 0 0 1 -1.34,-3.38 V 300 a 3.16,3.16 0 0 0 -2.77,-3.21 c -2.77,-0.4 -3,-2.82 -3,-4.51 v -46.9 a 1.3,1.3 0 0 1 1.31,-1.31 h 2.24 a 0.48,0.48 0 0 0 0.36,-0.8 c -5.17,-5.66 -6.71,-15.72 -24.75,-17.5 a 1.52,1.52 0 0 1 -1.38,-1.5 l -0.39,-47.93 a 2.44,2.44 0 0 1 3.88,-2 l 28.1,20.42 a 1.16,1.16 0 0 0 1.78,-1.29 l -12.7,-39.08 a 2.43,2.43 0 0 1 0.89,-2.73 l 33.24,-24.15 a 1.16,1.16 0 0 0 -0.68,-2.09 h -41.02 a 2.44,2.44 0 0 1 -2.32,-1.69 l -12.7,-39.08 a 1.58,1.58 0 0 0 -2.7,0 l -12.7,39.08 a 2.44,2.44 0 0 1 -2.32,1.69 h -41.09 a 1.15,1.15 0 0 0 -0.68,2.09 l 33.24,24.15 a 2.43,2.43 0 0 1 0.89,2.73 l -12.7,39.08 a 1.16,1.16 0 0 0 1.78,1.29 l 28.1,-20.42 a 2.44,2.44 0 0 1 3.88,2 l -0.39,47.93 a 1.52,1.52 0 0 1 -1.38,1.5 c -18,1.78 -19.58,11.84 -24.75,17.5 a 0.48,0.48 0 0 0 0.36,0.8 h 2.24 a 1.3,1.3 0 0 1 1.31,1.31 v 46.94 c 0,1.69 -0.19,4.11 -3,4.51 a 3.16,3.16 0 0 0 -2.77,3.21 v 15.76 a 5.49,5.49 0 0 1 -1.34,3.38 L 74.1,407.39 a 131.7,131.7 0 0 1 -32,28.63 l -2.58,1.63 a 1.74,1.74 0 0 0 -0.49,2.43 10,10 0 0 0 6.58,4.3 2.27,2.27 0 0 1 1.83,2.27 v 137.46 a 5.63,5.63 0 0 0 5.5,5.76 h 256.33 a 5.63,5.63 0 0 0 5.5,-5.76 V 446.65 a 2.27,2.27 0 0 1 1.82,-2.27 10,10 0 0 0 6.59,-4.3 1.74,1.74 0 0 0 -0.49,-2.43 z M 163.9,270.52 c 0,-12.18 8.47,-17 16.73,-17 h 0.51 0.51 c 8.26,0 16.73,4.86 16.73,17 v 23.36 a 1.45,1.45 0 0 1 -1.44,1.47 h -31.6 a 1.45,1.45 0 0 1 -1.44,-1.47 z m 49.9,278.71 a 2.33,2.33 0 0 1 -2.34,2.33 h -60.64 a 2.33,2.33 0 0 1 -2.34,-2.33 V 441.3 a 32.19,32.19 0 0 1 32.3,-32.07 h 0.72 a 32.19,32.19 0 0 1 32.3,32.07 z"
|
||||
id="path5"
|
||||
style="fill:url(#D%C3%A9grad%C3%A9_sans_nom_10)" />
|
||||
<text
|
||||
class="cls-2"
|
||||
id="text7"
|
||||
x="386.97998"
|
||||
y="474.47">l<tspan
|
||||
class="cls-3"
|
||||
x="432.47998"
|
||||
y="474.47"
|
||||
id="tspan5">’</tspan><tspan
|
||||
class="cls-4"
|
||||
x="462.84003"
|
||||
y="474.47"
|
||||
id="tspan6">É</tspan><tspan
|
||||
class="cls-5"
|
||||
x="581.38"
|
||||
y="474.47"
|
||||
id="tspan7">toile</tspan></text>
|
||||
<text
|
||||
class="cls-6"
|
||||
id="text8"
|
||||
x="391.02002"
|
||||
y="548.54999">de Bethléem</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
102
assets/images/all_logos/horizontal_white_transparent_cropped.svg
Normal file
102
assets/images/all_logos/horizontal_white_transparent_cropped.svg
Normal file
|
|
@ -0,0 +1,102 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
id="Calque_1"
|
||||
data-name="Calque 1"
|
||||
viewBox="0 0 999.99999 692.45"
|
||||
version="1.1"
|
||||
sodipodi:docname="horizontal_white_transparent_cropped.svg"
|
||||
width="1000"
|
||||
height="692.45001"
|
||||
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview8"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="0.40103416"
|
||||
inkscape:cx="619.64796"
|
||||
inkscape:cy="2.4935532"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1028"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="Calque_1" />
|
||||
<defs
|
||||
id="defs5">
|
||||
<style
|
||||
id="style1">.cls-1{fill:url(#Dégradé_sans_nom_10);}.cls-2{font-size:147.13px;font-family:BonaNova-Regular, Bona Nova;letter-spacing:0.02em;}.cls-2,.cls-6{fill:#011f26;}.cls-3{letter-spacing:0.03em;}.cls-4{font-size:175.11px;letter-spacing:0.05em;}.cls-5{letter-spacing:0.05em;}.cls-6{font-size:60.11px;font-family:Roboto-Medium, Roboto;font-weight:500;letter-spacing:0.28em;}</style>
|
||||
<linearGradient
|
||||
id="Dégradé_sans_nom_10"
|
||||
x1="347.14001"
|
||||
y1="83.910004"
|
||||
x2="347.14001"
|
||||
y2="589.87"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop
|
||||
offset="0.24"
|
||||
stop-color="#f2a71b"
|
||||
id="stop1" />
|
||||
<stop
|
||||
offset="0.34"
|
||||
stop-color="#f2a71b"
|
||||
stop-opacity="0.89"
|
||||
id="stop2" />
|
||||
<stop
|
||||
offset="0.56"
|
||||
stop-color="#f2a71b"
|
||||
stop-opacity="0.62"
|
||||
id="stop3" />
|
||||
<stop
|
||||
offset="0.88"
|
||||
stop-color="#f2a71b"
|
||||
stop-opacity="0.18"
|
||||
id="stop4" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#f2a71b"
|
||||
stop-opacity="0"
|
||||
id="stop5" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g
|
||||
id="g9"
|
||||
transform="translate(-184.73211)">
|
||||
<g
|
||||
id="g8">
|
||||
<path
|
||||
class="cls-1"
|
||||
d="M 488.69,437.65 486.11,436 a 131.7,131.7 0 0 1 -32,-28.63 l -74.37,-88.21 a 5.49,5.49 0 0 1 -1.34,-3.38 V 300 a 3.16,3.16 0 0 0 -2.77,-3.21 c -2.77,-0.4 -3,-2.82 -3,-4.51 v -46.9 a 1.3,1.3 0 0 1 1.31,-1.31 h 2.24 a 0.48,0.48 0 0 0 0.36,-0.8 c -5.17,-5.66 -6.71,-15.72 -24.75,-17.5 a 1.52,1.52 0 0 1 -1.38,-1.5 l -0.39,-47.93 a 2.44,2.44 0 0 1 3.88,-2 l 28.1,20.42 a 1.16,1.16 0 0 0 1.78,-1.29 l -12.7,-39.08 a 2.43,2.43 0 0 1 0.89,-2.73 l 33.24,-24.15 a 1.16,1.16 0 0 0 -0.68,-2.09 h -41.02 a 2.44,2.44 0 0 1 -2.32,-1.69 l -12.7,-39.08 a 1.58,1.58 0 0 0 -2.7,0 l -12.7,39.08 a 2.44,2.44 0 0 1 -2.32,1.69 h -41.09 a 1.15,1.15 0 0 0 -0.68,2.09 l 33.24,24.15 a 2.43,2.43 0 0 1 0.89,2.73 l -12.7,39.08 a 1.16,1.16 0 0 0 1.78,1.29 l 28.1,-20.42 a 2.44,2.44 0 0 1 3.88,2 l -0.39,47.93 a 1.52,1.52 0 0 1 -1.38,1.5 c -18,1.78 -19.58,11.84 -24.75,17.5 a 0.48,0.48 0 0 0 0.36,0.8 h 2.24 a 1.3,1.3 0 0 1 1.31,1.31 v 46.94 c 0,1.69 -0.19,4.11 -3,4.51 a 3.16,3.16 0 0 0 -2.77,3.21 v 15.76 a 5.49,5.49 0 0 1 -1.34,3.38 l -74.37,88.21 a 131.7,131.7 0 0 1 -32,28.63 l -2.58,1.63 a 1.74,1.74 0 0 0 -0.49,2.43 10,10 0 0 0 6.58,4.3 2.27,2.27 0 0 1 1.83,2.27 v 137.46 a 5.63,5.63 0 0 0 5.5,5.76 h 256.33 a 5.63,5.63 0 0 0 5.5,-5.76 V 446.65 a 2.27,2.27 0 0 1 1.82,-2.27 10,10 0 0 0 6.59,-4.3 1.74,1.74 0 0 0 -0.49,-2.43 z M 329.9,270.52 c 0,-12.18 8.47,-17 16.73,-17 h 0.51 0.51 c 8.26,0 16.73,4.86 16.73,17 v 23.36 a 1.45,1.45 0 0 1 -1.44,1.47 h -31.6 a 1.45,1.45 0 0 1 -1.44,-1.47 z m 49.9,278.71 a 2.33,2.33 0 0 1 -2.34,2.33 h -60.64 a 2.33,2.33 0 0 1 -2.34,-2.33 V 441.3 a 32.19,32.19 0 0 1 32.3,-32.07 h 0.72 a 32.19,32.19 0 0 1 32.3,32.07 z"
|
||||
id="path5"
|
||||
style="fill:url(#D%C3%A9grad%C3%A9_sans_nom_10)" />
|
||||
<text
|
||||
class="cls-2"
|
||||
id="text7"
|
||||
transform="translate(552.98,474.47)">l<tspan
|
||||
class="cls-3"
|
||||
x="45.5"
|
||||
y="0"
|
||||
id="tspan5">’</tspan><tspan
|
||||
class="cls-4"
|
||||
x="75.860001"
|
||||
y="0"
|
||||
id="tspan6">É</tspan><tspan
|
||||
class="cls-5"
|
||||
x="194.39999"
|
||||
y="0"
|
||||
id="tspan7">toile</tspan></text>
|
||||
</g>
|
||||
<text
|
||||
class="cls-6"
|
||||
id="text8"
|
||||
transform="translate(557.02,548.55)">de Bethléem</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
BIN
assets/images/cover_1.jpg
Normal file
BIN
assets/images/cover_1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
199
assets/images/icons/old_tv_3d.svg
Normal file
199
assets/images/icons/old_tv_3d.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 38 KiB |
214
assets/images/icons/press.svg
Normal file
214
assets/images/icons/press.svg
Normal file
|
|
@ -0,0 +1,214 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="150mm"
|
||||
height="150mm"
|
||||
viewBox="0 0 150 150"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
xml:space="preserve"
|
||||
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
|
||||
sodipodi:docname="press.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:zoom="0.7911178"
|
||||
inkscape:cx="381.73834"
|
||||
inkscape:cy="441.14795"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1028"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="layer1" /><defs
|
||||
id="defs1"><inkscape:path-effect
|
||||
effect="perspective-envelope"
|
||||
up_left_point="3.4387126,50.379944"
|
||||
up_right_point="410.33328,-202.163"
|
||||
down_left_point="0.070511212,458.08954"
|
||||
down_right_point="406.52575,192.81024"
|
||||
id="path-effect17"
|
||||
is_visible="true"
|
||||
lpeversion="1"
|
||||
deform_type="envelope_deformation"
|
||||
horizontal_mirror="false"
|
||||
vertical_mirror="false"
|
||||
overflow_perspective="false" /><inkscape:perspective
|
||||
sodipodi:type="inkscape:persp3d"
|
||||
inkscape:vp_x="0 : 75 : 1"
|
||||
inkscape:vp_y="0 : 1000 : 0"
|
||||
inkscape:vp_z="150 : 75 : 1"
|
||||
inkscape:persp3d-origin="75 : 50 : 1"
|
||||
id="perspective12" /><inkscape:path-effect
|
||||
effect="fillet_chamfer"
|
||||
id="path-effect13"
|
||||
is_visible="true"
|
||||
lpeversion="1"
|
||||
nodesatellites_param="F,0,0,1,0,0.48183854,0,1 @ F,0,0,1,0,0.49849855,0,1 @ F,0,0,1,0,0.49030213,0,1 @ F,0,1,1,0,0.48183854,0,1"
|
||||
radius="0"
|
||||
unit="px"
|
||||
method="auto"
|
||||
mode="F"
|
||||
chamfer_steps="1"
|
||||
flexible="false"
|
||||
use_knot_distance="true"
|
||||
apply_no_radius="true"
|
||||
apply_with_radius="true"
|
||||
only_selected="false"
|
||||
hide_knots="false" /><inkscape:path-effect
|
||||
effect="fillet_chamfer"
|
||||
id="path-effect12"
|
||||
is_visible="true"
|
||||
lpeversion="1"
|
||||
nodesatellites_param="F,0,0,1,0,0.50385232,0,1 @ F,0,0,1,0,0.3886958,0,1 @ F,0,0,1,0,0.48436424,0,1 @ F,0,0,1,0,0.42035346,0,1"
|
||||
radius="0"
|
||||
unit="px"
|
||||
method="auto"
|
||||
mode="F"
|
||||
chamfer_steps="1"
|
||||
flexible="false"
|
||||
use_knot_distance="true"
|
||||
apply_no_radius="true"
|
||||
apply_with_radius="true"
|
||||
only_selected="false"
|
||||
hide_knots="false" /><inkscape:path-effect
|
||||
effect="fillet_chamfer"
|
||||
id="path-effect11"
|
||||
is_visible="true"
|
||||
lpeversion="1"
|
||||
nodesatellites_param="F,0,0,1,0,0.26796472,0,1 @ F,0,0,1,0,0.38607697,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1"
|
||||
radius="0"
|
||||
unit="px"
|
||||
method="auto"
|
||||
mode="F"
|
||||
chamfer_steps="1"
|
||||
flexible="false"
|
||||
use_knot_distance="true"
|
||||
apply_no_radius="true"
|
||||
apply_with_radius="true"
|
||||
only_selected="false"
|
||||
hide_knots="false" /><inkscape:path-effect
|
||||
effect="fillet_chamfer"
|
||||
id="path-effect10"
|
||||
is_visible="true"
|
||||
lpeversion="1"
|
||||
nodesatellites_param="F,0,0,1,0,0.8713224,0,1 @ F,0,0,1,0,0.59804875,0,1 @ F,0,0,1,0,1.2911614,0,1 @ F,0,0,1,0,0.59255117,0,1"
|
||||
radius="0"
|
||||
unit="px"
|
||||
method="auto"
|
||||
mode="F"
|
||||
chamfer_steps="1"
|
||||
flexible="false"
|
||||
use_knot_distance="true"
|
||||
apply_no_radius="true"
|
||||
apply_with_radius="true"
|
||||
only_selected="false"
|
||||
hide_knots="false" /><inkscape:path-effect
|
||||
effect="fillet_chamfer"
|
||||
id="path-effect9"
|
||||
is_visible="true"
|
||||
lpeversion="1"
|
||||
nodesatellites_param="F,0,0,1,0,1.5320744,0,1 @ F,0,0,1,0,2.464208,0,1 @ F,0,0,1,0,2.1619625,0,1 @ F,0,0,1,0,2.053532,0,1"
|
||||
radius="0"
|
||||
unit="px"
|
||||
method="auto"
|
||||
mode="F"
|
||||
chamfer_steps="1"
|
||||
flexible="false"
|
||||
use_knot_distance="true"
|
||||
apply_no_radius="true"
|
||||
apply_with_radius="true"
|
||||
only_selected="false"
|
||||
hide_knots="false" /><inkscape:path-effect
|
||||
effect="fillet_chamfer"
|
||||
id="path-effect8"
|
||||
is_visible="true"
|
||||
lpeversion="1"
|
||||
nodesatellites_param="F,0,0,1,0,1.9306832,0,1 @ F,0,0,1,0,3.4491925,0,1 @ F,0,0,1,0,1.8488646,0,1 @ F,0,0,1,0,3.1713061,0,1"
|
||||
radius="0"
|
||||
unit="px"
|
||||
method="auto"
|
||||
mode="F"
|
||||
chamfer_steps="1"
|
||||
flexible="false"
|
||||
use_knot_distance="true"
|
||||
apply_no_radius="true"
|
||||
apply_with_radius="true"
|
||||
only_selected="false"
|
||||
hide_knots="false" /><inkscape:path-effect
|
||||
effect="fillet_chamfer"
|
||||
id="path-effect7"
|
||||
is_visible="true"
|
||||
lpeversion="1"
|
||||
nodesatellites_param="F,0,0,1,0,1.298621,0,1 @ F,0,0,1,0,2.2648675,0,1 @ F,0,0,1,0,2.1848501,0,1 @ F,0,0,1,0,2.921556,0,1"
|
||||
radius="0"
|
||||
unit="px"
|
||||
method="auto"
|
||||
mode="F"
|
||||
chamfer_steps="1"
|
||||
flexible="false"
|
||||
use_knot_distance="true"
|
||||
apply_no_radius="true"
|
||||
apply_with_radius="true"
|
||||
only_selected="false"
|
||||
hide_knots="false" /></defs><g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"><path
|
||||
style="fill:#ffffff;stroke-width:1.3266;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-opacity:0.256546;paint-order:markers stroke fill;fill-opacity:1"
|
||||
d="M 29.81769,55.939997 108.02949,9.1150606 109.81906,9.9587951 31.639442,57.404703 Z"
|
||||
id="path20"
|
||||
sodipodi:nodetypes="ccccc" /><path
|
||||
id="path18"
|
||||
style="fill:#ffffff;stroke-width:1.3266;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-opacity:0.256546;paint-order:markers stroke fill;fill-opacity:1"
|
||||
d="m 123.25471,13.807324 c -1.3142,-0.07054 -79.319857,43.394235 -80.687799,46.380217 -0.731743,1.597268 0.507032,52.274319 0.628531,61.344949 -0.109616,5.33152 -10.614329,4.77927 -11.354338,-2.3055 0.103899,-4.67859 1.747667,-55.948349 0.849407,-60.578373 -0.439041,-1.731224 -4.638149,-6.604254 -4.737178,0.05891 -0.09902,6.663107 -2.196159,60.860193 0.06304,65.475593 3.066703,5.55935 15.928343,4.17092 20.324778,2.16097 0.739125,-0.66378 73.293149,-44.462935 75.718459,-47.832603 -0.0906,-21.952467 -0.13105,-64.667992 -0.8049,-64.704163 z m -2.00339,4.337904 0.64305,58.773591 -74.206842,45.859731 c 0,0 -0.83608,-60.51761 0.221176,-61.963657 1.057256,-1.446047 73.342616,-42.669665 73.342616,-42.669665 z"
|
||||
sodipodi:nodetypes="sscccssccsccczc" /><path
|
||||
style="fill:#ffffff;stroke-width:1.3266;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-opacity:0.256546;paint-order:markers stroke fill;fill-opacity:1"
|
||||
d="m 109.74963,9.9148948 -0.0598,9.7109862 h -0.57358 l -0.12126,-9.441824 z"
|
||||
id="path21" /><path
|
||||
style="fill:#ffffff;stroke-width:1.3266;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-opacity:0.256546;paint-order:markers stroke fill;fill-opacity:1"
|
||||
d="M 53.019302,65.63139 53.323631,87.320823 71.111541,77.193586 70.191353,56.779209 Z"
|
||||
id="path22" /><path
|
||||
style="fill:#ffffff;stroke:#ffffff;stroke-width:0.243215;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill;fill-opacity:1"
|
||||
d="M 76.736599,64.625072 116.93064,40.853493"
|
||||
id="path24" /><path
|
||||
style="fill:#ffffff;stroke:#ffffff;stroke-width:0.243291;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill;fill-opacity:1"
|
||||
d="M 76.815327,67.442579 117.05577,43.68366"
|
||||
id="path24-9" /><path
|
||||
style="fill:#ffffff;stroke:#ffffff;stroke-width:0.244965;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill;fill-opacity:1"
|
||||
d="M 76.735248,70.296802 89.944444,62.408116 117.02157,46.237339"
|
||||
id="path24-9-0"
|
||||
sodipodi:nodetypes="ccc" /><path
|
||||
style="fill:#ffffff;stroke:#ffffff;stroke-width:0.245323;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill;fill-opacity:1"
|
||||
d="M 76.714055,74.28663 117.15528,50.249026"
|
||||
id="path24-9-0-0" /><path
|
||||
style="fill:#ffffff;stroke:#ffffff;stroke-width:0.386135;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill;fill-opacity:1"
|
||||
d="M 54.997832,94.311675 117.54682,55.808924"
|
||||
id="path24-1" /><path
|
||||
style="fill:#ffffff;stroke:#ffffff;stroke-width:0.386135;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill;fill-opacity:1"
|
||||
d="M 55.117362,98.755124 117.66635,60.252373"
|
||||
id="path24-9-8" /><path
|
||||
style="fill:#ffffff;stroke:#ffffff;stroke-width:0.386135;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill;fill-opacity:1"
|
||||
d="M 54.994964,103.25782 117.54395,64.755068"
|
||||
id="path24-9-0-7" /><path
|
||||
style="fill:#ffffff;stroke:#ffffff;stroke-width:0.386135;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill;fill-opacity:1"
|
||||
d="M 54.834373,108.03947 117.38336,69.536726"
|
||||
id="path24-9-0-0-9" /><path
|
||||
style="fill:#ffffff;stroke:#025e73;stroke-width:0;stroke-linejoin:round;stroke-miterlimit:5.3;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill;fill-opacity:1"
|
||||
d="m 76.145642,54.389451 0.142231,5.86699 40.782987,-24.888204 -0.005,-6.869257 z"
|
||||
id="path25" /></g><style
|
||||
type="text/css"
|
||||
id="style1">
|
||||
.st0{fill:#000000;}
|
||||
</style></svg>
|
||||
|
After Width: | Height: | Size: 9.9 KiB |
23
assets/sass/alert.scss
Normal file
23
assets/sass/alert.scss
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
.alert {
|
||||
border: 2px solid $accent;
|
||||
background-color: darken($accent, 10%);
|
||||
color: white;
|
||||
border-radius: 3px;
|
||||
padding: 1rem 2rem;
|
||||
margin: 1rem 0;
|
||||
|
||||
width: 100%;
|
||||
|
||||
.alert-split-content {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $md-breakpoint) {
|
||||
.alert {
|
||||
.alert-split-content {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -10,59 +10,88 @@
|
|||
}
|
||||
}
|
||||
|
||||
.article {
|
||||
.article-card {
|
||||
display: flex;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
margin-bottom: 1rem;
|
||||
|
||||
.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__background {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-size: cover;
|
||||
z-index: 0;
|
||||
transition: all 0.2s ease-in-out;
|
||||
.article__image {
|
||||
height: 100% !important;
|
||||
min-height: 100% !important;
|
||||
width: 500px;
|
||||
margin-right: 0rem;
|
||||
}
|
||||
|
||||
.article__background-overlay {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: rgba(1, 1, 1, 0.5);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.article__content {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
color: white;
|
||||
padding: 2rem 0;
|
||||
padding: 2rem;
|
||||
width: 100%;
|
||||
|
||||
.article__title {
|
||||
color: white;
|
||||
a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
.article__summary {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.article__meta {
|
||||
margin-bottom: 1rem;
|
||||
opacity: 0.8;
|
||||
}
|
||||
.article__bottom {
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
.article__summary {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
.article__readmore {
|
||||
border: 1px solid white;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -81,3 +110,20 @@
|
|||
.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%;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -360,7 +360,7 @@ $height: 30rem;
|
|||
padding-top: 0rem;
|
||||
}
|
||||
.slide-image {
|
||||
height: 13rem;
|
||||
height: 16rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,6 +6,8 @@ body {
|
|||
min-height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.footer-push {
|
||||
|
|
|
|||
|
|
@ -82,6 +82,10 @@ a:hover {
|
|||
height: 100%;
|
||||
}
|
||||
|
||||
.mr-1 {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
object-fit: contain;
|
||||
|
|
|
|||
|
|
@ -4,6 +4,10 @@ $header-height: 6rem;
|
|||
background: $background;
|
||||
color: white;
|
||||
height: $header-height;
|
||||
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 90;
|
||||
}
|
||||
|
||||
.site-header__content {
|
||||
|
|
@ -157,7 +161,7 @@ $header-height: 6rem;
|
|||
width: 100%;
|
||||
opacity: 1;
|
||||
// transition: opacity 0.8s ease-in-out;
|
||||
animation: navin 1s ease-in-out;
|
||||
animation: navin .5s ease-in-out;
|
||||
}
|
||||
|
||||
/* */
|
||||
|
|
|
|||
|
|
@ -38,8 +38,6 @@
|
|||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.cover__overlay {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
|
|
@ -49,6 +47,65 @@
|
|||
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;
|
||||
opacity: 0.4;
|
||||
svg {
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
.section-title {
|
||||
padding-top: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.news-section {
|
||||
|
||||
.side-icon {
|
||||
left: -50px;
|
||||
bottom: -75px;
|
||||
svg {
|
||||
width: 500px;
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
.separator {
|
||||
width: 100%;
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
margin: 1rem 0;
|
||||
}
|
||||
.article-cards {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes cover_title_in {
|
||||
0% {
|
||||
left: -10rem;
|
||||
|
|
@ -100,7 +157,7 @@
|
|||
@media (min-width: $lg-breakpoint) {
|
||||
.cover__back {
|
||||
background-position-x: center;
|
||||
background-position-y: -1.5rem;
|
||||
// background-position-y: -1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -287,5 +344,9 @@
|
|||
@media (max-width: $md-breakpoint) {
|
||||
.history-container {
|
||||
}
|
||||
|
||||
.side-icon {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -43,4 +43,5 @@ $hidden: #2C3E50;
|
|||
@import 'tags.scss';
|
||||
@import 'card.scss';
|
||||
@import 'sliding_gallery.scss';
|
||||
@import 'alert.scss';
|
||||
|
||||
|
|
|
|||
BIN
content/actualites/fake-1/crypte_500ans.jpg
Normal file
BIN
content/actualites/fake-1/crypte_500ans.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 330 KiB |
|
|
@ -1,6 +1,8 @@
|
|||
---
|
||||
title: Annonce des visites de la chapelle
|
||||
date: 2023-02-21
|
||||
featured_image:
|
||||
src: crypte_500ans.jpg
|
||||
---
|
||||
|
||||
Depuis la création du groupe Facebook dédié à la Chapelle de Bethléem, vous n'avez cessé d'être de plus en plus nombreux à témoigner votre intérêt.🙏
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
---
|
||||
title: Partenariat entre X et Y pour faire Z
|
||||
date: 2023-06-15
|
||||
featured_image:
|
||||
src: lumiere_bethleem.jpg
|
||||
---
|
||||
|
||||
Depuis la création du groupe Facebook dédié à la Chapelle de Bethléem, vous n'avez cessé d'être de plus en plus nombreux à témoigner votre intérêt.🙏
|
||||
|
|
|
|||
BIN
content/actualites/fake-2/lumiere_bethleem.jpg
Normal file
BIN
content/actualites/fake-2/lumiere_bethleem.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 383 KiB |
|
|
@ -6,3 +6,15 @@ Raconte nous une histoire...
|
|||
|
||||
Ici vous trouverez des billets/chroniques parlant de l'histoire de la chapelle et de son environnement.
|
||||
|
||||
## Historique détaillé de la chapelle
|
||||
|
||||
- 1550 : [Charles Ier de Bourbon](https://fr.wikipedia.org/wiki/Charles_Ier_de_Bourbon_(archev%C3%AAque_de_Rouen)) est nommé archévèque de Rouen
|
||||
- 1563 : [La Chartreuse d'Aubevoye](https://fr.wikipedia.org/wiki/Chartreuse_d'Aubevoye) est fondé.
|
||||
|
||||
Le Cardinal Bourbon envoya par 2 fois son architecte Pierre Marchant
|
||||
|
||||
- 1576 : début de la construction de la chapelle et de sa crypte.
|
||||
- 1582 : la chapelle et ses dépendances sont données aux chartreux qui en font une dépendances, des moines viennent hermiter et vivre à coté de la chapelle
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -6,5 +6,6 @@ imtags:
|
|||
- crypte
|
||||
- entrée-crypte
|
||||
inception: 1896
|
||||
author: M. Raveton
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -1,10 +1,14 @@
|
|||
{{ define "main" }}
|
||||
<div class="cover__container">
|
||||
<div class="cover__back" style="background-image: url('https://share.lefuturiste.fr/u/2478737d-7e5e-42cd-8764-d0136ef83546/cover_v2_01.jpg')">
|
||||
<video playsinline autoplay muted loop>
|
||||
<source src="https://static.etoiledebethleem.fr/videos/teaser_v5.mp4" type="video/webm">
|
||||
</video>
|
||||
{{ $cover := (resources.Get (printf "%s" ("images/cover_1.jpg" | safeURL))) }}
|
||||
{{ with $cover }}
|
||||
<div class="cover__back" style="background-image: url('{{ .RelPermalink }}')">
|
||||
<!-- For now we are not going to show a video -->
|
||||
<!-- <video playsinline autoplay muted loop> -->
|
||||
<!-- <source src="https://static.etoiledebethleem.fr/videos/teaser_v5.mp4" type="video/webm"> -->
|
||||
<!-- </video> -->
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="cover__overlay">
|
||||
</div>
|
||||
<div class="cover__content">
|
||||
|
|
@ -19,22 +23,50 @@
|
|||
</div>
|
||||
|
||||
<div class="page-container layout-two-spaced">
|
||||
<p>Campagne d'adhésion 2024, nous avons besoin de vous !</p>
|
||||
<a href="/adhesion" class="button">Adhérer !</a>
|
||||
<div class="alert">
|
||||
<div class="alert-split-content">
|
||||
<p>Campagne d'adhésion 2024, nous avons besoin de vous !</p>
|
||||
<a href="/adhesion" class="button">Adhérer</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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 */}}
|
||||
{{/*
|
||||
{{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
|
||||
{{ range $paginator.Pages }}
|
||||
{{ .Render "summary" }}
|
||||
{{ end }}
|
||||
{{ partial "pagination.html" . }}
|
||||
*/}}
|
||||
<section class="trailer-section landing-section" id="trailer-organization">
|
||||
<div class="page-container">
|
||||
<div class="organization__explain">
|
||||
<h2>Regardez la vidéo de présentation</h2>
|
||||
<div class="side-icon">
|
||||
{{ partial "helpers/svg" (dict "path" "icons/old_tv_3d") }}
|
||||
</div>
|
||||
<iframe
|
||||
class="video"
|
||||
title="Campagne d'adhésion 2023-2024 - L'étoile de Bethléem"
|
||||
width="100%" height="431"
|
||||
src="https://peertube.iriseden.eu/videos/embed/9db3e44d-6474-44d9-b528-72fa46cc788b?warningTitle=0&p2p=0"
|
||||
frameborder="0" allowfullscreen=""
|
||||
sandbox="allow-same-origin allow-scripts allow-popups"
|
||||
></iframe>
|
||||
<div class="end-action-container">
|
||||
<a
|
||||
href="https://youtube.com/watch?v=vJeEqDfz_4c"
|
||||
target="_blank"
|
||||
class="button button-sm button-light mr-1">
|
||||
Sur youtube
|
||||
</a>
|
||||
<a
|
||||
href="https://peertube.iriseden.eu/w/kttSsyAhtBDX76VciXDRDM"
|
||||
target="_blank"
|
||||
class="button button-sm button-light">
|
||||
Sur Peertube
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ $slides_count := 6 }}
|
||||
<section class="history-container" id="section-history">
|
||||
|
|
@ -337,51 +369,6 @@
|
|||
</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" id="section-organization">
|
||||
<div class="page-container">
|
||||
<!-- <div class="organization__image"> -->
|
||||
|
|
@ -404,71 +391,95 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<section class="news-section" id="section-news">
|
||||
<section class="landing-section news-section" id="section-news">
|
||||
<div class="side-icon">
|
||||
{{ partial "helpers/svg" (dict "path" "icons/press") }}
|
||||
</div>
|
||||
|
||||
|
||||
<div class="article-cards page-container">
|
||||
<h2 class="section-title">
|
||||
Les dernières nouvelles…
|
||||
</h2>
|
||||
<div class="news-presentation">
|
||||
{{ $pages := where .Site.RegularPages "Type" "in" "actualites" }}
|
||||
{{ $pag := .Paginate ($pages) }}
|
||||
{{ range $index, $element := $pag.Pages }}
|
||||
{{ if eq $index 0 }}
|
||||
{{ $featuredImage := (resources.Get (printf "%s" ("cover/cover.jpg" | safeURL))) }}
|
||||
|
||||
{{ with .Params.featured_image }}
|
||||
{{ $featuredImage = .Resources.GetMatch (.src | safeURL) }}
|
||||
{{ end }}
|
||||
{{ $featuredImage := $featuredImage.Resize "450x" }}
|
||||
<div
|
||||
class="prominent-article article-card"
|
||||
>
|
||||
<div
|
||||
class="article__background"
|
||||
style="background-image: url('{{ $featuredImage.RelPermalink }}')"
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class="article__background-overlay"
|
||||
>
|
||||
</div>
|
||||
<div class="article__content page-container">
|
||||
<div class="article__pre">
|
||||
Dernières nouvelles...
|
||||
</div>
|
||||
<h2 class="article__title">
|
||||
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
||||
</h2>
|
||||
<div class="article__meta">
|
||||
Le {{ .Date.Format "Monday 2 January 2006" }}
|
||||
</div>
|
||||
<div class="article__summary">
|
||||
{{ .Summary }}
|
||||
</div>
|
||||
<div class="article__bottom">
|
||||
<a
|
||||
href="{{ .RelPermalink }}"
|
||||
class="article__readmore button button-transparent"
|
||||
>
|
||||
Lire plus
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ $news := where .Site.RegularPages "Section" "in" "actualites" }}
|
||||
{{ range $index, $element := $news }}{{ if eq $index 0 }}
|
||||
{{ $featuredImage := (resources.Get (printf "%s" ("cover/cover.jpg" | safeURL))) }}
|
||||
{{ with $element.Params.featured_image }}
|
||||
{{ $featuredImage = $element.Resources.GetMatch .src }}
|
||||
{{ end }}
|
||||
<!-- <div class="prominent-article"> -->
|
||||
<!-- <div class="prominent-article__image"> -->
|
||||
<!-- </div> -->
|
||||
<!-- <div class="prominent-article__content"> -->
|
||||
<!-- <div class="prominent-article__title"> -->
|
||||
<!-- </div> -->
|
||||
<!-- <div class="prominent-article__summary"> -->
|
||||
<!-- </div> -->
|
||||
<!-- <div class="prominent-article__meta"> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
|
||||
<div class="page-container">
|
||||
Others articles...
|
||||
{{ $featuredImage := $featuredImage.Resize "800x" }}
|
||||
<div
|
||||
class="prominent-article article-card"
|
||||
>
|
||||
<a class="article__image" href="{{ .RelPermalink }}">
|
||||
{{ with $featuredImage }}
|
||||
<img src="{{ .RelPermalink }}" />
|
||||
{{ end }}
|
||||
</a>
|
||||
<div class="article__content">
|
||||
<h2 class="article__title">
|
||||
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
||||
</h2>
|
||||
<div class="article__meta">
|
||||
Le {{ time.Format "Monday 2 January 2006" .Date }}
|
||||
</div>
|
||||
<div class="article__summary">
|
||||
{{ .Summary | truncate 250 }}
|
||||
</div>
|
||||
<div class="article__bottom">
|
||||
<a
|
||||
href="{{ .RelPermalink }}"
|
||||
class="article__readmore button button-transparent"
|
||||
>
|
||||
Lire plus
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}{{ end }}
|
||||
</div>
|
||||
<div class="separator news-separator"></div>
|
||||
|
||||
<div class="secondary-news">
|
||||
{{ range $index, $element := $news }}{{ if (and (gt $index 0) (lt $index 3)) }}
|
||||
{{ $featuredImage := (resources.Get (printf "%s" ("cover/cover.jpg" | safeURL))) }}
|
||||
{{ with $element.Params.featured_image }}
|
||||
{{ $featuredImage = $element.Resources.GetMatch .src }}
|
||||
{{ end }}
|
||||
{{ $featuredImage := $featuredImage.Resize "fit 700x" }}
|
||||
<div
|
||||
class="article-card"
|
||||
href="{{ .RelPermalink }}"
|
||||
>
|
||||
<a class="article__image" href="{{ .RelPermalink }}">
|
||||
{{ with $featuredImage }}
|
||||
<img src="{{ .RelPermalink }}" />
|
||||
{{ end }}
|
||||
</a>
|
||||
<div class="article__content">
|
||||
<h2 class="article__title">
|
||||
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
||||
</h2>
|
||||
<div class="article__meta">
|
||||
Le {{ time.Format "Monday 2 January 2006" .Date }}
|
||||
</div>
|
||||
<div class="article__summary">
|
||||
{{ .Summary | truncate 100 }}
|
||||
</div>
|
||||
<div class="article__bottom">
|
||||
<a
|
||||
href="{{ .RelPermalink }}"
|
||||
class="article__readmore link"
|
||||
>
|
||||
Lire plus
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}{{ end }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
|
|
@ -2,9 +2,6 @@
|
|||
<div class="site-header__content page-container">
|
||||
<a class="site-header__title" href="/">
|
||||
{{ partial "helpers/svg" (dict "path" "all_logos/horizontal_white_transparent" "class" "site-header__logo") }}
|
||||
<!-- {{ $image := resources.Get "images/all_logos/horizontal_white_transparent.svg" }} -->
|
||||
<!-- <img class="site-header__logo" -->
|
||||
<!-- src="{{ $image.RelPermalink }}" /> -->
|
||||
</a>
|
||||
<nav class="site-header__nav desktop-nav">
|
||||
{{ with .File }}
|
||||
|
|
@ -20,7 +17,7 @@
|
|||
<ul class="inline-menu-list">
|
||||
<li><a href="/actualites">Actualités</a></li>
|
||||
<li><a href="/association">L'association</a></li>
|
||||
<li><a href="/histoires">Histoire</a></li>
|
||||
<li><a href="/chapelle-crypte">La chapelle</a></li>
|
||||
<li><a href="/images">Galerie</a></li>
|
||||
</ul>
|
||||
{{ end }}
|
||||
|
|
@ -37,7 +34,7 @@
|
|||
<ul class="list">
|
||||
<li><a href="/actualites">Actualités</a></li>
|
||||
<li><a href="/association">L'association</a></li>
|
||||
<li><a href="/histoires">Histoire</a></li>
|
||||
<li><a href="/chapelle-crypte">La chapelle</a></li>
|
||||
<li><a href="/images">Galerie</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
|
|
|||
Loading…
Reference in a new issue