-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
38 lines (36 loc) · 1.75 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- font awesome -->
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<!-- google 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=Gluten:wght@700&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">
<title>LeetCode kids</title>
</head>
<body>
<textarea spellcheck="false" name="user-input" class="user-input-tex-area" id="user-input" cols="40" rows="1" placeholder="Input names. Separate by comma."></textarea>
<!-- <button id="name-submit" onclick="setNames()">Add names!</button> -->
<button id="start">Game!</button>
<span class="arrow"><i class="add-shadow fas fa-arrow-down"></i></span>
<div class="container">
<div id="spinner"></div>
</div>
<div class="manual">
<p>Comma: slice the pie</p>
<p>Enter: spin the pie</p>
<p>The more times you press, the faster it'll spin</p>
</div>
<!-- d3 -->
<script src="https://d3js.org/d3.v6.js"></script>
<!-- Note: V1 can dynamically add pie slice, however names cannot be added dynamically (previous name cannot be deleted) -->
<!-- <script src="v1.js"></script> -->
<!-- Note: Currently using V2: Create a new pie every time when a name is inputted -->
<script src="v2.js"></script>
</body>
</html>