-
Notifications
You must be signed in to change notification settings - Fork 0
/
result-ok.html
77 lines (67 loc) · 2.61 KB
/
result-ok.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/confetti-js@0.0.11/dist/index.js"></script>
<style>
body {
background-color: #f1f1f1;
}
.btn-xl {
padding: 1rem 2rem;
font-size: 1.5rem;
line-height: 2;
border-radius: .6rem;
}
#confetti-holder {
width: 100%;
height: 100%;
position: absolute;
}
</style>
<title>#BOEF</title>
</head>
<body>
<canvas id="confetti-holder" style="z-index: 0"></canvas>
<div class="container" style="z-index: 10">
<div class="row" style="margin-bottom: 50px; padding-top: 50px;">
<div class="col" style="background-color: #f1f1f1; padding-top: 25px; padding-bottom: 25px">
<h1 style="font-size: 7vw; text-align: center">CONGRATULATIONS</h1>
<p style="font-size: 3vw; text-align: center">Your score is </p>
<h2 id="score" style="font-size: 15vw; text-align: center; color: green;" >Calculating ...</h2>
<a class="btn btn-xl btn-secondary btn-block" href="index.html" role="button">Play again</a>
</div>
</div>
<script>
window.onload = function() {
function getParameterByName(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, " "));
}
document.getElementById("score").innerText = getParameterByName("score");
};
var confettiSettings = {
target: "confetti-holder",
"max":"500",
"size":"2",
"animate":true,
"props":["circle","square","triangle","line"],
"colors":[[165,104,246],[230,61,135],[0,199,228],[253,214,126]],
"clock":"25",
"width":"1920",
"height":"1080"
};
var confetti = new window.ConfettiGenerator(confettiSettings);
confetti.render();
</script>
</div>
</body>
</html>