93 lines
4.8 KiB
HTML
93 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Test</title>
|
|
<link rel="stylesheet" href="./style/generalStyle.css">
|
|
<link rel="stylesheet" href="./style.css">
|
|
<link rel="icon" type="image/png" href="./assets/Logo.png">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container menu">
|
|
<img class="logo" src="./assets/Labels/DoubleSnake.png" alt="Double-Snake Logo">
|
|
|
|
<div class="buttonMenu container">
|
|
<button id="tutorialBtn">
|
|
<div class="buttonIcon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" height="35px" viewBox="0 -960 960 960" width="35px"
|
|
fill="#ffffff">
|
|
<path d="M320-200v-560l440 280-440 280Zm80-280Zm0 134 210-134-210-134v268Z" />
|
|
</svg>
|
|
</div>
|
|
<div class="buttonText">
|
|
Anleitung
|
|
</div>
|
|
</button>
|
|
<button id="highScoreBtn">
|
|
<div class="buttonIcon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" height="40px" viewBox="0 -960 960 960" width="40px" fill="#FFFFFF"><path
|
|
d="M292-120v-66.67h154.67v-140q-52.34-11-93.17-44.83T296-456q-74.33-8.33-125.17-61.83Q120-571.33 120-645.33V
|
|
-688q0-27.67 19.5-47.17t47.17-19.5h96V-840h394.66v85.33h96q27.67 0 47.17 19.5T840-688v42.67q0 74-50.83 127.5
|
|
Q738.33-464.33 664-456q-16.67 50.67-57.5 84.5t-93.17 44.83v140H668V-120H292Zm-9.33-406.67V-688h-96v42.67q0
|
|
42.66 27 75.16t69 43.5ZM480-390q54.67 0 92.67-38.33 38-38.34 38-93v-252H349.33v252q0
|
|
54.66 38 93Q425.33-390 480-390Zm197.33-136.67q42-11 69-43.5t27-75.16V-688h-96v161.33ZM480-582Z"/>
|
|
</svg>
|
|
</div>
|
|
<div class="buttonText">
|
|
Bestenliste
|
|
</div>
|
|
</button>
|
|
<button id="loginBtn">
|
|
<div class="buttonIcon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" height="35px" viewBox="0 -960 960 960" width="35px"
|
|
fill="#ffffff">
|
|
<path
|
|
d="M480-120v-80h280v-560H480v-80h280q33
|
|
0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H480Zm-80-160-55-58 102-102H120v-80h327L345-622l55-58 200 200-200 200Z" />
|
|
</svg>
|
|
</div>
|
|
<div class="buttonText">
|
|
Login
|
|
</div>
|
|
</button>
|
|
<button id="registerBtn">
|
|
<div class="buttonIcon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" height="35px" viewBox="0 -960 960 960" width="35px"
|
|
fill="#ffffff">
|
|
<path
|
|
d="M80-160v-112q0-33
|
|
17-62t47-44q51-26 115-44t141-18q30 0 58.5 3t55.5 9l-70 70q-11-2-21.5-2H400q-71 0-127.5 17T180-306q-9 5-14.5 14t-5.5 20v32h250l80 80H80Zm542
|
|
16L484-282l56-56 82 82 202-202 56 56-258 258ZM400-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113
|
|
47Zm10 240Zm-10-320q33 0 56.5-23.5T480-640q0-33-23.5-56.5T400-720q-33 0-56.5 23.5T320-640q0 33 23.5 56.5T400-560Zm0-80Z" />
|
|
</svg>
|
|
</div>
|
|
<div class="buttonText">
|
|
Registrieren
|
|
</div>
|
|
</button>
|
|
<button id="dashboardBtn">
|
|
<div class="buttonIcon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" height="35px" viewBox="0 -960 960 960" width="35px"
|
|
fill="#ffffff">
|
|
<path d="M480-320q48 0 85.5-28.5T620-422H340q17 45 54.5 73.5T480-320ZM380-480q25 0 42.5-17.5T440-540q0-25-17.5-42.5T380-600q-25
|
|
0-42.5 17.5T320-540q0 25 17.5 42.5T380-480Zm200 0q25 0 42.5-17.5T640-540q0-25-17.5-42.5T580-600q-25 0-42.5 17.5T520-540q0 25 17.5
|
|
42.5T580-480ZM305-704l112-145q12-16 28.5-23.5T480-880q18 0 34.5 7.5T543-849l112 145 170 57q26 8 41 29.5t15 47.5q0 12-3.5 24T866-523L756-367l4
|
|
164q1 35-23 59t-56 24q-2 0-22-3l-179-50-179 50q-5 2-11 2.5t-11 .5q-32 0-56-24t-23-59l4-165L95-523q-8-11-11.5-23T80-570q0-25 14.5-46.5T135-647l170-57Zm49
|
|
69-194 64 124 179-4 191 200-55 200 56-4-192 124-177-194-66-126-165-126 165Zm126 135Z" />
|
|
</svg>
|
|
</div>
|
|
<div class="buttonText">
|
|
Dashboard
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
<script src="./scripts/ButtonManager.js"></script>
|
|
<script src="./index.js"></script>
|
|
|
|
</html> |