-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvictoire.html
164 lines (128 loc) · 14.9 KB
/
victoire.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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Mission inconnue</title>
<!--META-->
<meta name="description" content="Jeu intéractif entre un livre et le site" />
<meta name="keywords" content="Jeu interactif, énimges en tout genre">
<meta name="author" content="Agence Fantastical">
<!--FAVICON-->
<link rel="icon" href="assets/favicon/favicon.svg" type="image/svg+xml">
<!--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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!--CSS-->
<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="stylesheet" href="css/nav.css" type="text/css">
<link rel="stylesheet" href="css/victoire.css" type="text/css">
</head>
<body>
<header>
<div id="membre">
<svg class="member-svg" width="18" height="20" viewBox="0 0 18 20">
<path d="M2.5 8.75H3.02734C3.99219 10.957 6.1875 12.5 8.75 12.5C11.3125 12.5 13.5078 10.957 14.4727 8.75H15C15.3438 8.75 15.625 8.46875 15.625 8.125V4.375C15.625 4.03125 15.3438 3.75 15 3.75H14.4727C13.5078 1.54297 11.3125 0 8.75 0C6.1875 0 3.99219 1.54297 3.02734 3.75H2.5C2.15625 3.75 1.875 4.03125 1.875 4.375V8.125C1.875 8.46875 2.15625 8.75 2.5 8.75ZM4.0625 5.3125C4.0625 4.44922 4.90234 3.75 5.9375 3.75H11.5625C12.5977 3.75 13.4375 4.44922 13.4375 5.3125V6.25C13.4375 8.32031 11.7578 10 9.6875 10H7.8125C5.74219 10 4.0625 8.32031 4.0625 6.25V5.3125ZM6.875 8.125L7.34375 6.71875L8.75 6.25L7.34375 5.78125L6.875 4.375L6.40625 5.78125L5 6.25L6.40625 6.71875L6.875 8.125ZM12.7969 12.5547C11.6289 13.3086 10.2422 13.75 8.75 13.75C7.25781 13.75 5.87109 13.3086 4.70312 12.5547C2.06641 12.832 0 15.0391 0 17.75V18.125C0 19.1602 0.839844 20 1.875 20H5V17.5C5 16.8086 5.55859 16.25 6.25 16.25H11.25C11.9414 16.25 12.5 16.8086 12.5 17.5V20H15.625C16.6602 20 17.5 19.1602 17.5 18.125V17.75C17.5 15.0391 15.4336 12.832 12.7969 12.5547ZM10.625 17.5C10.2812 17.5 10 17.7812 10 18.125C10 18.4688 10.2812 18.75 10.625 18.75C10.9688 18.75 11.25 18.4688 11.25 18.125C11.25 17.7812 10.9688 17.5 10.625 17.5ZM6.875 17.5C6.53125 17.5 6.25 17.7812 6.25 18.125V20H7.5V18.125C7.5 17.7812 7.21875 17.5 6.875 17.5Z" />
</svg>
<a href="">Connexion</a>
|
<a href="">Inscription</a>
</div>
<a href="index.html" id="logo">
<svg class="logo-svg" width="33" height="37" viewBox="0 0 33 37">
<path d="M3.9717 9.50622C4.25789 10.0451 4.51228 10.5999 4.79847 11.1546C4.86305 11.2314 4.95349 11.2821 5.05286 11.2972C5.38675 11.2972 5.72064 11.2497 6.05453 11.2497C6.38842 11.2497 6.29302 11.1546 6.34072 10.9961C6.44324 10.4712 6.57595 9.95256 6.73821 9.44283C7.10389 9.93416 7.27879 10.4572 7.56498 10.9961C7.58326 11.0602 7.62348 11.1159 7.67866 11.1536C7.73384 11.1912 7.8005 11.2084 7.86707 11.2021H9.04363C9.08984 11.1923 9.1329 11.1713 9.16897 11.1409C9.20503 11.1105 9.23298 11.0716 9.25032 11.0278C9.34572 10.7583 9.37752 10.4414 9.50471 10.1719H9.58421C9.69597 10.3343 9.78678 10.51 9.8545 10.6949C9.9976 11.1546 10.2838 11.2972 10.7608 11.3289C11.6511 11.3765 12.5574 11.5191 13.3842 11.9471C13.6863 12.1056 13.8453 11.9788 13.7976 11.6301C13.416 9.64887 10.8721 8.84054 9.28212 8.04806L8.16916 9.12583L8.08966 9.09413C8.08132 8.66417 8.11326 8.23436 8.18506 7.81031C8.20096 7.60426 8.16916 7.49332 7.96246 7.41407C7.77232 7.35246 7.5907 7.26726 7.42188 7.16047C7.23109 7.03368 7.11979 7.09708 6.9767 7.25557C6.661 7.59666 6.32092 7.91448 5.95913 8.20655C5.89554 7.66766 6.02273 7.22387 6.03863 6.70083C6.03431 6.65478 6.02084 6.61004 5.999 6.56922C5.97716 6.5284 5.9474 6.49233 5.91144 6.46309C5.37085 6.16195 5.37085 6.16195 4.95747 6.60574C4.54408 7.04953 4.30559 7.31897 3.8763 7.66766C3.81271 7.00198 3.924 6.41554 3.9558 5.7657C3.96528 5.73238 3.96781 5.69747 3.96323 5.66314C3.95866 5.6288 3.94707 5.59576 3.92919 5.56606C3.91132 5.53636 3.88753 5.51063 3.85929 5.49044C3.83105 5.47026 3.79896 5.45606 3.76501 5.44871C3.20853 5.17927 2.20686 4.89397 2.81104 4.11734C7.77167 -1.74704 16.3574 -1.2874 20.0461 5.11587C25.3406 15.0536 14.1156 24.4208 4.98927 18.5881C3.19263 17.5262 1.76168 16.1155 0.839508 14.2136C0.632815 13.7539 0.473821 13.2626 0.314827 12.7871C0.279084 12.7097 0.262249 12.625 0.2657 12.5399C0.269152 12.4548 0.292791 12.3717 0.334682 12.2975C0.376572 12.2232 0.435521 12.16 0.506691 12.1128C0.577861 12.0657 0.659225 12.036 0.744112 12.0263C1.50729 11.852 2.27046 11.6776 3.04953 11.535C3.14967 11.5353 3.24623 11.4979 3.31993 11.4303C3.39362 11.3628 3.43901 11.2699 3.44702 11.1704C3.55071 10.6063 3.69416 10.0502 3.8763 9.50622H3.9717ZM16.4369 4.73548C16.4369 4.46603 15.2921 4.35508 14.2905 4.51358C13.2888 4.67208 12.0168 5.44871 12.3984 5.65476C12.7538 5.85845 13.1468 5.9887 13.5538 6.03771C13.9608 6.08673 14.3736 6.05351 14.7674 5.94005C15.7532 5.67061 16.4369 4.98907 16.4369 4.73548Z" />
<path d="M24.0667 22.8704C27.56 20.6263 30.7268 21.938 32.7346 25.32C31.7062 25.9995 30.6615 26.6317 29.5678 27.2322C28.1235 28.0134 26.4634 28.3389 24.8189 28.1632C23.1745 27.9876 21.6276 27.3196 20.3939 26.2524C18.7452 28.133 17.5209 30.1717 17.3576 32.7477C19.4144 32.0049 20.7693 32.5896 22.5976 33.522C23.1526 33.8065 23.5607 34.249 23.9361 34.7389C24.2427 35.1281 24.5812 35.4927 24.9482 35.8293C25.2094 36.0664 25.3073 36.2876 25.2094 36.5721C25.1114 36.8566 24.8829 36.9988 24.5075 36.9988H6.27379C5.63716 37.0304 5.32701 36.4299 5.7351 35.9558L7.18792 33.9329C7.30219 33.7749 8.31426 32.6844 8.90192 32.5106C9.57969 32.3389 10.2999 32.4296 10.9097 32.7635C11.633 33.1577 12.4339 33.4 13.2604 33.4746C13.5052 33.4904 13.6195 33.443 13.6848 33.1744C14.1808 31.0886 15.0185 29.0932 16.166 27.2638C16.3129 27.0426 18.6309 24.1821 19.039 23.7871C19.4471 23.392 19.9368 23.0601 20.3286 22.6334C21.4059 21.3849 20.6387 20.168 19.6919 19.046L21.6508 16.6122C22.555 17.0908 23.3757 17.7041 24.083 18.4297C24.1483 18.5087 24.8992 19.6307 24.9482 19.8836C25.2747 21.0214 24.7523 21.9538 24.0667 22.8704Z" />
</svg>
</a>
<div id="infos">
<div id="localisation">
<svg class="pin-svg" width="16" height="21" viewBox="0 0 16 21">
<path d="M8.00008 0.5C3.58908 0.5 8.14446e-05 4.089 8.14446e-05 8.495C-0.0289186 14.94 7.69608 20.284 8.00008 20.5C8.00008 20.5 16.0291 14.94 16.0001 8.5C16.0001 4.089 12.4111 0.5 8.00008 0.5ZM8.00008 12.5C5.79008 12.5 4.00008 10.71 4.00008 8.5C4.00008 6.29 5.79008 4.5 8.00008 4.5C10.2101 4.5 12.0001 6.29 12.0001 8.5C12.0001 10.71 10.2101 12.5 8.00008 12.5Z" />
</svg>
Terre
</div>
<p id="date">04-01-2042</p>
<p id="heure"><span></span><span></span><span></span></p>
</div>
</header>
<main>
<div class="haut-victoire">
<h1 id="felicitation">FÉLICITATIONS MATHIS !</h1>
<p class="description">Grâce à votre capacité de réflexion, votre observation et surtout votre bravoure, vous avez réussi à ramener la paix sur terre ! Les créatures et les humains peuvent vivre en harmonie et l’hémisphère sud va petit à petit être réhabité.</p>
<p class="description">Pour vous féliciter de votre réussite vous avez le droit à un poster avec une créature que vous avez rencontré durant votre quête pour ne jamais oublier cette aventure !</p>
</div>
<section class="recompenses">
<h2>Sélectionnez votre récompense</h2>
<div id="caroussel">
<svg class="slider-arrow left" width="35" height="70" viewBox="0 0 35 70">
<path d="M5.78978 68.4998L5.80109 68.4996L5.81241 68.4997C6.33548 68.5014 6.8523 68.386 7.32489 68.1619C7.79671 67.9382 8.21247 67.6117 8.5417 67.2066C8.54221 67.2059 8.54272 67.2053 8.54324 67.2047L32.694 37.2119L32.6988 37.2059L32.7037 37.2C33.2186 36.5738 33.5 35.7884 33.5 34.978C33.5 34.169 33.2197 33.3851 32.7067 32.7595C32.7057 32.7583 32.7047 32.7571 32.7037 32.7559L7.70565 2.76652L7.70442 2.76505C7.10992 2.04998 6.25554 1.60021 5.32919 1.51482C4.40283 1.42944 3.48055 1.71545 2.76523 2.30984C2.04993 2.90421 1.6002 3.75823 1.51482 4.68397C1.42949 5.60927 1.71514 6.53063 2.30908 7.24554C2.30935 7.24587 2.30962 7.2462 2.3099 7.24653L24.6623 34.0421L25.4503 34.9867L24.6783 35.9444L3.07437 62.7419L3.06674 62.7513L3.05895 62.7607C2.63089 63.2744 2.35901 63.8999 2.27544 64.5631C2.19186 65.2263 2.30006 65.8997 2.58728 66.5034C2.8745 67.1071 3.32872 67.616 3.89627 67.9698C4.46382 68.3237 5.12091 68.5076 5.78978 68.4998Z" fill="white" />
</svg>
<svg class="slider-arrow right" width="35" height="70" viewBox="0 0 35 70">
<path d="M5.78978 68.4998L5.80109 68.4996L5.81241 68.4997C6.33548 68.5014 6.8523 68.386 7.32489 68.1619C7.79671 67.9382 8.21247 67.6117 8.5417 67.2066C8.54221 67.2059 8.54272 67.2053 8.54324 67.2047L32.694 37.2119L32.6988 37.2059L32.7037 37.2C33.2186 36.5738 33.5 35.7884 33.5 34.978C33.5 34.169 33.2197 33.3851 32.7067 32.7595C32.7057 32.7583 32.7047 32.7571 32.7037 32.7559L7.70565 2.76652L7.70442 2.76505C7.10992 2.04998 6.25554 1.60021 5.32919 1.51482C4.40283 1.42944 3.48055 1.71545 2.76523 2.30984C2.04993 2.90421 1.6002 3.75823 1.51482 4.68397C1.42949 5.60927 1.71514 6.53063 2.30908 7.24554C2.30935 7.24587 2.30962 7.2462 2.3099 7.24653L24.6623 34.0421L25.4503 34.9867L24.6783 35.9444L3.07437 62.7419L3.06674 62.7513L3.05895 62.7607C2.63089 63.2744 2.35901 63.8999 2.27544 64.5631C2.19186 65.2263 2.30006 65.8997 2.58728 66.5034C2.8745 67.1071 3.32872 67.616 3.89627 67.9698C4.46382 68.3237 5.12091 68.5076 5.78978 68.4998Z" fill="white" />
</svg>
<div id="slider-square"></div>
<div class="sliders">
</div>
</div>
<audio autoplay loop id="enigme-audio">
<source src="assets/enigme/victoire.mp3">
</audio>
</section>
<div id="data">
<div>
<p class="data">6<span>h</span>23</p>
<p class="data-description">Temps en jeu</p>
</div>
<div>
<p class="data">11</p>
<p class="data-description">Énigmes résolues</p>
</div>
<div>
<p class="data">23</p>
<p class="data-description">Erreurs</p>
</div>
<div>
<p class="data">3</p>
<p class="data-description">Indices utilisés</p>
</div>
</div>
<div id="background">
<img class="harpie" src="assets/img/harpie_lamproie.png" alt="">
<div class="lien-classement">
<a href="">CLASSEMENT DES JOUEURS</a>
</div>
</div>
</main>
<footer>
<div class="footer-chameau">
<img src="assets/img/chameau_poison.png" alt="chameau-poison">
</div>
<div class="footer-nav">
<div>
<p class="footer-title">membre</p>
<a href="">connexion</a>
<a href="">inscription</a>
</div>
<div>
<p class="footer-title">navigation</p>
<a href="">mentions légales</a>
<a href="">contact</a>
</div>
<div>
<p class="footer-title">produit</p>
<a href="">commander le livre</a>
</div>
</div>
<svg class="logo-svg" width="63" height="72" viewBox="0 0 33 37">
<path d="M3.9717 9.50622C4.25789 10.0451 4.51228 10.5999 4.79847 11.1546C4.86305 11.2314 4.95349 11.2821 5.05286 11.2972C5.38675 11.2972 5.72064 11.2497 6.05453 11.2497C6.38842 11.2497 6.29302 11.1546 6.34072 10.9961C6.44324 10.4712 6.57595 9.95256 6.73821 9.44283C7.10389 9.93416 7.27879 10.4572 7.56498 10.9961C7.58326 11.0602 7.62348 11.1159 7.67866 11.1536C7.73384 11.1912 7.8005 11.2084 7.86707 11.2021H9.04363C9.08984 11.1923 9.1329 11.1713 9.16897 11.1409C9.20503 11.1105 9.23298 11.0716 9.25032 11.0278C9.34572 10.7583 9.37752 10.4414 9.50471 10.1719H9.58421C9.69597 10.3343 9.78678 10.51 9.8545 10.6949C9.9976 11.1546 10.2838 11.2972 10.7608 11.3289C11.6511 11.3765 12.5574 11.5191 13.3842 11.9471C13.6863 12.1056 13.8453 11.9788 13.7976 11.6301C13.416 9.64887 10.8721 8.84054 9.28212 8.04806L8.16916 9.12583L8.08966 9.09413C8.08132 8.66417 8.11326 8.23436 8.18506 7.81031C8.20096 7.60426 8.16916 7.49332 7.96246 7.41407C7.77232 7.35246 7.5907 7.26726 7.42188 7.16047C7.23109 7.03368 7.11979 7.09708 6.9767 7.25557C6.661 7.59666 6.32092 7.91448 5.95913 8.20655C5.89554 7.66766 6.02273 7.22387 6.03863 6.70083C6.03431 6.65478 6.02084 6.61004 5.999 6.56922C5.97716 6.5284 5.9474 6.49233 5.91144 6.46309C5.37085 6.16195 5.37085 6.16195 4.95747 6.60574C4.54408 7.04953 4.30559 7.31897 3.8763 7.66766C3.81271 7.00198 3.924 6.41554 3.9558 5.7657C3.96528 5.73238 3.96781 5.69747 3.96323 5.66314C3.95866 5.6288 3.94707 5.59576 3.92919 5.56606C3.91132 5.53636 3.88753 5.51063 3.85929 5.49044C3.83105 5.47026 3.79896 5.45606 3.76501 5.44871C3.20853 5.17927 2.20686 4.89397 2.81104 4.11734C7.77167 -1.74704 16.3574 -1.2874 20.0461 5.11587C25.3406 15.0536 14.1156 24.4208 4.98927 18.5881C3.19263 17.5262 1.76168 16.1155 0.839508 14.2136C0.632815 13.7539 0.473821 13.2626 0.314827 12.7871C0.279084 12.7097 0.262249 12.625 0.2657 12.5399C0.269152 12.4548 0.292791 12.3717 0.334682 12.2975C0.376572 12.2232 0.435521 12.16 0.506691 12.1128C0.577861 12.0657 0.659225 12.036 0.744112 12.0263C1.50729 11.852 2.27046 11.6776 3.04953 11.535C3.14967 11.5353 3.24623 11.4979 3.31993 11.4303C3.39362 11.3628 3.43901 11.2699 3.44702 11.1704C3.55071 10.6063 3.69416 10.0502 3.8763 9.50622H3.9717ZM16.4369 4.73548C16.4369 4.46603 15.2921 4.35508 14.2905 4.51358C13.2888 4.67208 12.0168 5.44871 12.3984 5.65476C12.7538 5.85845 13.1468 5.9887 13.5538 6.03771C13.9608 6.08673 14.3736 6.05351 14.7674 5.94005C15.7532 5.67061 16.4369 4.98907 16.4369 4.73548Z" />
<path d="M24.0667 22.8704C27.56 20.6263 30.7268 21.938 32.7346 25.32C31.7062 25.9995 30.6615 26.6317 29.5678 27.2322C28.1235 28.0134 26.4634 28.3389 24.8189 28.1632C23.1745 27.9876 21.6276 27.3196 20.3939 26.2524C18.7452 28.133 17.5209 30.1717 17.3576 32.7477C19.4144 32.0049 20.7693 32.5896 22.5976 33.522C23.1526 33.8065 23.5607 34.249 23.9361 34.7389C24.2427 35.1281 24.5812 35.4927 24.9482 35.8293C25.2094 36.0664 25.3073 36.2876 25.2094 36.5721C25.1114 36.8566 24.8829 36.9988 24.5075 36.9988H6.27379C5.63716 37.0304 5.32701 36.4299 5.7351 35.9558L7.18792 33.9329C7.30219 33.7749 8.31426 32.6844 8.90192 32.5106C9.57969 32.3389 10.2999 32.4296 10.9097 32.7635C11.633 33.1577 12.4339 33.4 13.2604 33.4746C13.5052 33.4904 13.6195 33.443 13.6848 33.1744C14.1808 31.0886 15.0185 29.0932 16.166 27.2638C16.3129 27.0426 18.6309 24.1821 19.039 23.7871C19.4471 23.392 19.9368 23.0601 20.3286 22.6334C21.4059 21.3849 20.6387 20.168 19.6919 19.046L21.6508 16.6122C22.555 17.0908 23.3757 17.7041 24.083 18.4297C24.1483 18.5087 24.8992 19.6307 24.9482 19.8836C25.2747 21.0214 24.7523 21.9538 24.0667 22.8704Z" />
</svg>
</footer>
<!--SCRIPTS-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="js/app.js"></script>
<script src="js/carousel.js"></script>
</body>
</html>