feat(adhesion): tmp adhesion
This commit is contained in:
parent
16aa9bd4bb
commit
be64ca4110
16 changed files with 348 additions and 20 deletions
1
assets/images/icons/document.svg
Normal file
1
assets/images/icons/document.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V274.7l-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7V32zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V416c0-35.3-28.7-64-64-64H346.5l-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352H64zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z"/></svg>
|
||||
|
After Width: | Height: | Size: 654 B |
38
assets/images/icons/email.svg
Normal file
38
assets/images/icons/email.svg
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
viewBox="0 0 499.42 498.89"
|
||||
version="1.1"
|
||||
id="svg579"
|
||||
sodipodi:docname="email.svg"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs583" />
|
||||
<sodipodi:namedview
|
||||
id="namedview581"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.8729379"
|
||||
inkscape:cx="498.89001"
|
||||
inkscape:cy="234.26638"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="998"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="60"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg579" />
|
||||
<path
|
||||
d="m 250.88725,-117.60927 c -271.154164,0 -135.57709,0 0,0 z m 242.61959,294.61648 c -2.16451,1.23686 -3.40137,1.88784 -4.58942,2.63646 -73.91856,46.02416 -147.8046,92.08629 -221.65809,138.18641 -11.39212,7.16075 -21.77522,7.29095 -33.26498,0.0976 -73.77752,-46.21943 -147.66358,-92.28156 -221.658104,-138.1864 -1.285682,-0.79743 -2.636461,-1.48096 -4.75214,-2.68527 -0.179019,3.4502 -0.423136,6.07037 -0.423136,8.69056 v 226.76828 c 0,26.39716 18.585429,44.93377 45.096517,44.95005 H 448.58933 c 26.80403,0 45.32437,-18.47152 45.34063,-45.21044 V 185.46992 c -0.0163,-2.47371 -0.24412,-4.96369 -0.42312,-8.46271 z m -3.49903,-2.50628 c -2.00175,-1.43214 -3.05959,-2.26214 -4.18252,-2.96194 C 408.69522,123.4751 331.57599,75.400363 254.46762,27.314757 c -2.71785,-1.627443 -4.70332,-1.985481 -7.649,-0.162738 -77.3362,48.324284 -154.715832,96.605161 -232.138851,144.842651 -1.132376,0.80115 -2.219038,1.66506 -3.254891,2.58763 z"
|
||||
id="path577"
|
||||
sodipodi:nodetypes="ccccccccsscscccccccccc"
|
||||
style="stroke-width:1.62745" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2 KiB |
|
|
@ -1,3 +1,38 @@
|
|||
<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"/>
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
viewBox="0 0 500.88 499.97"
|
||||
version="1.1"
|
||||
id="svg732"
|
||||
sodipodi:docname="facebook.svg"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs736" />
|
||||
<sodipodi:namedview
|
||||
id="namedview734"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.87105226"
|
||||
inkscape:cx="398.94277"
|
||||
inkscape:cy="351.87326"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="978"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="80"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg732" />
|
||||
<path
|
||||
d="M 194.04961,236.93153 V 482.70557 H 299.94005 V 236.93153 h 73.98669 v -80.62996 h -75.32606 c 0.8572,-11.50518 0.76345,-22.39423 2.67874,-32.92166 3.21449,-17.96093 12.05431,-25.943556 30.24294,-28.126726 7.96922,-0.96434 16.07242,-0.54914 24.18898,-0.66969 6.02716,-0.0804 12.05432,0 18.2154,0 V 14.596436 h -7.6076 c -25.98374,0 -51.96749,-0.08036 -77.95123,0 -5.6586,0.0236 -11.3063,0.498349 -16.88943,1.41973 -36.05578,6.000369 -68.14705,35.185202 -74.22777,69.473017 -2.90644,16.380477 -2.61177,33.363667 -3.52254,50.078967 -0.36164,6.69685 0,13.39368 0,20.7736 h -66.96841 v 80.58978 z"
|
||||
id="path730"
|
||||
sodipodi:nodetypes="ccccccccccccscccccccc"
|
||||
style="stroke-width:1.33937" />
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 351 B After Width: | Height: | Size: 1.7 KiB |
2
assets/images/icons/peertube.svg
Normal file
2
assets/images/icons/peertube.svg
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg height="682.68799" viewBox="2799 -911 512 682.688" width="512" xmlns="http://www.w3.org/2000/svg"><g stroke-width="32"><path d="m2799-911v341.344l256-170.656" fill="#211f20"/><path d="m2799-569.656v341.344l256-170.656" fill="#737373"/><path d="m3055-740.344v341.344l256-170.656" fill="#f1680d"/></g></svg>
|
||||
|
After Width: | Height: | Size: 365 B |
5
assets/images/icons/youtube.svg
Normal file
5
assets/images/icons/youtube.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>
|
||||
<!--
|
||||
Font Awesome Free 5.4.1 by @fontawesome - https://fontawesome.com
|
||||
License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||
-->
|
||||
|
After Width: | Height: | Size: 730 B |
BIN
assets/images/logo_small.png
Normal file
BIN
assets/images/logo_small.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7 KiB |
131
assets/sass/adhesion.scss
Normal file
131
assets/sass/adhesion.scss
Normal file
|
|
@ -0,0 +1,131 @@
|
|||
|
||||
.adhesion-body {
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
.root {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.adhesion-container {
|
||||
background-color: black;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
height: 90vh;
|
||||
|
||||
.video-presentation {
|
||||
height: 100%;
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.adhesion {
|
||||
|
||||
}
|
||||
|
||||
.adhesion-footer {
|
||||
background-color: $background;
|
||||
width: 100%;
|
||||
height: 10vh;
|
||||
padding: 1rem 0;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.adhesion-btns {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.btn {
|
||||
background-color: white;
|
||||
opacity: 0.8;
|
||||
transition: 0.2s all;
|
||||
|
||||
.btn__icon {
|
||||
margin-right: 1rem;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.subscribe-button {
|
||||
text-transform: uppercase;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 35px;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
padding: .7rem 2rem;
|
||||
}
|
||||
|
||||
.socials {
|
||||
|
||||
display: flex;
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
li {
|
||||
background-color: white;
|
||||
border-radius: 50%;
|
||||
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
margin-right: 1rem;
|
||||
a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-transform: uppercase;
|
||||
|
||||
svg {
|
||||
display: block;
|
||||
padding: .7rem;
|
||||
fill: black;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $md-breakpoint) {
|
||||
.adhesion-container {
|
||||
height: 85vh;
|
||||
}
|
||||
.adhesion-footer {
|
||||
height: 15vh;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $xs-breakpoint) {
|
||||
.adhesion-container {
|
||||
height: 80vh;
|
||||
}
|
||||
.adhesion-footer {
|
||||
height: 20vh;
|
||||
.subscribe-button {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.adhesion-btns {
|
||||
flex-direction: column;
|
||||
}
|
||||
.socials {
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -81,14 +81,34 @@ body {
|
|||
|
||||
.site-footer-socials__logo {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
fill: white;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $md-breakpoint) {
|
||||
@media (max-width: $sm-breakpoint) {
|
||||
.site-footer__content {
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.site-footer__title-recall {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.site-footer-socials {
|
||||
justify-content: center;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
.inline-menu-list {
|
||||
display: block;
|
||||
text-align: center;
|
||||
|
||||
li {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -35,6 +35,7 @@ $accent-dark: #A56F09;
|
|||
@import 'sections.scss';
|
||||
@import 'carousel.scss';
|
||||
@import 'countdown.scss';
|
||||
@import 'adhesion.scss';
|
||||
|
||||
// components
|
||||
@import 'tags.scss';
|
||||
|
|
|
|||
|
|
@ -13,9 +13,15 @@ changefreq = 'weekly'
|
|||
|
||||
[params]
|
||||
dateFmt = "02.01.2006 15:04"
|
||||
[params.contact]
|
||||
email = "contact@etoiledebethleem.fr"
|
||||
website = "https://etoiledebethleem.fr"
|
||||
helloasso = "https://www.helloasso.com/associations/l-etoile-de-bethleem-association-des-amis-de-la-chapelle-de-bethleem-d-aubevoye/"
|
||||
helloasso_adhesion = "https://www.helloasso.com/associations/l-etoile-de-bethleem-association-des-amis-de-la-chapelle-de-bethleem-d-aubevoye/adhesions/2023-2024"
|
||||
paper_adhesion = "https://static.etoiledebethleem.fr/docs/adhesion_papier_2023-2024_v2.1.pdf"
|
||||
[params.socials]
|
||||
facebook = "https://www.facebook.com/groups/bethleemaubevoye"
|
||||
twitter = "https://www.helloasso.com/associations/l-etoile-de-bethleem-association-des-amis-de-la-chapelle-de-bethleem-d-aubevoye/"
|
||||
youtube = "https://www.youtube.com/@letoiledebethleem9895"
|
||||
|
||||
[params.defaultLogoImage]
|
||||
local = true
|
||||
|
|
|
|||
10
content/adhesion/_index.md
Normal file
10
content/adhesion/_index.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: "Campagne d'adhésion l'Étoile de Bethléem - 2023-2024"
|
||||
with_header: false
|
||||
with_footer: false
|
||||
body_class: "adhesion-body"
|
||||
with_normal_config: false
|
||||
description: Adhérez et soutenez nous !
|
||||
featured_image:
|
||||
src: ./images/default_logo.png
|
||||
---
|
||||
|
|
@ -5,6 +5,7 @@ mime_type: image/jpeg
|
|||
imtags:
|
||||
- crypte
|
||||
- etoile
|
||||
#inception: 2000-10-08
|
||||
inception: 2010-09-21
|
||||
---
|
||||
|
||||
Vue rapproché de la dalle de la crypte avec l'étoile en marbre originellement publié sur [La roche aux loups](https://larocheauxloups.wordpress.com/balades-en-france/journees-du-patrimoine-2010-a-gaillon/). Tout droits réservés.
|
||||
|
|
|
|||
|
|
@ -5,7 +5,8 @@
|
|||
|
||||
{{- block "head" . -}}{{ end }}
|
||||
</head>
|
||||
<body>
|
||||
<body class="{{ with .Params.body_class }}{{ . }}{{ end }}">
|
||||
{{ if or (not (isset .Params "with_normal_config")) .Params.with_normal_config }}
|
||||
<div class="footer-push">
|
||||
{{ if or (not (isset .Params "with_header")) .Params.with_header }}
|
||||
{{ partial "header" . }}
|
||||
|
|
@ -15,5 +16,8 @@
|
|||
{{ if or (not (isset .Params "with_footer")) .Params.with_footer }}
|
||||
{{ partial "footer" . }}
|
||||
{{ end }}
|
||||
{{ else }}
|
||||
{{ block "main" . }}{{ end }}
|
||||
{{ end }}
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
61
layouts/adhesion/list.html
Normal file
61
layouts/adhesion/list.html
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
{{ define "main" }}
|
||||
<div class="root">
|
||||
<div class="adhesion-container">
|
||||
<div class="video-presentation">
|
||||
<!-- <!-1- <iframe -1-> -->
|
||||
<!-- <!-1- title="Campagne d'adhésion 2023-2024 - L'étoile de Bethléem" -1-> -->
|
||||
<!-- <!-1- width="100%" height="950" -1-> -->
|
||||
<!-- <!-1- src="https://peertube.iriseden.eu/videos/embed/575e83c9-2dd5-464c-a31e-c2aae1bfd48b?p2p=0" -1-> -->
|
||||
<!-- <!-1- frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups"> -1-> -->
|
||||
<!-- <!-1- </iframe> -1-> -->
|
||||
<iframe
|
||||
width="100%"
|
||||
src="https://www.youtube.com/embed/vJeEqDfz_4c"
|
||||
title="YouTube video player"
|
||||
frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="adhesion-footer">
|
||||
<div class="page-container adhesion-btns">
|
||||
<a
|
||||
class="btn subscribe-button"
|
||||
href="{{ .Site.Params.contact.helloasso_adhesion }}"
|
||||
title="Adhérer sur Helloasso"
|
||||
>
|
||||
{{ partial "helpers/svg" (dict "path" "icons/helloasso" "class" "btn__icon") }}
|
||||
Adhérer
|
||||
</a>
|
||||
|
||||
<ul class="socials">
|
||||
<li class="btn" title="Télécharger le bulletin d'adhésion papier">
|
||||
<a href="{{ .Site.Params.contact.paper_adhesion }}">
|
||||
{{ partial "helpers/svg" (dict "path" "icons/document" "class" "site-footer-socials__logo") }}
|
||||
</a>
|
||||
</li>
|
||||
<li class="btn" title="Envoyer nous un e-mail">
|
||||
<a href="mailto:{{ .Site.Params.contact.email }}">
|
||||
{{ partial "helpers/svg" (dict "path" "icons/email" "class" "site-footer-socials__logo") }}
|
||||
</a>
|
||||
</li>
|
||||
<li class="btn" title="Notre chaîne YouTube">
|
||||
<a href="{{ .Site.Params.socials.youtube }}">
|
||||
{{ partial "helpers/svg" (dict "path" "icons/youtube" "class" "site-footer-socials__logo") }}
|
||||
</a>
|
||||
</li>
|
||||
<li class="btn" title="Notre groupe facebook">
|
||||
<a href="{{ .Site.Params.socials.facebook }}">
|
||||
{{ partial "helpers/svg" (dict "path" "icons/facebook" "class" "site-footer-socials__logo") }}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{{ end }}
|
||||
|
||||
|
|
@ -1,4 +1,10 @@
|
|||
{{ define "main" }}
|
||||
<div class="team-presentation">
|
||||
<div class="team-item">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<main class="page-container">
|
||||
{{ $listtitle := .Title }}
|
||||
|
||||
|
|
@ -23,5 +29,6 @@
|
|||
</div>
|
||||
{{ end }}
|
||||
</main>
|
||||
|
||||
{{ end }}
|
||||
|
||||
|
|
|
|||
|
|
@ -6,29 +6,35 @@
|
|||
<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 href="{{ .Site.Params.socials.peertube }}">
|
||||
{{ partial "helpers/svg" (dict "path" "icons/peertube" "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>
|
||||
<a href="{{ .Site.Params.socials.mastodon }}">
|
||||
{{ partial "helpers/svg" (dict "path" "icons/mastodon" "class" "site-footer-socials__logo") }}
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a>
|
||||
<a href="{{ .Site.Params.socials.facebook }}">
|
||||
{{ partial "helpers/svg" (dict "path" "icons/facebook" "class" "site-footer-socials__logo") }}
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ .Site.Params.socials.youtube }}">
|
||||
{{ partial "helpers/svg" (dict "path" "icons/youtube" "class" "site-footer-socials__logo") }}
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ .Site.Params.contact.helloasso }}">
|
||||
{{ 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="/association">Notre association</a></li>
|
||||
<li><a href="/contact">Nous contacter</a></li>
|
||||
<li><a href="/a-propos-du-site">A propos de ce site</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue