From 5c678b4fe5e2e3a20f97af27ca270d72697b2cc5 Mon Sep 17 00:00:00 2001
From: Eloi Perdereau <eloi@perdereau.eu>
Date: Sat, 21 Nov 2020 18:22:26 +0100
Subject: [PATCH] contacts jardin avec formulaire
---
_data/extlinks.yml | 1 +
...html => formulaire-newsletter-jardin.html} | 137 +++++++++---------
_pages/index.md | 9 +-
_pages/l-asso/contacts.md | 47 ++----
4 files changed, 82 insertions(+), 112 deletions(-)
rename _includes/{sendinblue-inscription.html => formulaire-newsletter-jardin.html} (88%)
diff --git a/_data/extlinks.yml b/_data/extlinks.yml
index 29d0e99..4269d27 100644
--- a/_data/extlinks.yml
+++ b/_data/extlinks.yml
@@ -9,6 +9,7 @@ fb-jardin: https://www.facebook.com/jardinluminy/
fb-club-science: https://www.facebook.com/Club-de-Science-Luminy-114357542612098/
fb-fse: https://www.facebook.com/Club-de-Science-Luminy-114357542612098/
helloasso-ccl: https://www.helloasso.com/associations/centre-culturel-de-luminy
+helloasso-jardin: https://www.helloasso.com/associations/jardin-universitaire-de-luminy/
github-ccl: https://github.com/CCLuminy/CCL-site/
cagette: http://app.cagette.net/group/2003
diff --git a/_includes/sendinblue-inscription.html b/_includes/formulaire-newsletter-jardin.html
similarity index 88%
rename from _includes/sendinblue-inscription.html
rename to _includes/formulaire-newsletter-jardin.html
index f839574..8f04604 100644
--- a/_includes/sendinblue-inscription.html
+++ b/_includes/formulaire-newsletter-jardin.html
@@ -65,23 +65,23 @@
/>
</svg>
<span class="sib-form-message-panel__inner-text">
- Inscription réussie ! Vous reçevrez un mail de bienvenue !
+ Votre inscription est confirmée.
</span>
</div>
</div>
<div></div>
- <div id="sib-container" class="sib-container--large sib-container--vertical" style="text-align:center; background-color:rgba(235,235,224,1); max-width:540px; border-radius:11px; border-width:1px; border-color:#e9dcbe; border-style:solid;">
- <form id="sib-form" method="POST" action="https://23aec1fe.sibforms.com/serve/MUIEAMcWLnbUPHLXe8hNOU3aUQqpKaBVOjNYFZ11xtNLFEtBNGVMQyU9C5ZiQxv41A6QVH6RgipQUBNbjClj9Q89TKnXD-W6NG4adqjFUmz_bkX6PZByD05GbaynjHUnkWqPTv0AOldImzC3kjTBwxThn9gJMG6Tus8KEXcUgQkUEtUrOH-dt8-abQylGqORAn8FTYOGJzie_1QU"
+ <div id="sib-container" class="sib-container--large sib-container--vertical" style="text-align:center; background-color:rgba(235,235,224,1); max-width:540px; border-radius:3px; border-width:1px; border-color:#e9dcbe; border-style:solid;">
+ <form id="sib-form" method="POST" action="https://23aec1fe.sibforms.com/serve/MUIEAGsRQhxrzgqiqwen5yl7f6V9Dk71a1sOkpd11Qy1cyDWh_oWGIN72uP5aZslhrso7tLhKuWJv6LbaW9YkdRvr4iDLUjTjaydcM8_AXal3loBdKS2Mvhl1w3WFdp88RdDyhbYuVrfS8X5GXzWndx9bPXG8YcTRplGhHt5cBFjTqvaIvQxLpku32rxp-1OrrBId2EIYAJs2O8t"
data-type="subscription">
<div style="padding: 8px 0;">
- <div class="sib-form-block" style="font-size:30px; text-align:left; font-weight:700; font-family:"Helvetica", sans-serif; color:#3C4858; background-color:transparent;">
- <p>Contact</p>
+ <div class="sib-form-block" style="font-size:32px; text-align:left; font-weight:700; font-family:"Helvetica", sans-serif; color:#3C4858; background-color:transparent;">
+ <p>Newsletter du Jardin</p>
</div>
</div>
<div style="padding: 8px 0;">
<div class="sib-form-block" style="font-size:16px; text-align:left; font-family:"Helvetica", sans-serif; color:#3C4858; background-color:transparent;">
<div class="sib-text-form-block">
- <p>Donnez-nous vos contact pour reçevoir des d'infos sur nos actions ! <em>Garanti RGPD.</em></p>
+ <p>Inscrivez-vous à notre newsletter pour suivre nos actualités.</p>
</div>
</div>
</div>
@@ -89,17 +89,46 @@
<div class="sib-input sib-form-block">
<div class="form__entry entry_block">
<div class="form__label-row ">
- <label class="entry__label" style="font-size:16px; text-align:left; font-weight:700; font-family:"Helvetica", sans-serif; color:#3c4858;" for="PRENOM">
- PRENOM
+ <label class="entry__label" style="font-size:16px; text-align:left; font-weight:700; font-family:"Helvetica", sans-serif; color:#3c4858;" for="EMAIL" data-required="*">
+ Veuillez renseigner votre adresse e-mail pour vous inscrire
</label>
<div class="entry__field">
- <input class="input" maxlength="200" type="text" id="PRENOM" name="PRENOM" autocomplete="off" placeholder="PRENOM" />
+ <input class="input" type="text" id="EMAIL" name="EMAIL" autocomplete="off" placeholder="EMAIL" data-required="true" required />
</div>
</div>
<label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:"Helvetica", sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
</label>
+ <label class="entry__specification" style="font-size:12px; text-align:left; font-family:"Helvetica", sans-serif; color:#8390A4;">
+ Nous n'envoyons pas plus d'un e-mail ou deux par semaine.
+ </label>
+ </div>
+ </div>
+ </div>
+ <div style="padding: 8px 0;">
+ <div class="sib-optin sib-form-block" data-required="true">
+ <div class="form__entry entry_mcq">
+ <div class="form__label-row ">
+ <div class="entry__choice">
+ <label>
+ <input type="checkbox" class="input_replaced" value="1" id="OPT_IN" name="OPT_IN" required />
+ <span class="checkbox checkbox_tick_positive"></span><span style="font-size:14px; text-align:left; font-family:"Helvetica", sans-serif; color:#3C4858; background-color:transparent;"><p>J'accepte de recevoir vos e-mails et confirme avoir pris connaissance de votre politique de confidentialité et mentions légales.</p><span data-required="*" style="display: inline;" class="entry__label entry__label_optin"></span></span>
+ </label>
+ </div>
+ </div>
+ <label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:"Helvetica", sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
+ </label>
+ <label class="entry__specification" style="font-size:12px; text-align:left; font-family:"Helvetica", sans-serif; color:#8390A4;">
+ Vous pouvez vous désinscrire à tout moment en cliquant sur le lien présent dans nos e-mails.
+ </label>
+ </div>
+ </div>
+ </div>
+ <div style="padding: 8px 0;">
+ <div class="sib-form-block" style="font-size:16px; text-align:left; font-family:"Helvetica", sans-serif; color:#3C4858; background-color:transparent;">
+ <div class="sib-text-form-block">
+ <p>Vous pouvez nous donner plus d'informations sur vous si vous le souhaitez. Aucun des champs ci-dessous ne sont obligatoires.</p>
</div>
</div>
</div>
@@ -107,12 +136,12 @@
<div class="sib-input sib-form-block">
<div class="form__entry entry_block">
<div class="form__label-row ">
- <label class="entry__label" style="font-size:16px; text-align:left; font-weight:700; font-family:"Helvetica", sans-serif; color:#3c4858;" for="NOM">
- NOM
+ <label class="entry__label" style="font-size:16px; text-align:left; font-weight:700; font-family:"Helvetica", sans-serif; color:#3c4858;" for="PRENOM">
+ Entrez votre PRENOM
</label>
<div class="entry__field">
- <input class="input" maxlength="200" type="text" id="NOM" name="NOM" autocomplete="off" placeholder="NOM" />
+ <input class="input" maxlength="200" type="text" id="PRENOM" name="PRENOM" autocomplete="off" placeholder="PRENOM" />
</div>
</div>
@@ -125,12 +154,12 @@
<div class="sib-input sib-form-block">
<div class="form__entry entry_block">
<div class="form__label-row ">
- <label class="entry__label" style="font-size:16px; text-align:left; font-weight:700; font-family:"Helvetica", sans-serif; color:#3c4858;" for="EMAIL" data-required="*">
- EMAIL
+ <label class="entry__label" style="font-size:16px; text-align:left; font-weight:700; font-family:"Helvetica", sans-serif; color:#3c4858;" for="NOM">
+ Entrez votre NOM
</label>
<div class="entry__field">
- <input class="input" type="text" id="EMAIL" name="EMAIL" autocomplete="off" placeholder="EMAIL" data-required="true" required />
+ <input class="input" maxlength="200" type="text" id="NOM" name="NOM" autocomplete="off" placeholder="NOM" />
</div>
</div>
@@ -144,7 +173,7 @@
<div class="form__entry entry_block">
<div class="form__label-row ">
<label class="entry__label" style="font-size:16px; text-align:left; font-weight:700; font-family:"Helvetica", sans-serif; color:#3c4858;" for="SMS">
- TÉLÉPHONE
+ Entrez votre TÉLÉPHONE
</label>
<div class="sib-sms-input-wrapper">
@@ -921,68 +950,37 @@
<label class="entry__error entry__error--secondary" style="font-size:16px; text-align:left; font-family:"Helvetica", sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
</label>
<label class="entry__specification" style="font-size:12px; text-align:left; font-family:"Helvetica", sans-serif; color:#8390A4;">
- Parfois, on envoie quelques SMS.
+ Nous n'envoyons pas de SMS groupés, mais cela nous permet de vous contacter directement sur certains sujets si vous le souhaitez.
</label>
</div>
</div>
</div>
<div style="padding: 8px 0;">
- <div class="sib-input sib-form-block">
- <div class="form__entry entry_block">
- <div class="form__label-row ">
- <label class="entry__label" style="font-size:16px; text-align:left; font-weight:700; font-family:"Helvetica", sans-serif; color:#3c4858;" for="COMMENTAIRE">
- COMMENTAIRE
- </label>
-
- <div class="entry__field">
- <input class="input" maxlength="200" type="text" id="COMMENTAIRE" name="COMMENTAIRE" autocomplete="off" placeholder="COMMENTAIRE" />
- </div>
- </div>
-
- <label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:"Helvetica", sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
- </label>
- <label class="entry__specification" style="font-size:12px; text-align:left; font-family:"Helvetica", sans-serif; color:#8390A4;">
- Champs libre !
- </label>
- </div>
- </div>
- </div>
- <div style="padding: 8px 0;">
- <div class="sib-checkbox-group sib-form-block">
- <div class="form__entry entry_mcq">
- <div class="form__label-row ">
- <label class="entry__label" style="font-size:16px; text-align:left; font-weight:700; font-family:"Helvetica", sans-serif; color:#3c4858;">
- Choisissez les listes auxquelles vous souhaitez vous inscrire
- </label>
- <div>
- <div class="entry__choice">
- <label class="checkbox__label">
- <input type="checkbox" class="input_replaced" name="lists_32[]" data-value="Activités CCL" value="6" />
- <span class="checkbox checkbox_tick_positive"></span><span style="font-size:16px; text-align:left; font-family:"Helvetica", sans-serif; color:#3C4858; background-color:transparent;">Activités CCL</span> </label>
- </div>
- <div class="entry__choice">
- <label class="checkbox__label">
- <input type="checkbox" class="input_replaced" name="lists_32[]" data-value="Jardin" value="5" />
- <span class="checkbox checkbox_tick_positive"></span><span style="font-size:16px; text-align:left; font-family:"Helvetica", sans-serif; color:#3C4858; background-color:transparent;">Jardin</span> </label>
- </div>
- <div class="entry__choice">
- <label class="checkbox__label">
- <input type="checkbox" class="input_replaced" name="lists_32[]" data-value="Distributions de pain" value="7" />
- <span class="checkbox checkbox_tick_positive"></span><span style="font-size:16px; text-align:left; font-family:"Helvetica", sans-serif; color:#3C4858; background-color:transparent;">Distributions de pain</span> </label>
- </div>
- </div>
- </div>
- <label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:"Helvetica", sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
- </label>
- <label class="entry__specification" style="font-size:12px; text-align:left; font-family:"Helvetica", sans-serif; color:#8390A4;">
- Vous pouvez vous inscrire à plusieurs listes. Il y a une liste par défaut si aucune ci-desus n'est sélectionnée.
- </label>
+ <div class="sib-form__declaration">
+ <div class="declaration-block-icon">
+ <svg class="icon__SVG" width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+ <symbol id="svgIcon-sphere" viewBox="0 0 63 63">
+ <path class="path1" d="M31.54 0l1.05 3.06 3.385-.01-2.735 1.897 1.05 3.042-2.748-1.886-2.738 1.886 1.044-3.05-2.745-1.897h3.393zm13.97 3.019L46.555 6.4l3.384.01-2.743 2.101 1.048 3.387-2.752-2.1-2.752 2.1 1.054-3.382-2.745-2.105h3.385zm9.998 10.056l1.039 3.382h3.38l-2.751 2.1 1.05 3.382-2.744-2.091-2.743 2.091 1.054-3.381-2.754-2.1h3.385zM58.58 27.1l1.04 3.372h3.379l-2.752 2.096 1.05 3.387-2.744-2.091-2.75 2.092 1.054-3.387-2.747-2.097h3.376zm-3.076 14.02l1.044 3.364h3.385l-2.743 2.09 1.05 3.392-2.744-2.097-2.743 2.097 1.052-3.377-2.752-2.117 3.385-.01zm-9.985 9.91l1.045 3.364h3.393l-2.752 2.09 1.05 3.393-2.745-2.097-2.743 2.097 1.05-3.383-2.751-2.1 3.384-.01zM31.45 55.01l1.044 3.043 3.393-.008-2.752 1.9L34.19 63l-2.744-1.895-2.748 1.891 1.054-3.05-2.743-1.9h3.384zm-13.934-3.98l1.036 3.364h3.402l-2.752 2.09 1.053 3.393-2.747-2.097-2.752 2.097 1.053-3.382-2.743-2.1 3.384-.01zm-9.981-9.91l1.045 3.364h3.398l-2.748 2.09 1.05 3.392-2.753-2.1-2.752 2.096 1.053-3.382-2.743-2.102 3.384-.009zM4.466 27.1l1.038 3.372H8.88l-2.752 2.097 1.053 3.387-2.743-2.09-2.748 2.09 1.053-3.387L0 30.472h3.385zm3.069-14.025l1.045 3.382h3.395L9.23 18.56l1.05 3.381-2.752-2.09-2.752 2.09 1.053-3.381-2.744-2.1h3.384zm9.99-10.056L18.57 6.4l3.393.01-2.743 2.1 1.05 3.373-2.754-2.092-2.751 2.092 1.053-3.382-2.744-2.1h3.384zm24.938 19.394l-10-4.22a2.48 2.48 0 00-1.921 0l-10 4.22A2.529 2.529 0 0019 24.75c0 10.47 5.964 17.705 11.537 20.057a2.48 2.48 0 001.921 0C36.921 42.924 44 36.421 44 24.75a2.532 2.532 0 00-1.537-2.336zm-2.46 6.023l-9.583 9.705a.83.83 0 01-1.177 0l-5.416-5.485a.855.855 0 010-1.192l1.177-1.192a.83.83 0 011.177 0l3.65 3.697 7.819-7.916a.83.83 0 011.177 0l1.177 1.191a.843.843 0 010 1.192z"
+ fill="#0092FF"></path>
+ </symbol>
+ </defs>
+ </svg>
+ <svg class="svgIcon-sphere" style="width:63px; height:63px;">
+ <use xlink:href="#svgIcon-sphere"></use>
+ </svg>
</div>
+ <p style="font-size:14px; text-align:left; font-family:"Helvetica", sans-serif; color:#687484; background-color:transparent;">
+ Nous utilisons Sendinblue en tant que plateforme marketing. En soumettant ce formulaire, vous reconnaissez que les informations que vous allez fournir seront transmises à Sendinblue en sa qualité de processeur de données; et ce conformément à ses
+ <a
+ target="_blank" class="clickable_link" href="https://fr.sendinblue.com/legal/termsofuse/">conditions générales d'utilisation</a>.
+ </p>
</div>
+
</div>
<div style="padding: 8px 0;">
- <div class="sib-form-block" style="text-align: center">
- <button class="sib-form-block__button sib-form-block__button-with-loader" style="font-size:16px; text-align:center; font-weight:700; font-family:"Helvetica", sans-serif; color:#FFFFFF; background-color:#3E4857; border-radius:6px; border-width:0px;"
+ <div class="sib-form-block" style="text-align: left">
+ <button class="sib-form-block__button sib-form-block__button-with-loader" style="font-size:16px; text-align:left; font-weight:700; font-family:"Helvetica", sans-serif; color:#FFFFFF; background-color:#3E4857; border-radius:3px; border-width:0px;"
form="sib-form" type="submit">
<svg class="icon clickable__icon progress-indicator__icon sib-hide-loader-icon" viewBox="0 0 512 512">
<path d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z"
@@ -1013,7 +1011,6 @@
- window.REQUIRED_MULTISELECT_MESSAGE = 'Veuillez choisir au moins une option';
window.translation = {
common: {
diff --git a/_pages/index.md b/_pages/index.md
index 9156a4c..a07aec4 100644
--- a/_pages/index.md
+++ b/_pages/index.md
@@ -48,16 +48,15 @@ feature_row:
}
</script>
-{% include feature_row %}
+{% include formulaire-newsletter-jardin.html %}
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v5.0"></script>
-<div class="fb-page" data-href="https://www.facebook.com/CCLuminy/"
+<div class="fb-page" data-href="{{ data.extlinks.fb-jardin }}"
data-tabs="" data-width="" data-height="" data-small-header="false"
data-adapt-container-width="true" data-hide-cover="false"
data-show-facepile="false"><blockquote
-cite="https://www.facebook.com/CCLuminy/" class="fb-xfbml-parse-ignore"><a
-href="https://www.facebook.com/CCLuminy/">Centre Culturel de Luminy -
-CCL</a></blockquote></div>
+cite="{{ data.extlinks.fb-jardin }}" class="fb-xfbml-parse-ignore"><a
+href="{{ data.extlinks.fb-jardin }}">Jardin Luminyen</a></blockquote></div>
diff --git a/_pages/l-asso/contacts.md b/_pages/l-asso/contacts.md
index 8339dc4..cd4e0ca 100644
--- a/_pages/l-asso/contacts.md
+++ b/_pages/l-asso/contacts.md
@@ -10,21 +10,17 @@ share: false
{% assign urls = site.data.extlinks %}
-## En vrai
-- Au local de l'hexagone entre midi et 2
- [<i class="fas fa-map-pin"></i> OSM]({{ urls.osm-hexa }}){: .btn .btn--inverse}
-- À la cafétéria du CROUS le soir de 19h à 13h, surtout le jeudi
- [<i class="fas fa-map-pin"></i> OSM]({{ urls.osm-cafet }}){: .btn .btn--inverse}
-- Au jardin universitaire
+## En vrai au jardin
+
+- Au jardin
[<i class="fas fa-map-pin"></i> OSM]({{ urls.osm-jardin }}){: .btn .btn--inverse}
-- Au hasard sur Luminy
+- Aux distributions des paniers bio le jeudi entre 16h45 et 18h.
## Par internet
### Pour toute question, information, demande ou requête
-- [centre-culturel@luminy.org](mailto:centre-culturel@luminy.org)
-- [webmasters@luminy.org](mailto:webmasters@luminy.org)
-- [<i class="fab fa-facebook-square"></i> CCLuminy]({{ urls.fb-ccl }}){: .btn .btn--inverse}
+- [jardin@luminy.org](mailto:jardin@luminy.org)
+- [<i class="fab fa-facebook-square"></i> Jardin]({{ urls.fb-jardin }}){: .btn .btn--inverse}
- ou directement : <button class="collapsible" id="formulaire-write-us">Nous envoyer un message</button>
<div class="content" id="formulaire-write-usdata" markdown="1"
style="display: none">
@@ -38,18 +34,11 @@ Seul le mail est obligatoire
<button class="collapsible" id="formulaire-contact">Formulaire</button>
<div class="content" id="formulaire-contactdata" markdown="1"
style="display: none">
-{% include contact-form.html %}
+{% include formulaire-newsletter-jardin.html %}
</div>
-### Pour un projet en particulier
-- Festival Toukouleur : [toukouleur@luminy.org](mailto:toukouleur@luminy.org)
-- Club de Science [<i class="fab fa-facebook-square"></i> Club de Science Luminy]({{ urls.fb-club-sciences }}){: .btn .btn--inverse}
-- Jardin Universitaire : [jardin@luminy.org](mailto:jardin@luminy.org)
-- Paniers bio : [bio@luminy.org](mailto:bio@luminy.org)
-
### Directement de pair à pair
-- Mila TAILLANDIER [milataillandier@gmail.com](mailto:milataillandier@gmail.com)
-- Lucas SCHNEIDER [lucas@les-schneider.com](mailto:lucas@les-schneider.com)
+- Flo
Nous vous encourageons à utiliser les mailing-listes en `@luminy.org` et
utiliser "Répondre à tous" à la place du "pair à pair". Cela permet à plusieurs
@@ -57,23 +46,10 @@ personnes de reçevoir les mails envoyés, et ainsi améliore l'efficacité de n
communication.
{: .notice}
-Enfin, [<i class="fas fa-fw fa-fire" aria-hidden="true"></i> HelloAsso]({{ urls.helloasso-ccl }}){: .btn .btn--inverse}
-
-## Adresse postale (?)
-```
-Cité Universitaire de Luminy,
-171, avenue de Luminy
-13009, Marseille
-```
-
+Enfin, [<i class="fas fa-fw fa-fire" aria-hidden="true"></i> HelloAsso]({{ urls.helloasso-jardin }}){: .btn .btn--inverse}
# Fonctionnement associatif
-Association loi 1901 à but non lucratif [Statuts](/ccl/statuts/){: .btn
-.btn--inverse}
-- **SIREN** : 500 708 656
-- **SIRET** : 500 708 656 00011
-
## Bureau courant
| Poste | Nom | Filière |
@@ -101,15 +77,12 @@ Association loi 1901 à but non lucratif [Statuts](/ccl/statuts/){: .btn
- Projets Région PACA
- CVEC?
-## Fonctionnement `luminy.org`
-Voir [<i class="fab fa-github" aria-hidden="true"></i> Github]({{ urls.github-ccl }}/blob/master/README.md#fonctionnement-du-site-pour-les-plus-motivés){: .btn .btn--inverse}
-
## Formulaires
<button class="collapsible" id="formulaire-distrib">Sendinblue</button>
<div class="content" id="formulaire-distribdata" markdown="1"
style="display: block">
-{% include sendinblue-inscription.html %}
+{% include formulaire-newsletter-jardin.html %}
</div>
{%- include collapse.html -%}
--
GitLab