tmplab/covid19-2010-generator
13
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity
a81ab1581d
covid19-2010-generator/index.html

109 lines
7.9 KiB
HTML
Raw Normal View History

[fix] update after October 29th
2020-11-29 12:39:11 +00:00
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="msapplication-TileColor" content="#603cba">
<meta name="msapplication-config" content="./browserconfig.429300da.xml">
<meta name="theme-color" content="#ffffff">
<meta name="title" content="Générateur d'attestation de déplacement dérogatoire - COVID-19">
<meta name="description" content="Ce service officiel génère une version numérique de la déclaration de déplacement covid-19 à présenter aux forces de sécurité lors d’un contrôle.">
<meta name="keywords" content="covid19, covid-19, attestation, déclaration, déplacement, officielle, gouvernement">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="French">
<meta property="og:title" content="Générateur d'attestation de déplacement dérogatoire - COVID-19">
<meta property="og:locale" content="fr_FR">
<meta property="og:description" content="Ce service officiel génère une version numérique de la déclaration de déplacement covid-19 à présenter aux forces de sécurité lors d’un contrôle.">
<link rel="canonical" href="https://media.interieur.gouv.fr/">
<meta property="og:url" content="https://media.interieur.gouv.fr/">
<meta property="og:site_name" content="Générateur d'attestation de déplacement dérogatoire - COVID-19">
<script type="application/ld+json">{"@context":"http://www.schema.org","@type":"GovernmentOrganization","name":"Générateur d'attestation de déplacement dérogatoire - COVID-19","description":"Ce service officiel génère une version numérique de la déclaration de déplacement covid-19 à présenter aux forces de sécurité lors d’un contrôle.","address":{"@type":"PostalAddress","addressCountry":"France"}}</script>
<link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.fdeabd24.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.623384d0.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.a4687270.png">
<link rel="manifest" href="./favicons/site.webmanifest">
<link rel="mask-icon" href="./safari-pinned-tab.1551797e.svg" color="#21bf73">
<title>Attestation de déplacement dérogatoire</title>
<link rel="stylesheet" href="./main.3cf18553.css">
</head>
<body>
<header role="banner" class="wrapper">
<picture>
<source srcset="./MIN_Interieur_RVB_dark.0e5ee525.svg" media="(prefers-color-scheme: dark)">
<img src="./MIN_Interieur_RVB.124e26ea.svg" alt="Ministère de l'intérieur. Liberté, égalité, fraternité." class="logo" role="presentation" aria-hidden="true">
</picture>
<div>
<h1 class="flex flex-wrap"> <span class="covid-title"> COVID-19 </span> <span class="covid-subtitle"> Attestation de déplacement dérogatoire </span> </h1>
<p class="text-desc"> En application du décret n°2020-1310 du 29 octobre 2020 prescrivant les mesures générales nécessaires pour faire face à l'épidémie de Covid19 dans le cadre de l'état d'urgence sanitaire </p>
</div>
</header>
<main role="main">
<p class="alert alert-danger d-none" role="alert" id="alert-facebook"></p>
<div class="wrapper">
<form id="form-profile" accept-charset="UTF-8"></form>
<div id="formgroup-storedata" class="form-check text-center mt-4"> <input class="form-check-input" type="checkbox" name="storedata" id="field-storedata" value="storedata"> <label class="form-check-label" for="field-storedata"> Mon téléphone se souvient de moi </label> </div>
<p class="text-center mt-5"> <button type="button" id="generate-btn" class="btn btn-primary btn-attestation"> <span> <i class="fa fa-file-pdf inline-block mr-1"></i> Générer mon attestation </span> </button> </p>
<div class="bg-primary d-none" id="snackbar"> L'attestation est téléchargée sur votre appareil. </div>
<p class="text-center mt-1"> <button type="button" id="cleardata" class="btn btn-primary btn-clear-data"> <span> <i class="fa fa-trash inline-block mr-1"></i> Effacer le formulaire et son contenu sauvegardé sur mon téléphone </span> </button> </p>
<div class="bg-primary d-none" id="snackbar-cleardata"> Les données du formulaire et les données sauvegardées ont été effacées. </div>
</div>
<div id="footnotes">
<p id="footnote1"> [1] Les personnes souhaitant bénéficier de l'une de ces exceptions doivent se munir s'il y a lieu, lors de leurs déplacements hors de leur domicile, d'un document leur permettant de justifier que le déplacement considéré entre dans le champ de l'une de ces exceptions. </p>
<p id="footnote2"> [2] A utiliser par les travailleurs non salariés, lorsqu'ils ne peuvent disposer d'un justificatif de déplacement établi par leur employeur. </p>
<p id="footnote3"> [3] Y compris les acquisitions à titre gratuit (distribution de denrées alimentaires...) et les déplacements liés à la perception de prestations sociales et au retrait d'espèces. </p>
</div>
<p class="github"> Le code source de ce service est consultable sur <a href="https://github.com/LAB-MI/attestation-deplacement-derogatoire-q4-2020" class="github-link">GitHub</a>. </p>
<p class="label-mi"> Ministère de l'Intérieur - DNUM - SDIT </p>
<picture class="center">
<source srcset="./logo_dnum_dark.0fe33c5b.svg" media="(prefers-color-scheme: dark)">
<img class="center" src="./logo_dnum.19ebc682.svg" alt="logo dnum">
</picture>
</main>
<footer role="contentinfo" class="main-footer">
<div class="footer-links">
<a href="./confidentialite.html" title="Confidentialité - nouvelle page" target="_blank" class="footer-line footer-link">Confidentialité</a> <a href="https://www.interieur.gouv.fr/Infos-du-site/Mentions-legales" title="Mentions légales - nouvelle page" target="_blank" class="footer-line footer-link">Mentions légales</a> <a href="https://www.gouvernement.fr/info-coronavirus" title="Information du gouvernement sur le Covid-19 - nouvelle page" target="_blank" class="footer-line footer-link">Informations du gouvernement sur le Covid-19</a>
<div class="footer-line">Plus d’infos au <a class="num-08" href="tel:0800130000" title="Numéro vert - appel gratuit depuis un poste fixe en France">0 800 130 000</a></div>
<p class="footer-line" id="version"></p>
</div>
</footer>
<div class="alert alert-info d-none" id="update-alert">
Une nouvelle version est disponible. Cliquer sur le bouton pour l'obtenir.
<p class="text-right"> <button id="reload-btn" class="btn btn-info">Mettre à jour</button> </p>
</div>
<script src="./main.328c5bbb.js"></script>
<script>
[init]
2020-10-29 21:30:05 +00:00
function getQueryParams(qs) {
qs = qs.split('+').join(' ');
var params = {},
tokens,
re = /[?&]?([^=]+)=([^&]*)/g;
while (tokens = re.exec(qs)) {
params[decodeURIComponent(tokens[1])] = decodeURIComponent(tokens[2]);
}
return params;
}
[fix] replace query by anchor
2020-10-30 09:09:51 +00:00
params = getQueryParams(window.top.location.hash.substr(1))
[init]
2020-10-29 21:30:05 +00:00
// ?firstname=prenom&lastname=nom&birthday=naissance&placeofbirth=villeDeNaissance&address=adresse&city=ville&zipcode=codePostal
for( param in params ){
document.querySelector("[name="+param+"]").value = params[param]
}
d = new Date()
document.querySelector("[name=heuresortie]").value = ('0'+d.getHours()).slice(-2)+":"+('0'+d.getMinutes()).slice(-2)
[enh] adds a push to url feature
2020-10-30 17:39:09 +00:00
function formToURL(l,x){
out=document.location.origin + document.location.pathname+"#"
for( i in l ) { out+=`${i}=${l[i]}&` }
window.history.pushState('Votre version', 'Votre version', out);
}
[init]
2020-10-29 21:30:05 +00:00
</script>
[fix] update after October 29th
2020-11-29 12:39:11 +00:00
</body><
[init]
2020-10-29 21:30:05 +00:00
</html>
Reference in New Issue Copy Permalink