-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
123 lines (117 loc) · 4.72 KB
/
index.html
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
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta httdiv-equiv="X-UA-Comdivatible" content="IE=edge">
<meta name="viewdivort" content="width=device-width, initial-scale=1.0">
<title>Copie Wordle Fr</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/modal_box.css">
<!-- Both async and defer load the script in the background. In case of async the script is executed as soon as it is loaded,
but in case of defer the script is loaded only after the document is ready. -->
<script src="js/mots.js" defer></script>
<script src="js/countdown_timer.js" defer></script>
<script src="js/modal.js" defer></script>
<script src="js/script.js" defer></script>
</head>
<body>
<div id="header">
<!-- <input type="image" id="info" src="image/histo50x50.png" alt="information"> -->
<h1>Le mot</h1>
</div>
<div id="container_ligne">
<div class="ligne">
<p class="lettre" type="text" id="11"> </p>
<p class="lettre" type="text" id="12"> </p>
<p class="lettre" type="text" id="13"> </p>
<p class="lettre" type="text" id="14"> </p>
<p class="lettre" type="text" id="15"> </p>
</div>
<div class="ligne">
<p class="lettre" type="text" id="21"> </p>
<p class="lettre" type="text" id="22"> </p>
<p class="lettre" type="text" id="23"> </p>
<p class="lettre" type="text" id="24"> </p>
<p class="lettre" type="text" id="25"> </p>
</div>
<div class="ligne">
<p class="lettre" type="text" id="31"> </p>
<p class="lettre" type="text" id="32"> </p>
<p class="lettre" type="text" id="33"> </p>
<p class="lettre" type="text" id="34"> </p>
<p class="lettre" type="text" id="35"> </p>
</div>
<div class="ligne">
<p class="lettre" type="text" id="41"> </p>
<p class="lettre" type="text" id="42"> </p>
<p class="lettre" type="text" id="43"> </p>
<p class="lettre" type="text" id="44"> </p>
<p class="lettre" type="text" id="45"> </p>
</div>
<div class="ligne">
<p class="lettre" type="text" id="51"> </p>
<p class="lettre" type="text" id="52"> </p>
<p class="lettre" type="text" id="53"> </p>
<p class="lettre" type="text" id="54"> </p>
<p class="lettre" type="text" id="55"> </p>
</div>
<div class="ligne">
<p class="lettre" type="text" id="61"> </p>
<p class="lettre" type="text" id="62"> </p>
<p class="lettre" type="text" id="63"> </p>
<p class="lettre" type="text" id="64"> </p>
<p class="lettre" type="text" id="65"> </p>
</div>
</div>
<div id="container_keyboard">
<div class="keyboard">
<p class="touch" id="a">a</p>
<p class="touch" id="z">z</p>
<p class="touch" id="e">e</p>
<p class="touch" id="r">r</p>
<p class="touch" id="t">t</p>
<p class="touch" id="y">y</p>
<p class="touch" id="u">u</p>
<p class="touch" id="i">i</p>
<p class="touch" id="o">o</p>
<p class="touch" id="p">p</p>
<p class="touch" id="q">q</p>
<p class="touch" id="s">s</p>
<p class="touch" id="d">d</p>
<p class="touch" id="f">f</p>
<p class="touch" id="g">g</p>
<p class="touch" id="h">h</p>
<p class="touch" id="j">j</p>
<p class="touch" id="k">k</p>
<p class="touch" id="l">l</p>
<p class="touch" id="m">m</p>
<p class="touch _2c" id="suppr">Suppr</p>
<p class="touch" id="w">w</p>
<p class="touch" id="x">x</p>
<p class="touch" id="c">c</p>
<p class="touch" id="v">v</p>
<p class="touch" id="b">b</p>
<p class="touch" id="n">n</p>
<p class="touch _2c" id="enter"><-</p>
</div>
</div>
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<!-- Button x -->
<a href="#" class="close">×</a>
</span>
<div id="container-elem">
<div id="container-timer">
<p id="text-timer"> MOT SUIVANT DANS</p>
<p id="timer"></p>
</div>
<div id="container-info">
<p id="textPopUp">victoire</p>
<p id="réponse"> </p>
</div>
</div>
</div>
</div>
</body>
</html>