-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathenigme-suite.html
147 lines (110 loc) · 23.5 KB
/
enigme-suite.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
<!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/enigme.css" type="text/css">
</head>
<body>
<header>
<div id="display">
<p>Hello Mathis !</p>
<div id="bpm">
<span>62</span>
<svg width="20" height="15" viewBox="0 0 20 15">
<path d="M18.525 6.56188H14.6835C14.6156 6.55301 14.5467 6.55301 14.4788 6.56188H14.313C14.2621 6.58984 14.2132 6.62117 14.1668 6.65564C14.1125 6.69011 14.0604 6.72768 14.0108 6.76815C13.9782 6.80648 13.9489 6.84724 13.923 6.89003C13.8783 6.94909 13.8392 7.01184 13.806 7.07754L12.246 11.2122L8.18025 0.617694C8.11193 0.436696 7.98732 0.280313 7.82335 0.169799C7.65937 0.0592855 7.46399 0 7.26375 0C7.06351 0 6.86813 0.0592855 6.70415 0.169799C6.54018 0.280313 6.41557 0.436696 6.34725 0.617694L4.095 6.56188H0.975C0.716414 6.56188 0.468419 6.66066 0.285571 6.83649C0.102723 7.01232 0 7.25079 0 7.49945C0 7.74811 0.102723 7.98658 0.285571 8.16241C0.468419 8.33824 0.716414 8.43702 0.975 8.43702H5.1675C5.22292 8.41136 5.27523 8.37992 5.3235 8.34326C5.37779 8.30879 5.42988 8.27122 5.4795 8.23075L5.56725 8.10887C5.61372 8.05097 5.65299 7.98804 5.68425 7.92136L7.26375 3.67417L11.3197 14.3812C11.3879 14.5624 11.5124 14.719 11.6764 14.8297C11.8404 14.9405 12.0359 14.9999 12.2363 15C12.4366 14.9999 12.6321 14.9405 12.7961 14.8297C12.9601 14.719 13.0846 14.5624 13.1528 14.3812L15.3953 8.43702H18.525C18.7836 8.43702 19.0316 8.33824 19.2144 8.16241C19.3973 7.98658 19.5 7.74811 19.5 7.49945C19.5 7.25079 19.3973 7.01232 19.2144 6.83649C19.0316 6.66066 18.7836 6.56188 18.525 6.56188Z" fill="white"/>
</svg>
</div>
<svg id="battery-svg" width="21" height="13" viewBox="0 0 21 13">
<path d="M15.5 0.5C16.2956 0.5 17.0587 0.816071 17.6213 1.37868C18.1839 1.94129 18.5 2.70435 18.5 3.5V4.5H19.5C19.7652 4.5 20.0196 4.60536 20.2071 4.79289C20.3946 4.98043 20.5 5.23478 20.5 5.5V7.5C20.5 7.76522 20.3946 8.01957 20.2071 8.20711C20.0196 8.39464 19.7652 8.5 19.5 8.5H18.5V9.5C18.5 10.2956 18.1839 11.0587 17.6213 11.6213C17.0587 12.1839 16.2956 12.5 15.5 12.5H3.5C2.70435 12.5 1.94129 12.1839 1.37868 11.6213C0.816071 11.0587 0.5 10.2956 0.5 9.5V3.5C0.5 2.70435 0.816071 1.94129 1.37868 1.37868C1.94129 0.816071 2.70435 0.5 3.5 0.5H15.5ZM15.498 2H3.5C3.12695 1.99977 2.76719 2.13856 2.49095 2.38928C2.21471 2.64001 2.04181 2.98467 2.006 3.356L2 3.5V9.5C1.99999 9.87273 2.13876 10.2321 2.38925 10.5081C2.63974 10.7841 2.98402 10.957 3.355 10.993L3.5 11H15.498C15.8707 11 16.2301 10.8612 16.5061 10.6108C16.7821 10.3603 16.955 10.016 16.991 9.645L16.998 9.5V3.5C16.998 3.12727 16.8592 2.7679 16.6088 2.49189C16.3583 2.21589 16.014 2.04303 15.643 2.007L15.498 2ZM4.5 3.5H13.5C13.7449 3.50003 13.9813 3.58996 14.1644 3.75272C14.3474 3.91547 14.4643 4.13975 14.493 4.383L14.5 4.5V8.5C14.5 8.74493 14.41 8.98134 14.2473 9.16437C14.0845 9.34741 13.8603 9.46434 13.617 9.493L13.5 9.5H4.5C4.25489 9.50021 4.01825 9.4104 3.835 9.24762C3.65176 9.08484 3.53468 8.86042 3.506 8.617L3.5 8.5V4.5C3.50003 4.25507 3.58996 4.01866 3.75272 3.83563C3.91547 3.65259 4.13975 3.53566 4.383 3.507L4.5 3.5H13.5H4.5Z" fill="white"/>
</svg>
<svg id="radar-svg" class="rouge" width="21" height="17" viewBox="0 0 21 17">
<path d="M10.5888 4.17706C9.90804 4.17605 9.24892 4.41599 8.72814 4.85438C8.20737 5.29277 7.85855 5.90133 7.74346 6.57226C7.62838 7.24319 7.75446 7.9332 8.09938 8.52009C8.44429 9.10697 8.98578 9.55284 9.62794 9.77874C9.6233 9.83309 9.6233 9.88773 9.62794 9.94208V15.7071C9.62794 15.9619 9.72917 16.2063 9.90936 16.3865C10.0896 16.5667 10.3339 16.6679 10.5888 16.6679C10.8436 16.6679 11.088 16.5667 11.2682 16.3865C11.4484 16.2063 11.5496 15.9619 11.5496 15.7071V9.94208C11.5542 9.88773 11.5542 9.83309 11.5496 9.77874C12.1918 9.55284 12.7333 9.10697 13.0782 8.52009C13.4231 7.9332 13.5492 7.24319 13.4341 6.57226C13.319 5.90133 12.9702 5.29277 12.4494 4.85438C11.9286 4.41599 11.2695 4.17605 10.5888 4.17706ZM10.5888 8.02041C10.3987 8.02041 10.213 7.96406 10.055 7.85848C9.89695 7.7529 9.7738 7.60284 9.70108 7.42727C9.62836 7.2517 9.60933 7.05851 9.6464 6.87212C9.68348 6.68574 9.77499 6.51453 9.90936 6.38016C10.0437 6.24578 10.2149 6.15427 10.4013 6.1172C10.5877 6.08012 10.7809 6.09915 10.9565 6.17188C11.132 6.2446 11.2821 6.36775 11.3877 6.52576C11.4933 6.68377 11.5496 6.86954 11.5496 7.05957C11.5496 7.3144 11.4484 7.55879 11.2682 7.73899C11.088 7.91918 10.8436 8.02041 10.5888 8.02041ZM2.42167 7.05957C2.44792 6.08677 2.68893 5.13179 3.12746 4.26304C3.56599 3.39429 4.19118 2.63324 4.95828 2.0344C5.1545 1.87131 5.27789 1.63695 5.30132 1.38288C5.32474 1.12881 5.24628 0.875842 5.08319 0.679624C5.00243 0.582466 4.90333 0.502165 4.79154 0.443307C4.67976 0.384448 4.55747 0.348184 4.43167 0.336585C4.1776 0.31316 3.92463 0.391624 3.72841 0.554715C2.74291 1.33291 1.94222 2.31994 1.38398 3.44473C0.825736 4.56952 0.523831 5.80409 0.5 7.05957C0.523831 8.31505 0.825736 9.54962 1.38398 10.6744C1.94222 11.7992 2.74291 12.7862 3.72841 13.5644C3.82557 13.6452 3.93768 13.706 4.05834 13.7434C4.17901 13.7809 4.30586 13.7942 4.43167 13.7826C4.55747 13.771 4.67976 13.7347 4.79154 13.6758C4.90333 13.617 5.00243 13.5367 5.08319 13.4395C5.16394 13.3424 5.22477 13.2303 5.26219 13.1096C5.29962 12.9889 5.31291 12.8621 5.30132 12.7363C5.28972 12.6105 5.25345 12.4882 5.19459 12.3764C5.13574 12.2646 5.05544 12.1655 4.95828 12.0847C4.19118 11.4859 3.56599 10.7249 3.12746 9.8561C2.68893 8.98735 2.44792 8.03238 2.42167 7.05957Z" />
<path d="M15.0471 2.486C14.8505 2.35538 14.6127 2.30168 14.3791 2.33512C14.1455 2.36857 13.9323 2.48683 13.7803 2.66735C13.6283 2.84788 13.548 3.07804 13.5548 3.31394C13.5616 3.54985 13.655 3.77501 13.8172 3.94647C14.292 4.31812 14.6793 4.78964 14.9516 5.32762C15.2239 5.8656 15.3746 6.45689 15.393 7.05958C15.3746 7.66228 15.2239 8.25356 14.9516 8.79154C14.6793 9.32952 14.292 9.80104 13.8172 10.1727C13.6685 10.2998 13.5622 10.4693 13.5124 10.6585C13.4626 10.8476 13.4718 11.0475 13.5386 11.2313C13.6055 11.4152 13.7268 11.5742 13.8865 11.6872C14.0462 11.8002 14.2365 11.8618 14.4321 11.8638C14.6578 11.8615 14.8755 11.7799 15.0471 11.6332C15.7403 11.0865 16.3034 10.3926 16.6956 9.60157C17.0877 8.81058 17.2992 7.94232 17.3146 7.05958C17.2992 6.17685 17.0877 5.30858 16.6956 4.5176C16.3034 3.72661 15.7403 3.03268 15.0471 2.486ZM7.47568 2.6013C7.31167 2.40906 7.07853 2.28916 6.82675 2.26758C6.57498 2.246 6.32484 2.32447 6.13051 2.486C5.43725 3.03268 4.87417 3.72661 4.482 4.5176C4.08983 5.30858 3.87838 6.17685 3.86293 7.05958C3.87838 7.94232 4.08983 8.81058 4.482 9.60157C4.87417 10.3926 5.43725 11.0865 6.13051 11.6332C6.32484 11.7947 6.57498 11.8732 6.82675 11.8516C7.07853 11.83 7.31167 11.7101 7.47568 11.5179C7.63721 11.3235 7.71568 11.0734 7.6941 10.8216C7.67252 10.5698 7.55262 10.3367 7.36038 10.1727C6.88555 9.80104 6.49827 9.32952 6.22596 8.79154C5.95365 8.25356 5.80297 7.66228 5.78461 7.05958C5.80297 6.45689 5.95365 5.8656 6.22596 5.32762C6.49827 4.78964 6.88555 4.31812 7.36038 3.94647C7.55262 3.78247 7.67252 3.54933 7.6941 3.29755C7.71568 3.04578 7.63721 2.79563 7.47568 2.6013Z" />
<path d="M17.4491 0.554712C17.352 0.473958 17.2399 0.413131 17.1192 0.375704C16.9985 0.338277 16.8717 0.324984 16.7459 0.336583C16.6201 0.348181 16.4978 0.384446 16.386 0.443304C16.2742 0.502163 16.1751 0.582463 16.0944 0.679621C16.0136 0.776779 15.9528 0.888891 15.9154 1.00956C15.8779 1.13022 15.8646 1.25708 15.8762 1.38288C15.8878 1.50868 15.9241 1.63097 15.983 1.74276C16.0418 1.85454 16.1221 1.95364 16.2193 2.0344C16.9864 2.63324 17.6116 3.39428 18.0501 4.26304C18.4886 5.13179 18.7296 6.08676 18.7559 7.05957C18.7296 8.03238 18.4886 8.98735 18.0501 9.8561C17.6116 10.7249 16.9864 11.4859 16.2193 12.0847C16.0231 12.2478 15.8997 12.4822 15.8762 12.7363C15.8528 12.9903 15.9313 13.2433 16.0944 13.4395C16.2575 13.6357 16.4918 13.7591 16.7459 13.7826C17 13.806 17.2529 13.7275 17.4491 13.5644C18.4346 12.7862 19.2353 11.7992 19.7936 10.6744C20.3518 9.54962 20.6537 8.31505 20.6776 7.05957C20.6537 5.80409 20.3518 4.56952 19.7936 3.44472C19.2353 2.31993 18.4346 1.33291 17.4491 0.554712Z" />
</svg>
</div>
<nav id="header-nav">
<a href="index.html" id="home">
<svg width="24" height="22" viewBox="0 0 24 22">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.3768 19.6074V9.23971H3.96067V19.6074C3.96067 19.819 4.0441 20.0218 4.19262 20.1714C4.34114 20.3209 4.54257 20.405 4.7526 20.405H19.0074C19.2174 20.405 19.4189 20.3209 19.5674 20.1714C19.7159 20.0218 19.7993 19.819 19.7993 19.6074V9.23971L21.3832 11.1664V19.6074C21.3832 20.242 21.1329 20.8505 20.6873 21.2992C20.2418 21.7479 19.6375 22 19.0074 22H4.7526C4.1225 22 3.5182 21.7479 3.07266 21.2992C2.62711 20.8505 2.3768 20.242 2.3768 19.6074ZM19.7993 2.06204V7.64467L16.6316 4.4546V2.06204C16.6316 1.85053 16.715 1.64768 16.8636 1.49811C17.0121 1.34855 17.2135 1.26452 17.4235 1.26452H19.0074C19.2174 1.26452 19.4189 1.34855 19.5674 1.49811C19.7159 1.64768 19.7993 1.85053 19.7993 2.06204Z"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7602 0.467005C11.0572 0.167982 11.46 0 11.88 0C12.3 0 12.7028 0.167982 12.9998 0.467005L23.5278 11.0676C23.6765 11.2174 23.76 11.4205 23.76 11.6323C23.76 11.844 23.6765 12.0472 23.5278 12.1969C23.3791 12.3467 23.1774 12.4308 22.9671 12.4308C22.7568 12.4308 22.5551 12.3467 22.4064 12.1969L11.88 1.5947L1.35362 12.1969C1.20492 12.3467 1.00323 12.4308 0.792934 12.4308C0.582635 12.4308 0.380949 12.3467 0.232245 12.1969C0.083541 12.0472 0 11.844 0 11.6323C0 11.4205 0.083541 11.2174 0.232245 11.0676L10.7602 0.467005Z"/>
</svg>
</a>
<a id="map">
<svg width="23" height="22" viewBox="0 0 23 22">
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.509 0.155136C22.5878 0.219675 22.6512 0.300889 22.6947 0.392915C22.7382 0.484941 22.7607 0.585481 22.7607 0.687277V19.9379C22.7606 20.0967 22.7055 20.2507 22.6047 20.3735C22.5039 20.4963 22.3637 20.5805 22.2079 20.6116L15.3327 21.9867C15.2437 22.0044 15.1522 22.0044 15.0632 21.9867L8.32274 20.6391L1.58228 21.9867C1.48258 22.0066 1.37969 22.0042 1.28104 21.9795C1.18239 21.9549 1.09043 21.9087 1.01178 21.8443C0.933131 21.7798 0.869756 21.6987 0.82622 21.6069C0.782684 21.515 0.760071 21.4146 0.76001 21.3129V2.06232C0.760106 1.90344 0.815226 1.74949 0.915999 1.62666C1.01677 1.50383 1.15698 1.41969 1.31278 1.38855L8.18798 0.0135072C8.27694 -0.00427312 8.36853 -0.00427312 8.45749 0.0135072L15.1979 1.36105L21.9384 0.0135072C22.0381 -0.00654668 22.1409 -0.00424553 22.2396 0.0202449C22.3383 0.0447353 22.4303 0.0908053 22.509 0.155136ZM14.5104 2.62609L9.01026 1.52605V19.3741L14.5104 20.4741V2.62609ZM15.8855 20.4741L21.3856 19.3741V1.52605L15.8855 2.62609V20.4741ZM7.63522 19.3741V1.52605L2.13505 2.62609V20.4741L7.63522 19.3741Z"/>
</svg>
</a>
<a href="" id="settings">
<svg width="22" height="22" viewBox="0 0 22 22">
<path d="M0.790751 7.61376C1.26885 6.13749 2.05426 4.77924 3.09524 3.62845C3.18128 3.53337 3.29364 3.466 3.41805 3.43489C3.54245 3.40379 3.6733 3.41036 3.79396 3.45377L6.27572 4.34141C6.4524 4.4045 6.64068 4.42841 6.82752 4.4115C7.01436 4.39458 7.19528 4.33724 7.35776 4.24345C7.52023 4.14966 7.66036 4.02166 7.76845 3.86832C7.87654 3.71499 7.94999 3.53998 7.98371 3.35543L8.45599 0.759809C8.47887 0.633455 8.53882 0.516766 8.62822 0.424596C8.71763 0.332427 8.83244 0.268946 8.95804 0.242237C10.4743 -0.0807456 12.0417 -0.0807456 13.558 0.242237C13.6836 0.268946 13.7984 0.332427 13.8878 0.424596C13.9772 0.516766 14.0371 0.633455 14.06 0.759809L14.5336 3.35543C14.5673 3.53998 14.6408 3.71499 14.7488 3.86832C14.8569 4.02166 14.9971 4.14966 15.1595 4.24345C15.322 4.33724 15.5029 4.39458 15.6898 4.4115C15.8766 4.42841 16.0649 4.4045 16.2416 4.34141L18.7246 3.45377C18.8452 3.4108 18.9759 3.40458 19.1 3.4359C19.2242 3.46723 19.3363 3.53469 19.422 3.62975C20.4624 4.78027 21.2474 6.13806 21.7252 7.61376C21.7647 7.73565 21.7671 7.86651 21.732 7.98975C21.697 8.11299 21.6262 8.22306 21.5286 8.30601L19.5165 10.014C19.3736 10.1355 19.2588 10.2866 19.18 10.4568C19.1013 10.6271 19.0605 10.8124 19.0605 11C19.0605 11.1875 19.1013 11.3729 19.18 11.5431C19.2588 11.7134 19.3736 11.8645 19.5165 11.9859L21.5286 13.6939C21.6262 13.7769 21.697 13.8869 21.732 14.0102C21.7671 14.1334 21.7647 14.2643 21.7252 14.3862C21.2475 15.8623 20.4626 17.2206 19.422 18.3715C19.336 18.4666 19.2236 18.5339 19.0992 18.5651C18.9748 18.5962 18.844 18.5896 18.7233 18.5462L16.2416 17.6585C16.0649 17.5954 15.8766 17.5715 15.6898 17.5884C15.5029 17.6054 15.322 17.6627 15.1595 17.7565C14.9971 17.8503 14.8569 17.9783 14.7488 18.1316C14.6408 18.285 14.5673 18.46 14.5336 18.6445L14.0587 21.2414C14.0357 21.3674 13.9758 21.4837 13.8867 21.5756C13.7975 21.6675 13.6831 21.7309 13.558 21.7577C12.0417 22.0808 10.4743 22.0808 8.95804 21.7577C8.83244 21.731 8.71763 21.6675 8.62822 21.5753C8.53882 21.4832 8.47887 21.3665 8.45599 21.2401L7.98371 18.6445C7.94999 18.46 7.87654 18.285 7.76845 18.1316C7.66036 17.9783 7.52023 17.8503 7.35776 17.7565C7.19528 17.6627 7.01436 17.6054 6.82752 17.5884C6.64068 17.5715 6.4524 17.5954 6.27572 17.6585L3.79267 18.5462C3.67205 18.5891 3.5414 18.5954 3.41725 18.564C3.29309 18.5327 3.18103 18.4653 3.09524 18.3702C2.05485 17.2197 1.26989 15.8619 0.792045 14.3862C0.752601 14.2643 0.750236 14.1334 0.78525 14.0102C0.820264 13.8869 0.89108 13.7769 0.988722 13.6939L3.00078 11.9859C3.14372 11.8645 3.25853 11.7134 3.33727 11.5431C3.41601 11.3729 3.45679 11.1875 3.45679 11C3.45679 10.8124 3.41601 10.6271 3.33727 10.4568C3.25853 10.2866 3.14372 10.1355 3.00078 10.014L0.988722 8.30601C0.89108 8.22306 0.820264 8.11299 0.78525 7.98975C0.750236 7.86651 0.752601 7.73565 0.792045 7.61376H0.790751ZM2.16361 7.60599L3.83796 9.02673C4.12427 9.26967 4.35428 9.572 4.51204 9.91274C4.66979 10.2535 4.7515 10.6245 4.7515 11C4.7515 11.3755 4.66979 11.7465 4.51204 12.0872C4.35428 12.4279 4.12427 12.7303 3.83796 12.9732L2.16361 14.394C2.54144 15.4058 3.08748 16.3478 3.77455 17.1785L5.83967 16.4409C6.19311 16.3148 6.56977 16.267 6.94352 16.3009C7.31728 16.3348 7.67918 16.4496 8.00415 16.6373C8.32912 16.825 8.60937 17.0812 8.82547 17.388C9.04157 17.6948 9.18836 18.045 9.25564 18.4142L9.65029 20.5725C10.7148 20.7499 11.8012 20.7499 12.8657 20.5725L13.2604 18.4116C13.3278 18.0425 13.4747 17.6925 13.6909 17.3858C13.907 17.0791 14.1873 16.8231 14.5123 16.6356C14.8372 16.448 15.1991 16.3333 15.5727 16.2995C15.9464 16.2656 16.323 16.3135 16.6763 16.4397L18.7427 17.1785C19.4311 16.3465 19.9755 15.4054 20.3537 14.394L18.6793 12.9732C18.3926 12.7305 18.1623 12.4283 18.0042 12.0875C17.8462 11.7467 17.7644 11.3756 17.7644 11C17.7644 10.6243 17.8462 10.2532 18.0042 9.91245C18.1623 9.57167 18.3926 9.26942 18.6793 9.02673L20.3537 7.60599C19.9756 6.59455 19.4311 5.65341 18.7427 4.82146L16.6776 5.559C16.3243 5.68517 15.9477 5.733 15.574 5.69918C15.2004 5.66535 14.8385 5.55067 14.5136 5.36308C14.1886 5.1755 13.9083 4.9195 13.6922 4.61283C13.476 4.30615 13.3291 3.95614 13.2616 3.58705L12.8657 1.42748C11.8012 1.25 10.7147 1.25 9.65029 1.42748L9.25694 3.58705C9.18965 3.95625 9.04287 4.30641 8.82677 4.61323C8.61066 4.92006 8.33041 5.17621 8.00544 5.36393C7.68048 5.55165 7.31857 5.66644 6.94482 5.70035C6.57106 5.73425 6.1944 5.68646 5.84096 5.56029L3.77455 4.82146C3.08622 5.65342 2.54174 6.59456 2.16361 7.60599ZM8.02382 11C8.02382 10.142 8.36463 9.31925 8.97128 8.7126C9.57793 8.10596 10.4007 7.76515 11.2586 7.76515C12.1166 7.76515 12.9394 8.10596 13.546 8.7126C14.1527 9.31925 14.4935 10.142 14.4935 11C14.4935 11.8579 14.1527 12.6807 13.546 13.2873C12.9394 13.894 12.1166 14.2348 11.2586 14.2348C10.4007 14.2348 9.57793 13.894 8.97128 13.2873C8.36463 12.6807 8.02382 11.8579 8.02382 11ZM9.31775 11C9.31775 11.5147 9.52224 12.0084 9.88622 12.3724C10.2502 12.7364 10.7439 12.9409 11.2586 12.9409C11.7734 12.9409 12.2671 12.7364 12.6311 12.3724C12.9951 12.0084 13.1995 11.5147 13.1995 11C13.1995 10.4852 12.9951 9.99154 12.6311 9.62755C12.2671 9.26356 11.7734 9.05908 11.2586 9.05908C10.7439 9.05908 10.2502 9.26356 9.88622 9.62755C9.52224 9.99154 9.31775 10.4852 9.31775 11Z"/>
</svg>
</a>
</nav>
<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>
<span>Guinée</span>
</div>
<p id="date">04-01-2042</p>
<p id="heure"><span></span><span></span><span></span></p>
</div>
</header>
<main>
<img id="enigme-img" src="assets/enigme/toucan-background.jpg" alt="Photo savane">
<div id="enigme-cache"></div>
<img id="hero-robot" src="assets/enigme/robot.png" alt="Robot">
<div class="reponse">
<div class="enonce">
<svg class="logo" 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>
<b>Énigme</b>
<p>
Vous vous trouvez face au mécanisme qui a permis au héros d'ouvrir la porte. Sur ce mécanisme, il est possible de rentrer 4 chiffres.<br>
Les indices pour trouver la bonne combinaison se trouvent dans cette salle.
<span>Saurez-vous les trouver ?</span>
</p>
</div>
<form action="victoire.html">
<div>
<input class="input-num" id="num1" type="number" name="premier" min="1" max="9" value="0">
<input class="input-num" id="num2" type="number" name="deux" min="1" max="9" value="0">
<input class="input-num" id="num3" type="number" name="trois" min="1" max="9" value="0">
<input class="input-num" id="num4" type="number" name="quatre" min="1" max="9" value="0">
</div>
<input type="submit" value="Valider">
</form>
</div>
<div class="map">
<svg class="map-close" width="15" height="15" viewBox="0 0 15 15">
<path d="M7.5 0C3.35826 0 0 3.35826 0 7.5C0 11.6417 3.35826 15 7.5 15C11.6417 15 15 11.6417 15 7.5C15 3.35826 11.6417 0 7.5 0ZM10.269 10.3493L9.16406 10.3443L7.5 8.36049L5.83761 10.3426L4.73103 10.3477C4.65737 10.3477 4.5971 10.2891 4.5971 10.2137C4.5971 10.1819 4.60882 10.1518 4.62891 10.1267L6.80692 7.53181L4.62891 4.93862C4.60868 4.91408 4.59745 4.88336 4.5971 4.85156C4.5971 4.7779 4.65737 4.71763 4.73103 4.71763L5.83761 4.72266L7.5 6.70647L9.16239 4.72433L10.2673 4.71931C10.341 4.71931 10.4012 4.7779 10.4012 4.85324C10.4012 4.88504 10.3895 4.91518 10.3694 4.94029L8.19475 7.53348L10.3711 10.1283C10.3912 10.1535 10.4029 10.1836 10.4029 10.2154C10.4029 10.2891 10.3426 10.3493 10.269 10.3493Z" fill="white"/>
</svg>
</div>
</main>
<!--SCRIPTS-->
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js" integrity="sha256-hlKLmzaRlE8SCJC1Kw8zoUbU8BxA+8kR3gseuKfMjxA=" crossorigin="anonymous"></script>
<script src="js/app.js"></script>
<script src="js/enigme.js"></script>
</body>
</html>