-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
107 lines (107 loc) · 3.8 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="style.css">
<title>Minitel Keyboard Helper</title>
</head>
<body>
<div class="header">
<h1>Minitel Keyboard Helper</h1>
<p>Comment saisir les caractères spéciaux avec le clavier du minitel ?
<br>Entrez votre texte dans le champ ci-dessous et voilà !
</p>
</div>
<div id="input" class="column">
<div class="wrap">
<div class="column">
<label for="modele">Modèle</label>
<select name="modele" id="modele" disabled>
<option value="M1">Minitel1</option>
<option selected value="M1b">Minitel1b</option>
<option value="M2">Minitel2</option>
</select>
</div>
<div class="column">
<label for="standard">Standard</label>
<select name="standard" id="standard" disabled>
<option selected value="videotex">Videotex</option>
<option value="mixte">Mixte</option>
<option value="teleInfo">Téléinfo</option>
</select>
</div>
<div class="column">
<label for="clavier">Clavier</label>
<select name="mode" id="mode" disabled>
<option value="normal">Normal</option>
<option selected value="etendu">Etendu</option>
</select>
</div>
<div class="column">
<label for="jeu">Jeu</label>
<select name="jeu" id="jeu" disabled>
<option selected value="">NA</option>
<option value="americain">Américain</option>
<option value="francais">Français</option>
</select>
</div>
<div class="column">
<label for="casse">Casse</label>
<select name="casse" id="casse">
<option value="min">Minuscule</option>
<option selected value="maj">Majuscule</option>
</select>
</div>
</div>
<div class="wrap large">
<div class="column">
<label for="phrase">Texte à saisir</label>
<input name="phrase" id="phrase" type="text" size="36">
<div class="wrap end"><button onclick="listAll()">Lister tout</button></div>
</div>
</div>
<div class="wrap small">
<div class="column">
<div class="row">
<input type="checkbox" id="unicode" name="unicode" value="none">
<label for="unicode">Afficher les codes unicode</label>
</div>
<div class="row">
<input type="checkbox" id="utf-8" name="utf-8" value="none">
<label for="utf-8">Afficher l'encodage utf-8</label>
</div>
<div class="row">
<input type="checkbox" id="sequence" name="sequence" value="none">
<label for="sequence">Afficher les séquences minitel</label>
</div>
</div>
</div>
</div>
<div class="wrap">
<div class="column">
<label for="output" class="large">Séquence clavier</label>
<table id="output">
<thead>
<tr>
<th>unicode</th>
<th>utf-8</th>
<th>caractère</th>
<th>touches clavier</th>
<th>séquence minitel</th>
</tr>
</thead>
<tbody>
<!-- see script.js -->
</tbody>
</table>
</div>
</div>
<footer>
<span>^_°</span>
<span>This is part of <a href="https://github.com/iodeo/Minitel-ESP32">Minitel-ESP32</a> project</span>
<span>© iodeo.fr 2021-2023</span>
</footer>
</body>
<script src="script.js"></script>
</html>