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.0"> 6 7 <meta property="og:title" content="Générateur Attestation Covid" /> 8 <meta property="og:type" content="website" /> 9 <meta property="og:url" content="https://louisdecharson.github.io/deplacement-covid/" /> 10 11 <meta name="twitter:card" content="summary_large_image"> 12 <meta name="twitter:site" content="@louisdecharson"> 13 <meta name="twitter:creator" content="@louisdecharson"> 14 <meta name="twitter:title" content="Générateur Attestation Covid"> 15 <meta name="twitter:description" content="Générateur polyglotte d'attestation de déplacement COVID (non-officiel)"> 16 17 18 <link rel="stylesheet" href="./main.css"> 19 <title>Générateur Attestation Covid (non-officiel)</title> 20 </head> 21 <body> 22 <div class="conteneur-formulaire"> 23 24 <form> 25 <h1> 26 <span id="titre-covid">COVID-19</span><span id="titre">ATTESTATION</span> 27 </h1> 28 29 <div class="conteneur-langues"> 30 <div class="texte-aide texte" id="choix-langue"> 31 Choix de la langue 32 </div> 33 <div class="bouton-bascule"> 34 <a id="fr" class="langue actif" value="fr">Français ð«ð·</a> 35 <a id="en" class="langue" value="en">English ð¬ð§</a> 36 <a id="es" class="langue" value="es">Español ðªð¸</a> 37 <a id="pt" class="langue" value="pt">Português ðµð¹</a> 38 <a id="ar" class="langue" value="ar">اÙعربÙØ© ð¸ð¦</a> 39 <a id="pl" class="langue" value="pl">Polski ðµð±</a> 40 </div> 41 </div> 42 43 44 <p><span>ð</span><span class="texte-aide texte" id="pourquoi">Je remplis cette attestation aÌ chaque fois que je sors. C'est la loi pour le coronavirus.<span></p> 45 46 <p id="texte-champs-obligatoires" class="texte">Tous les champs sont obligatoires</p> 47 48 <div id="champs-profil"> 49 <label for="prenom"> 50 <span>ð</span> 51 <span id="prenom-label" class="texte">Prénom</span> 52 </label> 53 <input type="text" id="prenom" name="prenom" placeholder="Prénom"/> 54 55 <label for="nom"> 56 <span>ð</span> 57 <span id="nom-label" class="texte">Nom</span> 58 </label> 59 <input type="text" id="nom" name="nom" placeholder="Nom"/> 60 61 <label for="date_naissance"> 62 <span>ðð </span> 63 <span id="date_naissance-label" class="texte">Date de naissance</span> 64 </label> 65 <input type="date" id="date_naissance" name="date_naissance" placeholder="dd/mm/yyyy"/> 66 67 <label for="lieu_naissance"> 68 <span>ðð</span> 69 <span class="texte" id="lieu_naissance-label">Lieu de naissance</span> 70 </label> 71 <input type="text" id="lieu_naissance" name="lieu_naissance" placeholder="Lieu de naissance"/> 72 73 <label for="adresse"> 74 <span>ð®ð¡</span> 75 <span id="adresse-label" class="texte">Adresse</span> 76 </label> 77 <input type="address" id="adresse" name="adresse" placeholder="Adresse"/> 78 79 <label for="ville"> 80 <span>ð®ð</span> 81 <span id="ville-label" class="texte">Ville</span> 82 </label> 83 <input type="text" id="ville" name="ville" placeholder="Ville"/> 84 85 <label for="code_postal"> 86 <span>ð®ð¢</span>
87 <span id="code_postal-label" class="texte">Code postal</span> 88 </label> 89 <input type="text" id="code_postal" name="code_postal" placeholder="Code postal"> 90 91 <fieldset> 92 <h4 id="titre_motifs" class="texte">Choisissez le ou les motifs de sortie / Je sors pour: </h4> 93 <div class="section"> 94 <input type="checkbox" name="motif" id="checkbox-travail" value="travail"> 95 <label for="checkbox-travail"> 96 <span>ð·ð©ââï¸</span> 97 <span id="texte-travail" class="texte" >Aller travailler</span> 98 </label> 99 <!-- <label id="texte-travail" class="texte" for="checkbox-travail">Déplacements entre le domicile et le lieu dâexercice de lâactivité professionnelle, lorsqu'ils sont indispensables à l'exercice dâactivités ne pouvant être organisées sous forme de télétravail ou déplacements professionnels ne pouvant être différés.</label> --> 100 </div> 101 102 <div class="section"> 103 <input type="checkbox" name="motif" id="checkbox-courses" value="courses"> 104 <label for="checkbox-courses"> 105 <span>ð¥ð</span> 106 <span id="texte-courses" class="texte">Acheter à manger</span> 107 </label> 108 <!-- <label id="texte-courses" class="texte" for="checkbox-courses">Déplacements pour effectuer des achats de fournitures nécessaires à lâactivité professionnelle et des achats de première nécessité dans des établissements dont les activités demeurent autorisées (<a href="https://www.service-public.fr/particuliers/actualites/A13921">liste des commerces et établissements qui restent ouverts</a>).</label> --> 109 </div> 110 111 <div class="section"> 112 <input type="checkbox" name="motif" id="checkbox-sante" value="sante"> 113 <label for="checkbox-sante"> 114 <span>ð¥ð</span> 115 <span id="texte-sante" class="texte">Pour aller chez le docteur. Pour aller aÌ la pharmacie.</span> 116 </label> 117 <!-- <label id="texte-sante" class="texte" for="checkbox-sante">Consultations et soins ne pouvant être assurés à distance et ne pouvant être différés ; consultations et soins des patients atteints d'une affection de longue durée.</label> --> 118 </div> 119 120 <div class="section"> 121 <input type="checkbox" name="motif" id="checkbox-famille" value="famille"> 122 <label for="checkbox-famille"> 123 <span>ð¶ð§</span> 124 <span id="texte-famille" class="texte">Pour mâoccuper dâune personne qui a besoin de moi.</span> 125 </label> 126 <!-- <label id="texte-famille" class="texte" for="checkbox-famille">Déplacements pour motif familial impérieux, pour lâassistance aux personnes vulnérables ou la garde dâenfants.</label> --> 127 </div> 128 129 <div class="section"> 130 <input type="checkbox" name="motif" id="checkbox-sport" value="sport"> 131 <label for="checkbox-sport"> 132 <span>ðââï¸ð¶</span> 133 <span id="texte-sport" class="texte">Pour sortir peu de temps pas loin de chez moi. Pour sortir mon chien.</span> 134 </label> 135 <!-- <label id="texte-sport" class="texte" for="checkbox-sport">Déplacements brefs, dans la limite d'une heure quotidienne et dans un rayon maximal d'un kilomètre autour du domicile, liés soit à l'activité physique individuelle des personnes, à l'exclusion de toute pratique sportive collective et de toute proximité avec d'autres personnes, soit à la promenade avec les seules personnes regroupées dans un même domicile, soit aux besoins des animaux de compagnie.</label> --> 136 </div> 137 138 <div class="section"> 139 <input type="checkbox" name="motif" id="checkbox-judiciaire" value="judiciaire"> 140 <label for="checkbox-judiciaire">
141 <span>ð§ââï¸ð®ââï¸</span> 142 <span id="texte-judiciaire" class="texte">Convocation judiciaire ou administrative.</span></label> 143 </div> 144 <div class="section"> 145 <input type="checkbox" name="motif" id="checkbox-missions" value="missions"> 146 <label for="checkbox-missions"> 147 <span>ð§âð</span> 148 <span id="texte-missions" class="texte">Participation à des missions dâintérêt général sur demande de lâautorité administrative.</span> 149 </label> 150 </div> 151 </fieldset> 152 153 <label for="date_sortie"> 154 <span>ð </span> 155 <span id="date_sortie-label" class="texte">Date de sortie</span></label> 156 <input type="date" id="date_sortie" name="date_sortie"/> 157 158 <label for="date_sortie"> 159 <span>ð°</span> 160 <span id="heure_sortie-label" class="texte">Heure de sortie</span> 161 </label> 162 <input type="time" id="heure_sortie" name="heure_sortie"/> 163 164 </div> 165 <button class="btn texte" id="generer-attestation">Générer attestation</button> 166 </form> 167 </div> 168
168<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/pdf-lib.min.js"></script>
168 169
169<script src="./qrcode.min.js"></script>
169 170
170<script src="./langues.js"></script>
170 171
171<script src="./script.js"></script>
171 172 <footer> 173 <hr/> 174 <p class="texte-aide">Créé par <a href="https://louisdecharson.github.io/">@louisdecharson</a> à partir du code développé par <a href="https://github.com/nesk">Johann Pardanaud</a>, de la version officielle et des projets open source: <a href="https://pdf-lib.js.org/">PDF-LIB</a>, <a href="https://github.com/soldair/node-qrcode">qrcode</a> et <a href="https://andybrewer.github.io/mvp/">MVP.css</a>.</p> 175 <p> 176 <a class="bouton bouton-accent1" href="https://media.interieur.gouv.fr/deplacement-covid-19/">Version officielle</a> 177 <a class="bouton bouton-accent2" href="https://github.com/louisdecharson/deplacement-covid">Code source</a> 178 </p> 179 <p class="texte-aide">Ce site et ses administrateurs ne saurait être tenu pour responsable des dommages directs ou indirects qui pourraient résulter de l'accès ou de l'utilisation du site ou des informations qui y figurent, quelle qu'en soit la nature.</p> 180 </footer> 181 </body> 182</html> 183
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.