-
Notifications
You must be signed in to change notification settings - Fork 0
/
BOUMBOUM.html
63 lines (54 loc) · 2.79 KB
/
BOUMBOUM.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Première partie de l'histoire</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="boum/BOUMBOUM.css">
<script type="text/javascript" src="boum/typed.js"></script>
</head>
<body>
<iframe width="1" height="1" src="https://www.youtube.com/embed/KVXaAD1-gGA?rel=0&controls=0&showinfo=0&start=5&autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<div class="container-fluid">
<div class="row no-gutters">
<div class="col-2"></div>
<div class="col-8">
<img id="boum" class="img-fluid" src="boum/BOUMBOUMlast.gif">
</div>
<div class="col-2"></div>
</div>
<!-- <div class="container" -->
<div class="row no-gutters">
<div class="col-2"></div>
<div class="col-8">
<p class="type"></p>
<script type="text/javascript">
const typed = new Typed(".type", {
strings: [
"WRONG ANSWER...",
"tu ne peux t'en prendre qu'a toi meme",
"YOU ARE DEAD... try again?? (A. yes, je me suis trompe de bouton (B. non, je ne peux pas, je suis mort"
],
typeSpeed: 30,
smartbackspace: true,
})
</script>
</div>
<div class="col-2"></div>
</div>
<!-- </div> -->
<div class="row no-gutters">
<div class="col-3 offset-1"></div>
<img class="img-fluid" src="https://image.noelshack.com/fichiers/2018/14/4/1522957692-webp-net-resizeimage.jpg" width="600" height="367" alt="remote" usemap="#game"/>
<map id="m-one" name="game">
<area shape="circle" coords="400,230,20" alt="button" href="https://www.urbandictionary.com/define.php?term=looser">
<area shape="circle" coords="450,230,20" alt="button" href="index.html">
</map>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>