evausesgit.github.io/index.html at main · evausesgit/evausesgit.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!doctype html>
<html lang="fr">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
    <title>Attestation</title>
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://getbootstrap.com/docs/4.4/examples/floating-labels/floating-labels.css">
    <script src="script.js"></script>
    <style>
        ul {
            list-style: none;
            column-count: 2;
            /* column-gap: 2rem; */
        }
    </style>
</head>

<body>
    <div class="form-signin">
        <form id="form-profile">
            <div class="text-center mb-4">
                <img class="mb-4 rounded" src="apple-touch-icon.png" alt="" width="72" height="72">
                <h1 class="h3 mb-3 font-weight-normal">Attestation</h1>
            </div>
            <div class="form-label-group">
                <input type="text" id="field-firstname" autocomplete="first-name" placeholder="Prénom"
                    class="form-control">
                <label for="field-firstname">Prénom</label>
            </div>
            <div class="form-label-group">
                <input type="text" id="field-lastname" autocomplete="last-name" placeholder="Nom" class="form-control">
                <label for="field-lastname">Nom</label>
            </div>
            <div class="form-label-group">
                <input type="text" id="field-address" autocomplete="address-line1" placeholder="Adresse"
                    class="form-control">
                <label for="field-address">Adresse</label>
            </div>
            <div class="form-label-group">
                <input type="text" id="field-zipcode" autocomplete="zipcode" placeholder="Code postal"
                    class="form-control" inputmode="numeric" maxlength="5">
                <label for="field-zipcode">Code postal</label>
            </div>
            <div class="form-label-group">
                <input type="text" id="field-city" autocomplete="address-level1" placeholder="Ville"
                    class="form-control">
                <label for="field-city">Ville</label>
            </div>
            <div class="form-label-group">
                <input type="tel" id="field-birthday" autocomplete="bday" placeholder="Date de naissance"
                    class="form-control" maxlength="10">
                <label for="field-birthday">Date de naissance</label>
            </div>
        </form>
        <form id="form-profile">
            <!--  for Safari Autofill to work -->
            <div class="form-label-group">
                <input type="text" id="field-placeofbirth" placeholder="Lieu de naissance" class="form-control">
                <label for="field-placeofbirth">Lieu de naissance</label>
            </div>
            <div class="form-label-group">
                <div class="checkbox mb-3">
                    <label>Motif :</label>
                    <ul>
                        <li><label><input type="checkbox" id="ox-travail" name="field-reason" value="travail">
                                Travail</label></li>
                        <li><label><input type="checkbox" id="ox-enfants" name="field-reason" value="enfants">
                                Enfants</label></li>
                        <li><label><input type="checkbox" id="ox-convocation" name="field-reason" value="convocation">
                                Convocation</label></li>
                        <li><label><input type="checkbox" id="ox-achats" name="field-reason" value="achats">
                                Achats</label></li>
                        <li><label><input type="checkbox" id="ox-sport_animaux" name="field-reason" value="sport_animaux">
                                Sport/Animaux</label></li>
                        <li><label><input type="checkbox" id="ox-courses" name="field-reason" value="courses">
                                Courses</label></li>
                        <li><label><input type="checkbox" id="ox-sante" name="field-reason" value="sante">
                                Santé</label></li>
                        <li><label><input type="checkbox" id="ox-famille" name="field-reason" value="famille">
                                Famille</label></li>
                        <li><label><input type="checkbox" id="ox-handicap" name="field-reason" value="handicap">
                                Handicap</label></li>
                        <li><label><input type="checkbox" id="ox-missions" name="field-reason" value="missions">
                                Intérêt général</label></li>
                        <input type="checkbox" id="ox-judiciaire" name="field-reason" value="judiciaire"
                            style="display: None">
                    </ul>
                </div>
            </div>
            <div style="display: None">
                <input type="date" id="field-datesortie" name="datesortie">
                <input type="time" id="field-heuresortie" name="heure">
                <div id="generate-btn"></div>
                <p id="version"></p>
            </div>
        </form>
        <button class="btn btn-lg btn-primary btn-block" onclick="createLink()">Générer le lien</button>
        <div class="mt-3 text-center" id="link"><a onclick="onLoad()"></a></div>
        <p class="mt-5 mb-3 text-muted text-center">Aucune donnée personnelle n'est conservée.
        <br />
        <a href="https://github.com/evausesgit/evausesgit.github.io">Sources</a>
        </p>
    </div>
</body>
<script src="deplacement-covid-19/main.d56e3230.js"></script>

</html>