Skip to content
Snippets Groups Projects
Commit 5c678b4f authored by Eloi Perdereau's avatar Eloi Perdereau
Browse files

contacts jardin avec formulaire

parent 2254f2c2
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
_data/extlinks.yml
+ 1
− 0
View file @ 5c678b4f
......@@ -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
......
_includes/sendinblue-inscription.html → _includes/formulaire-newsletter-jardin.html
+ 67
− 70
View file @ 5c678b4f
......@@ -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:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, sans-serif; color:#3c4858;" for="PRENOM">
PRENOM
<label class="entry__label" style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, sans-serif; color:#8390A4;">
Nous n&#039;envoyons pas plus d&#039;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:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, sans-serif; color:#3c4858;" for="NOM">
NOM
<label class="entry__label" style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, sans-serif; color:#8390A4;">
Parfois, on envoie quelques SMS.
Nous n&#039;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:&quot;Helvetica&quot;, 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 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:&quot;Helvetica&quot;, 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>
<label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, sans-serif; color:#8390A4;">
Vous pouvez vous inscrire à plusieurs listes. Il y a une liste par défaut si aucune ci-desus n&#039;est sélectionnée.
</label>
</div>
</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:&quot;Helvetica&quot;, 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:&quot;Helvetica&quot;, 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: {
......
_pages/index.md
+ 4
− 5
View file @ 5c678b4f
......@@ -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>
_pages/l-asso/contacts.md
+ 10
− 37
View file @ 5c678b4f
......@@ -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 -%}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment