1<!doctype html> 2<html lang="fr"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title>MOADON - ANNÃE 5787</title> 7 <link rel="stylesheet" href="/styles.css"> 8 </head> 9 <body> 10 <main class="app"> 11 <section class="home" id="home"> 12 <img src="/logo.png" alt="Moadon" class="home-logo"> 13 <h1>MOADON - ANNÃE 5787</h1> 14 <nav class="event-buttons" aria-label="Choisir une fête"> 15 <a class="home-donation-button home-don-button" href="https://moadon.assoconnect.com/collect/description/733354-t-dons-moadon-5787" target="_blank" rel="noopener">Faire un don</a> 16 <button type="button" data-event-button="kiddouch">Offrir un kiddouch</button> 17 <a class="home-donation-button home-colis-button" href="https://moadon.assoconnect.com/collect/description/735132-i-don-paniers-pour-les-fetes-de-tichri-5787" target="_blank" rel="noopener">Offrir un colis</a> 18 <a class="home-donation-button home-metiv-button" href="https://moadon.assoconnect.com/collect/description/765198-t-projet-metiv" target="_blank" rel="noopener">Projet Métiv</a> 19 <a class="home-donation-button home-souvenir-button" href="https://moadon.assoconnect.com/collect/donation/01M3VYA9802YMFWPNTDNGNB0CY/l-arbre-du-souvenir" target="_blank" rel="noopener">L'arbre du souvenir</a> 20 </nav> 21 <p class="home-message" id="homeMessage" aria-live="polite"></p> 22 </section> 23 24 <section class="event-page" id="eventPage" hidden> 25 <button class="back-button event-back" type="button" id="backHome">Retour</button> 26 <section class="topbar"> 27 <div class="brand"> 28 <h1 id="eventTitle">Rosh Hachana 5787</h1> 29 <p id="eventLabel">Chargement...</p> 30 <p id="eventDescription" class="event-description" hidden>Venez partager ce repas gastronomique proposé par Elie Chouraqui - Création Traiteur</p> 31 <p id="eventPriceNote" class="price-note event-price-note" hidden>Adulte: 90⬠et Enfant: 40â¬</p> 32 </div> 33 <div class="status"> 34 <span><strong id="freeCount">0</strong> libres</span> 35 <span><strong id="selectedCount">0</strong> sélectionnée(s)</span> 36 <a class="help-button" id="helpButton" href="https://wa.me/message/YDIEYMVIVPXVE1" target="_blank" rel="noopener" data-mobile-label="Aide">Demander de l'aide</a> 37 </div> 38 </section> 39 40 <section class="complete-banner" id="completeBanner" hidden> 41 EVENEMENT COMPLET 42 </section> 43 44 <section class="workspace"> 45 <section id="kippourPanel" class="panel kippour-panel" hidden> 46 <p class="kippour-warning" id="kippourWarning">Plus beaucoup de places disponibles</p> 47 <div class="kippour-full-block" id="kippourFullBlock" hidden> 48 <p> 49 <strong>COMPLET</strong> 50 <span>Les inscriptions pour Kippour sont actuellement fermées.</span> 51 </p> 52 </div> 53 54 <div class="kippour-block" id="kippourExistingBlock" hidden> 55 <label> 56 Indiquez votre nom, votre prénom, ou les deux 57 <input id="kippourSearchInput" autocomplete="name"> 58 </label> 59 <button type="button" id="kippourSearchButton">Rechercher</button> 60 <div class="kippour-results" id="kippourResults"></div> 61 </div> 62 63 <div class="kippour-block kippour-selected" id="kippourSelectedBlock" hidden> 64 <p class="helper-text" id="kippourSelectedText"></p> 65 <button type="button" id="kippourShowExistingFormButton">Réserver et régler ma place</button> 66 <div class="kippour-existing-form" id="kippourExistingFormBlock" hidden> 67 <label> 68 Nom de l'acheteur 69 <input id="kippourExistingNom" autocomplete="family-name"> 70 </label> 71 <label> 72 Prénom de l'acheteur 73 <input id="kippourExistingPrenom" autocomplete="given-name"> 74 </label> 75 <label> 76 Email 77 <input id="kippourExistingEmail" type="email" autocomplete="email"> 78 </label> 79 <label> 80 Téléphone 81 <input id="kippourExistingTelephone" autocomplete="tel"> 82 </label> 83 <label>
84 Avec qui souhaitez-vous être placé ? 85 <input id="kippourExistingVoisins"> 86 </label> 87 <button type="button" id="kippourExistingPayButton">Réserver ma place</button> 88 </div> 89 </div> 90 91 <div class="kippour-block" id="kippourNewBlock" hidden> 92 <section class="kippour-buyer-card"> 93 <h2>Acheteur</h2> 94 <label> 95 Nom de l'acheteur 96 <input id="kippourNewAcheteurNom" autocomplete="family-name"> 97 </label> 98 <label> 99 Prénom de l'acheteur 100 <input id="kippourNewAcheteurPrenom" autocomplete="given-name"> 101 </label> 102 <label> 103 Email de l'acheteur 104 <input id="kippourNewEmail" type="email" autocomplete="email"> 105 </label> 106 <label> 107 Téléphone 108 <input id="kippourNewTelephone" autocomplete="tel"> 109 </label> 110 </section> 111 <div class="kippour-participants-head"> 112 <strong>Personnes à placer</strong> 113 <span id="kippourPriceLabel">220⬠par place</span> 114 </div> 115 <div class="kippour-participants" id="kippourParticipants"></div> 116 <button type="button" class="secondary-button" id="kippourAddParticipantButton">Ajouter une personne</button> 117 <p class="kippour-total" id="kippourTotal">Total : 220â¬</p> 118 <button type="button" id="kippourNewPayButton">Réserver et payer avec HelloAsso</button> 119 </div> 120 121 <p class="message" id="kippourMessage"></p> 122 </section> 123 124 <form id="kiddouchForm" class="panel kiddouch-panel" hidden> 125 <label> 126 Choisissez un Shabbat 127 <select id="kiddouchShabbat" required> 128 <option value="">Chargement...</option> 129 </select> 130 </label> 131 <label> 132 Nom 133 <input id="kiddouchNom" autocomplete="family-name" required> 134 </label> 135 <label> 136 Prénom 137 <input id="kiddouchPrenom" autocomplete="given-name" required> 138 </label> 139 <label> 140 Email 141 <input id="kiddouchEmail" type="email" autocomplete="email" required> 142 </label> 143 <label> 144 Numéro de téléphone 145 <input id="kiddouchTelephone" autocomplete="tel" required> 146 </label> 147 148 <fieldset class="kiddouch-options"> 149 <legend>Est-ce pour une occasion ?</legend> 150 <label><input type="radio" name="kiddouchOccasionChoice" value="oui"> Oui</label> 151 <label><input type="radio" name="kiddouchOccasionChoice" value="non"> Non</label> 152 </fieldset> 153 <label id="kiddouchOccasionBlock" hidden> 154 Précisez l'occasion 155 <input id="kiddouchOccasion"> 156 </label> 157 158 <fieldset class="kiddouch-options"> 159 <legend>Que souhaitez-vous faire ?</legend> 160 <label id="kiddouchTotaliteOption"><input type="radio" name="kiddouchChoix" value="totalite"> Payer en totalité (800â¬)</label> 161 <label id="kiddouchSoldeOption" hidden><input type="radio" name="kiddouchChoix" value="solde"> Payer le solde</label> 162 <label id="kiddouchPartieOption"><input type="radio" name="kiddouchChoix" value="partie"> Payer un montant au choix</label> 163 <label id="kiddouchTraiteurOption"><input type="radio" name="kiddouchChoix" value="traiteur"> J'ai mon propre traiteur</label> 164 </fieldset> 165 166 <div id="kiddouchOptionsTraiteur" class="kiddouch-extra" hidden> 167 Vous pouvez passer par votre propre traiteur si vous souhaitez offrir un Kiddouch. Il suffit qu'il soit Casher Beth Din de Paris et de prévoir suffisamment pour 150 personnes (plateaux, boissons et vaisselle jetable compris). 168 </div> 169 170 <div id="kiddouchOptionsPartie" class="kiddouch-extra" hidden> 171 <label> 172 Montant
173 <select id="kiddouchMontantPartie"> 174 <option value="">Choisissez un montant</option> 175 <option value="200">200 â¬</option> 176 <option value="400">400 â¬</option> 177 <option value="libre">Montant libre</option> 178 </select> 179 </label> 180 <label id="kiddouchMontantLibreBlock" hidden> 181 Montant libre 182 <input id="kiddouchMontantLibre" type="number" min="1"> 183 </label> 184 </div> 185 186 <div id="kiddouchOptionsTotalite" class="kiddouch-extra" hidden> 187 <label class="kiddouch-checkbox"> 188 <input type="checkbox" id="kiddouchElabore"> 189 Je souhaite un Kiddouch plus élaboré 190 </label> 191 <p id="kiddouchNoteElabore" class="helper-text" hidden>Le montant pourra évoluer selon la formule choisie. Nous vous contacterons rapidement pour en parler.</p> 192 </div> 193 194 <p class="message" id="kiddouchMessage"></p> 195 <button type="submit" id="kiddouchSubmitButton">Continuer vers le paiement</button> 196 </form> 197 198 <form id="reservationForm" class="panel"> 199 <h2>Reservation</h2> 200 <label> 201 Nom 202 <input name="nom" autocomplete="family-name" required> 203 </label> 204 <label> 205 Prenom 206 <input name="prenom" autocomplete="given-name" required> 207 </label> 208 <label> 209 Email 210 <input name="email" type="email" autocomplete="email" required> 211 </label> 212 <label> 213 Telephone 214 <input name="telephone" autocomplete="tel"> 215 </label> 216 <div class="selection" id="selectionText">Aucune place sélectionnée.</div> 217 <button type="submit">Réserver puis procéder au paiement</button> 218 <p class="message" id="message"></p> 219 </form> 220 221 <div class="main-column"> 222 <section class="table-choice-actions" id="tableChoiceActions" hidden> 223 <p id="tableChoiceText">Choisissez une ou plusieurs places sur le plan.</p> 224 <button type="button" id="continueToFormButton" disabled>Continuer</button> 225 </section> 226 227 <section class="payment" id="paymentSection" hidden> 228 <div class="payment-header"> 229 <h2>Paiement</h2> 230 <p>Votre réservation est enregistrée. Vous pouvez finaliser le paiement ci-dessous.</p> 231 </div> 232 <iframe 233 id="iframe_assoconnect" 234 title="Paiement AssoConnect" 235 allow="payment" 236 width="100%" 237 style="overflow: hidden; border: 0; max-height: none;" 238 scrolling="no"></iframe> 239 </section> 240 241 <section class="payment post-payment" id="postPaymentSection" hidden> 242 <div class="payment-header"> 243 <h2>Votre paiement est enregistré, nous avons hâte de vous voir !</h2> 244 <p>Souhaitez-vous faire un don à Moadon ou offrir le repas à une personne dans le besoin ?</p> 245 </div> 246 <div class="donation-grid"> 247 <article class="donation-option"> 248 <h3>JE FAIS UN DON à MOADON</h3> 249 <iframe 250 id="iframe_don_assoconnect" 251 title="Don à Moadon" 252 src="https://moadon.assoconnect.com/collect/description/733354-t-dons-moadon-5787?iframe=1" 253 allow="payment" 254 width="100%" 255 style="overflow: hidden; border: 0; max-height: none;" 256 scrolling="no"></iframe> 257 </article> 258 <article class="donation-option"> 259 <h3>J'OFFRE UN OU PLUSIEURS REPAS</h3> 260 <iframe 261 id="iframe_repas_assoconnect" 262 title="Don repas communautaires" 263 src="https://moadon.assoconnect.com/collect/description/733361-t-dons-repas-communautaires-5787?iframe=1" 264 allow="payment" 265 width="100%" 266 style="overflow: hidden; border: 0; max-height: none;" 267 scrolling="no"></iframe> 268 </article> 269 </div> 270 </section> 271 272 <section class="map" aria-label="Plan des tables" id="tables"></section> 273 </div> 274 </section> 275 </section> 276 </main> 277 278
278<script src="/app.js"></script>
278 279 </body> 280</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.