diff --git a/_includes/forms/distrib-telephone.html b/_includes/forms/distrib-telephone.html new file mode 100644 index 0000000000000000000000000000000000000000..497ce5fdc581f31bbf969a1e05e298500c2e1ac4 --- /dev/null +++ b/_includes/forms/distrib-telephone.html @@ -0,0 +1,1000 @@ +<!-- Begin Sendinblue Form --> +<!-- START - We recommend to place the below code in head tag of your website html --> +<style> + @font-face { + font-display: block; + font-family: Roboto; + src: url(https://assets.sendinblue.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format("woff") + } + + @font-face { + font-display: fallback; + font-family: Roboto; + font-weight: 600; + src: url(https://assets.sendinblue.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff") + } + + @font-face { + font-display: fallback; + font-family: Roboto; + font-weight: 700; + src: url(https://assets.sendinblue.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff") + } + + #sib-container input:-ms-input-placeholder { + text-align: left; + font-family: "Helvetica", sans-serif; + color: #c0ccda; + } + + #sib-container input::placeholder { + text-align: left; + font-family: "Helvetica", sans-serif; + color: #c0ccda; + } + + #sib-container textarea::placeholder { + text-align: left; + font-family: "Helvetica", sans-serif; + color: #c0ccda; + } +</style> +<link rel="stylesheet" href="https://sibforms.com/forms/end-form/build/sib-styles.css"> +<!-- END - We recommend to place the above code in head tag of your website html --> + +<!-- START - We recommend to place the below code where you want the form in your website html --> +<div class="sib-form" style="text-align: center; + background-color: transparent; "> + <div id="sib-form-container" class="sib-form-container"> + <div id="error-message" class="sib-form-message-panel" style="font-size:16px; text-align:left; font-family:"Helvetica", sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;max-width:540px;"> + <div class="sib-form-message-panel__text sib-form-message-panel__text--center"> + <svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon"> + <path d="M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z" + /> + </svg> + <span class="sib-form-message-panel__inner-text"> + Nous n'avons pas pu confirmer votre inscription. + </span> + </div> + </div> + <div></div> + <div id="success-message" class="sib-form-message-panel" style="font-size:16px; text-align:left; font-family:"Helvetica", sans-serif; color:#085229; background-color:#e7faf0; border-radius:3px; border-color:#13ce66;max-width:540px;"> + <div class="sib-form-message-panel__text sib-form-message-panel__text--center"> + <svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon"> + <path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z" + /> + </svg> + <span class="sib-form-message-panel__inner-text"> + Votre inscription est confirmée. + </span> + </div> + </div> + <div></div> + <div id="sib-container" class="sib-container--large sib-container--horizontal" style="text-align:center; background-color:rgba(235,235,224,1); max-width:540px; border-radius:10px; border-width:1px; border-color:#e9dcbe; border-style:solid;"> + <form id="sib-form" method="POST" action="https://23aec1fe.sibforms.com/serve/MUIEAPRlpwWWNoQMD7yq4jaqk7IqOOhLWRUDyVqtPLZRcZgo2UXo4xmG3qH1cgBMiBqP2L6eVbbpnW3p0hk4xhsB4d7y24O0EQKMxyBunAwXLCBOcUpvPvSWrG6yUrP6O_YYxcQ_TrQLH2UFJe8xajvTFi3u1uTTSrnAU9bFVqNx1lrOCkeIjpXx1ILmOkBZVVqDAeT0vwAtziUz" + data-type="subscription"> + <div style="padding: 8px 0;"> + <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>Distributions de pain</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 juste votre numéro de téléphone.</p> + </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 form__label-row--horizontal"> + <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" maxlength="200" type="text" id="NOM" name="NOM" autocomplete="off" placeholder="NOM" /> + </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> + </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 form__label-row--horizontal"> + <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="PRENOM" name="PRENOM" autocomplete="off" placeholder="PRENOM" /> + </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> + </div> + </div> + </div> + <div style="padding: 8px 0;"> + <div class="sib-sms-field 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="SMS" data-required="*"> + Entrez votre TÉLÉPHONE + </label> + + <div class="sib-sms-input-wrapper"> + <div class="sib-sms-input" data-placeholder="SMS" data-required="1" data-country-code="FR" data-value=""> + <div class="entry__field"> + <select class="input" name="SMS__COUNTRY_CODE" data-required="true"> + <option value="+93"> + +93 AF + </option> + <option value="+358"> + +358 AX + </option> + <option value="+355"> + +355 AL + </option> + <option value="+213"> + +213 DZ + </option> + <option value="+1684"> + +1684 AS + </option> + <option value="+376"> + +376 AD + </option> + <option value="+244"> + +244 AO + </option> + <option value="+1264"> + +1264 AI + </option> + <option value="+672"> + +672 AQ + </option> + <option value="+1268"> + +1268 AG + </option> + <option value="+54"> + +54 AR + </option> + <option value="+374"> + +374 AM + </option> + <option value="+297"> + +297 AW + </option> + <option value="+61"> + +61 AU + </option> + <option value="+43"> + +43 AT + </option> + <option value="+994"> + +994 AZ + </option> + <option value="+1242"> + +1242 BS + </option> + <option value="+973"> + +973 BH + </option> + <option value="+880"> + +880 BD + </option> + <option value="+1246"> + +1246 BB + </option> + <option value="+375"> + +375 BY + </option> + <option value="+32"> + +32 BE + </option> + <option value="+501"> + +501 BZ + </option> + <option value="+229"> + +229 BJ + </option> + <option value="+1441"> + +1441 BM + </option> + <option value="+975"> + +975 BT + </option> + <option value="+591"> + +591 BO + </option> + <option value="+599"> + +599 BQ + </option> + <option value="+387"> + +387 BA + </option> + <option value="+267"> + +267 BW + </option> + <option value="+47"> + +47 BV + </option> + <option value="+55"> + +55 BR + </option> + <option value="+246"> + +246 IO + </option> + <option value="+673"> + +673 BN + </option> + <option value="+359"> + +359 BG + </option> + <option value="+226"> + +226 BF + </option> + <option value="+257"> + +257 BI + </option> + <option value="+855"> + +855 KH + </option> + <option value="+237"> + +237 CM + </option> + <option value="+1"> + +1 CA + </option> + <option value="+238"> + +238 CV + </option> + <option value="+1345"> + +1345 KY + </option> + <option value="+236"> + +236 CF + </option> + <option value="+235"> + +235 TD + </option> + <option value="+56"> + +56 CL + </option> + <option value="+86"> + +86 CN + </option> + <option value="+61"> + +61 CX + </option> + <option value="+61"> + +61 CC + </option> + <option value="+57"> + +57 CO + </option> + <option value="+269"> + +269 KM + </option> + <option value="+242"> + +242 CG + </option> + <option value="+243"> + +243 CD + </option> + <option value="+682"> + +682 CK + </option> + <option value="+506"> + +506 CR + </option> + <option value="+225"> + +225 CI + </option> + <option value="+385"> + +385 HR + </option> + <option value="+53"> + +53 CU + </option> + <option value="+599"> + +599 CW + </option> + <option value="+357"> + +357 CY + </option> + <option value="+420"> + +420 CZ + </option> + <option value="+45"> + +45 DK + </option> + <option value="+253"> + +253 DJ + </option> + <option value="+1767"> + +1767 DM + </option> + <option value="+1809"> + +1809 DO + </option> + <option value="+593"> + +593 EC + </option> + <option value="+20"> + +20 EG + </option> + <option value="+503"> + +503 SV + </option> + <option value="+240"> + +240 GQ + </option> + <option value="+291"> + +291 ER + </option> + <option value="+372"> + +372 EE + </option> + <option value="+251"> + +251 ET + </option> + <option value="+500"> + +500 FK + </option> + <option value="+298"> + +298 FO + </option> + <option value="+679"> + +679 FJ + </option> + <option value="+358"> + +358 FI + </option> + <option value="+33"> + +33 FR + </option> + <option value="+594"> + +594 GF + </option> + <option value="+689"> + +689 PF + </option> + <option value="+262"> + +262 TF + </option> + <option value="+241"> + +241 GA + </option> + <option value="+220"> + +220 GM + </option> + <option value="+995"> + +995 GE + </option> + <option value="+49"> + +49 DE + </option> + <option value="+233"> + +233 GH + </option> + <option value="+350"> + +350 GI + </option> + <option value="+30"> + +30 GR + </option> + <option value="+299"> + +299 GL + </option> + <option value="+1473"> + +1473 GD + </option> + <option value="+590"> + +590 GP + </option> + <option value="+1671"> + +1671 GU + </option> + <option value="+502"> + +502 GT + </option> + <option value="+44"> + +44 GG + </option> + <option value="+224"> + +224 GN + </option> + <option value="+245"> + +245 GW + </option> + <option value="+592"> + +592 GY + </option> + <option value="+509"> + +509 HT + </option> + <option value="+672"> + +672 HM + </option> + <option value="+379"> + +379 VA + </option> + <option value="+504"> + +504 HN + </option> + <option value="+852"> + +852 HK + </option> + <option value="+36"> + +36 HU + </option> + <option value="+354"> + +354 IS + </option> + <option value="+91"> + +91 IN + </option> + <option value="+62"> + +62 ID + </option> + <option value="+98"> + +98 IR + </option> + <option value="+964"> + +964 IQ + </option> + <option value="+353"> + +353 IE + </option> + <option value="+44"> + +44 IM + </option> + <option value="+972"> + +972 IL + </option> + <option value="+39"> + +39 IT + </option> + <option value="+1876"> + +1876 JM + </option> + <option value="+81"> + +81 JP + </option> + <option value="+44"> + +44 JE + </option> + <option value="+962"> + +962 JO + </option> + <option value="+7"> + +7 KZ + </option> + <option value="+254"> + +254 KE + </option> + <option value="+686"> + +686 KI + </option> + <option value="+850"> + +850 KP + </option> + <option value="+82"> + +82 KR + </option> + <option value="+965"> + +965 KW + </option> + <option value="+996"> + +996 KG + </option> + <option value="+856"> + +856 LA + </option> + <option value="+371"> + +371 LV + </option> + <option value="+961"> + +961 LB + </option> + <option value="+266"> + +266 LS + </option> + <option value="+231"> + +231 LR + </option> + <option value="+218"> + +218 LY + </option> + <option value="+423"> + +423 LI + </option> + <option value="+370"> + +370 LT + </option> + <option value="+352"> + +352 LU + </option> + <option value="+853"> + +853 MO + </option> + <option value="+389"> + +389 MK + </option> + <option value="+261"> + +261 MG + </option> + <option value="+265"> + +265 MW + </option> + <option value="+60"> + +60 MY + </option> + <option value="+960"> + +960 MV + </option> + <option value="+223"> + +223 ML + </option> + <option value="+356"> + +356 MT + </option> + <option value="+692"> + +692 MH + </option> + <option value="+596"> + +596 MQ + </option> + <option value="+222"> + +222 MR + </option> + <option value="+230"> + +230 MU + </option> + <option value="+262"> + +262 YT + </option> + <option value="+52"> + +52 MX + </option> + <option value="+691"> + +691 FM + </option> + <option value="+373"> + +373 MD + </option> + <option value="+377"> + +377 MC + </option> + <option value="+976"> + +976 MN + </option> + <option value="+382"> + +382 ME + </option> + <option value="+1664"> + +1664 MS + </option> + <option value="+212"> + +212 MA + </option> + <option value="+258"> + +258 MZ + </option> + <option value="+95"> + +95 MM + </option> + <option value="+264"> + +264 NA + </option> + <option value="+674"> + +674 NR + </option> + <option value="+977"> + +977 NP + </option> + <option value="+31"> + +31 NL + </option> + <option value="+687"> + +687 NC + </option> + <option value="+64"> + +64 NZ + </option> + <option value="+505"> + +505 NI + </option> + <option value="+227"> + +227 NE + </option> + <option value="+234"> + +234 NG + </option> + <option value="+683"> + +683 NU + </option> + <option value="+672"> + +672 NF + </option> + <option value="+1670"> + +1670 MP + </option> + <option value="+47"> + +47 NO + </option> + <option value="+968"> + +968 OM + </option> + <option value="+92"> + +92 PK + </option> + <option value="+680"> + +680 PW + </option> + <option value="+970"> + +970 PS + </option> + <option value="+507"> + +507 PA + </option> + <option value="+675"> + +675 PG + </option> + <option value="+595"> + +595 PY + </option> + <option value="+51"> + +51 PE + </option> + <option value="+63"> + +63 PH + </option> + <option value="+64"> + +64 PN + </option> + <option value="+48"> + +48 PL + </option> + <option value="+351"> + +351 PT + </option> + <option value="+1787"> + +1787 PR + </option> + <option value="+974"> + +974 QA + </option> + <option value="+383"> + +383 XK + </option> + <option value="+262"> + +262 RE + </option> + <option value="+40"> + +40 RO + </option> + <option value="+7"> + +7 RU + </option> + <option value="+250"> + +250 RW + </option> + <option value="+590"> + +590 BL + </option> + <option value="+290"> + +290 SH + </option> + <option value="+1869"> + +1869 KN + </option> + <option value="+1758"> + +1758 LC + </option> + <option value="+599"> + +599 MF + </option> + <option value="+508"> + +508 PM + </option> + <option value="+1784"> + +1784 VC + </option> + <option value="+685"> + +685 WS + </option> + <option value="+378"> + +378 SM + </option> + <option value="+239"> + +239 ST + </option> + <option value="+966"> + +966 SA + </option> + <option value="+221"> + +221 SN + </option> + <option value="+381"> + +381 RS + </option> + <option value="+248"> + +248 SC + </option> + <option value="+232"> + +232 SL + </option> + <option value="+65"> + +65 SG + </option> + <option value="+599"> + +599 SX + </option> + <option value="+421"> + +421 SK + </option> + <option value="+386"> + +386 SI + </option> + <option value="+677"> + +677 SB + </option> + <option value="+252"> + +252 SO + </option> + <option value="+27"> + +27 ZA + </option> + <option value="+500"> + +500 GS + </option> + <option value="+211"> + +211 SS + </option> + <option value="+34"> + +34 ES + </option> + <option value="+94"> + +94 LK + </option> + <option value="+249"> + +249 SD + </option> + <option value="+597"> + +597 SR + </option> + <option value="+47"> + +47 SJ + </option> + <option value="+268"> + +268 SZ + </option> + <option value="+46"> + +46 SE + </option> + <option value="+41"> + +41 CH + </option> + <option value="+963"> + +963 SY + </option> + <option value="+886"> + +886 TW + </option> + <option value="+992"> + +992 TJ + </option> + <option value="+255"> + +255 TZ + </option> + <option value="+66"> + +66 TH + </option> + <option value="+670"> + +670 TL + </option> + <option value="+228"> + +228 TG + </option> + <option value="+690"> + +690 TK + </option> + <option value="+676"> + +676 TO + </option> + <option value="+1868"> + +1868 TT + </option> + <option value="+216"> + +216 TN + </option> + <option value="+90"> + +90 TR + </option> + <option value="+993"> + +993 TM + </option> + <option value="+1649"> + +1649 TC + </option> + <option value="+688"> + +688 TV + </option> + <option value="+256"> + +256 UG + </option> + <option value="+380"> + +380 UA + </option> + <option value="+971"> + +971 AE + </option> + <option value="+44"> + +44 GB + </option> + <option value="+1"> + +1 US + </option> + <option value="+246"> + +246 UM + </option> + <option value="+598"> + +598 UY + </option> + <option value="+998"> + +998 UZ + </option> + <option value="+678"> + +678 VU + </option> + <option value="+58"> + +58 VE + </option> + <option value="+84"> + +84 VN + </option> + <option value="+1284"> + +1284 VG + </option> + <option value="+1340"> + +1340 VI + </option> + <option value="+681"> + +681 WF + </option> + <option value="+212"> + +212 EH + </option> + <option value="+967"> + +967 YE + </option> + <option value="+260"> + +260 ZM + </option> + <option value="+263"> + +263 ZW + </option> + </select> + </div> + <div class="entry__field" style="width: 100%"> + <input type="tel" type="text" class="input" id="SMS" name="SMS" autocomplete="off" placeholder="SMS" data-required="true" required /> + </div> + </div> + <div class="sib-sms-tooltip"> + <div class="sib-sms-tooltip__box"> + Le champ SMS doit contenir entre 6 et 19 chiffres et inclure le code pays sans utiliser +/0 (ex. : 33xxxxxxxxx pour la France) + </div> + <span class="sib-sms-tooltip__icon">?</span> + </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__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;"> + Ne pas rentrer le préfixe 0. Par exemple, entrez juste "610101010" + </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 form__label-row--horizontal"> + <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> + </div> + </div> + </div> + <div style="padding: 8px 0;"> + <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: 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" + /> + </svg> + S'INSCRIRE + </button> + </div> + </div> + + <input type="text" name="email_address_check" value="" class="input--hidden"> + <input type="hidden" name="locale" value="fr"> + </form> + </div> + </div> +</div> +<!-- END - We recommend to place the below code where you want the form in your website html --> + +<!-- START - We recommend to place the below code in footer or bottom of your website html --> +<script> + window.REQUIRED_CODE_ERROR_MESSAGE = 'Veuillez choisir un code pays'; + + window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = "Les informations que vous avez fournies ne sont pas valides. Veuillez vérifier le format du champ et réessayer."; + + window.REQUIRED_ERROR_MESSAGE = "Vous devez renseigner ce champ. "; + + window.GENERIC_INVALID_MESSAGE = "Les informations que vous avez fournies ne sont pas valides. Veuillez vérifier le format du champ et réessayer."; + + + + + window.translation = { + common: { + selectedList: '{quantity} liste sélectionnée', + selectedLists: '{quantity} listes sélectionnées' + } + }; + + var AUTOHIDE = Boolean(0); +</script> +<script src="https://sibforms.com/forms/end-form/build/main.js"> +</script> + + +<!-- END - We recommend to place the above code in footer or bottom of your website html --> +<!-- End Sendinblue Form --> diff --git a/_includes/forms/distrib.html b/_includes/forms/distrib.html index 0ba9fc830ffdb50761f55a9d3978b18aa7f1cc07..25299f02e1bb8c63d4f589ef1501afbb0d1e8ada 100644 --- a/_includes/forms/distrib.html +++ b/_includes/forms/distrib.html @@ -2,7 +2,6 @@ :%s/data-required="\zs\(\*\|true\)\ze"// | %s/// --> - <!-- Begin Sendinblue Form --> <!-- START - We recommend to place the below code in head tag of your website html --> <style> @@ -75,8 +74,8 @@ </div> </div> <div></div> - <div id="sib-container" class="sib-container--large sib-container--horizontal" 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/MUIEABRsdiSyvZlRkZ-8TFe852moazzLeKNvgDum3TdK9wb1I0WZR1MQ8lCKc-RQZP_NajPvke6kZDczKWjDLMa1mObu2j5fb2GQpmZRFm1tAhcQfpcVM_mah5S-lQ8HLKQK62fgpJrPfE0eskT_ut_jIB_X8rN2lFdTsCXyomh1ABGi1TfjyJJL2_GzzxrBKIP5zD-q2hTlXNRy" + <div id="sib-container" class="sib-container--large sib-container--horizontal" style="text-align:center; background-color:rgba(235,235,224,1); max-width:540px; border-radius:10px; border-width:1px; border-color:#e9dcbe; border-style:solid;"> + <form id="sib-form" method="POST" action="https://23aec1fe.sibforms.com/serve/MUIEAH-QRSSf9Mb1RRn0lHm-YIciy_yyiQ0rgTetHl4mc8xbCKt9tSA2IgwmmCH2eIlXFJTwFpD_QIVZ2JL_1rWz8YdpCWdg8o9gyyAPhTszQO0euwQYQdU3tmfpYPi8S7F2ZtEfHwsaDSBcmjqFLvyd1WRoys-_U9zMs60uWS8K47e9GfkCBeQgYIIoxCGvZjb4euEYmYvdPHGM" data-type="subscription"> <div style="padding: 8px 0;"> <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;"> @@ -917,12 +916,12 @@ <div class="sib-input sib-form-block"> <div class="form__entry entry_block"> <div class="form__label-row form__label-row--horizontal"> - <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=""> + <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="*"> Entrez votre EMAIL </label> <div class="entry__field"> - <input class="input" type="text" id="EMAIL" name="EMAIL" autocomplete="off" placeholder="EMAIL" data-required="" /> + <input class="input" type="text" id="EMAIL" name="EMAIL" autocomplete="off" placeholder="EMAIL" data-required="true" required /> </div> </div> diff --git a/_pages/activites/distrib/index.md b/_pages/activites/distrib/index.md index 27641188441b048f60f887d588992e37dac7819e..9b624109ca409ab6e21746d645d6f1936c9e3540 100644 --- a/_pages/activites/distrib/index.md +++ b/_pages/activites/distrib/index.md @@ -3,6 +3,22 @@ layout: single title: Distributions de pain --- -# Formulaire +<button class="collapsible" + id="form-distrib">cacher/voir</button> +<div class="content" + id="form-distribdata" markdown="1" + style="display: block"> {% include forms/distrib.html %} +</div> + + +<button class="collapsible" + id="form-distrib-telephone">formulaire téléphone uniquement</button> +<div class="content" + id="form-distrib-telephonedata" markdown="1" + style="display: none"> +{% include forms/distrib-telephone.html %} +</div> + +{%- include collapse.html -%}