-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
110 lines (81 loc) · 2.58 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
<!DOCTYPE html>
<html>
<head>
<title>Memory game - Menu</title>
<link rel="stylesheet" type="text/css" href="styles/menu.css">
<link rel="stylesheet" type="text/css" href="styles/slider.css">
</head>
<body class="background">
<div class='a'>
<img class="img" src="assets/carte_anim/Ks.png">
</div>
<div class='b'>
<img class="img" src="assets/carte_anim/Qh.png">
</div>
<div class='c'>
<img class="img" src="assets/carte_anim/Jc.png">
</div>
<div class='d'>
<img class="img" src="assets/carte_anim/Ad.png">
</div>
<div class='e'>
<img class="img" src="assets/carte_anim/10s.png">
</div>
<div class='f'>
<img class="img" src="assets/carte_anim/9h.png">
</div>
<div class='g'>
<img class="img" src="assets/carte_anim/8c.png">
</div>
<div class='h'>
<img class="img" src="assets/carte_anim/7d.png">
</div>
<div class='i'>
<img class="img" src="assets/carte_anim/6s.png">
</div>
<div class='j'>
<img class="img" src="assets/carte_anim/5h.png">
</div>
<div class='k'>
<img class="img" src="assets/carte_anim/4c.png">
</div>
<div class='l'>
<img class="img" src="assets/carte_anim/3d.png">
</div>
<div class='m'>
<img class="img" src="assets/carte_anim/2s.png">
</div>
<h1 class="titre">Memory game</h1>
<p class="level">Choisissez votre niveau de difficultee :</p>
<div class=" btn easy cadreNiveau">
<a href="#">EASY</a>
</div>
<div class=" btn hard cadreNiveau">
<a href="#">HARD</a>
</div>
<div class="btn infinity cadreNiveau">
<a href="#">INFINITY</a>
</div>
<div class="btn deck">
<a href="#" onclick="popover()">Choix du deck</a>
</div>
<div id="popOver" style="display:none;">
<img src="assets/dos_carte/dos-hs-xl.png" onclick="popoverNone()" class="deckHearthstone img">
<img src="assets/dos_carte/dos-pkm-xl.png" onclick="choixDeck2()" class="deckPokemon img">
<img src="assets/dos_carte/dos-ygo-xl.png" class="deckYuGiOh img">
</div>
<div class="btn play">
<a href="game.html">Jouer</p></a>
</div>
<audio id="myAudio">
<source src="assets/sound/pokeball.ogg" type="audio/ogg">
</audio>
<input id="slider" onclick="play(); setVolume();" name="slider" type="range" value=0>
<label for="slider">0</label>
<script src="https://code.jquery.com/jquery-3.5.0.js" integrity="sha256-r/AaFHrszJtwpe+tHyNi/XCfMxYpbsRg2Uqn0x3s2zc=" crossorigin="anonymous"></script>
<script src="js/random.js"></script>
<script src="js/choixDeck.js"></script>
<script src="js/popover.js"></script>
<script src="js/sound.js"></script>
</body>
</html>