-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
56 lines (51 loc) · 2.1 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Les raccourcis clavier</title>
<!-- Google fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600&family=Montserrat&display=swap"
rel="stylesheet" />
<!-- Tippy css -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/tippy.js@6.3.0/dist/tippy.css" />
<!-- personal style -->
<link rel="stylesheet" href="style.css" />
</head>
<body>
<nav>
<img src="svg/loulergue.svg" />
<div class="circle_top"></div>
<img src="svg/shortcuts.svg" />
</nav>
<div class="hero">
<h1>Les raccourcis clavier</h1>
<p>
Essayer chaque raccourci en temps réel grâce aux encadrés
disponibles au dessus du raccourci ou en direct depuis
l'ordinateur. Pour plus d'information sur chaque raccourci,
passe ta souris sur le raccourci !
</p>
<p>
Chaque raccourci est rangé dans une catégorie disponible ici :
</p>
</div>
<div class="nav"></div>
<div id="shortcut_container"></div>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.9.0/dist/confetti.browser.min.js"></script>
<!-- For tooltip data-tippy-content -->
<script src="https://unpkg.com/@popperjs/core@2"></script>
<script src="https://unpkg.com/tippy.js@6"></script>
<script src="confetti.js"></script>
<script src="keyDetect.js"></script>
</body>
</html>