-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
50 lines (41 loc) · 2.11 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
38
39
40
41
42
43
44
45
46
47
48
49
50
<html>
<head>
<meta charset="UTF-8" />
<title>Type Mirror</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.8.0/p5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.8.0/addons/p5.dom.min.js"></script>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet/less" type="text/css" href="background.less" />
<script src="less.js" type="text/javascript"></script>
</head>
<script src="sketch.js"></script>
<body>
<main class="video"></main>
<div class="background"></div>
<div class="controls">
<div class="controls__input">
<input type="text" class="controls__input__text" id="fname" name="fname" value="MOVEMENT" />
<div class="controls__input__return"> Click to edit</div>
</div>
<div class="controls__snap">
<div class="controls__snap__outer">
<div class="controls__snap__inner"></div>
</div>
</div>
<div class="controls__color">
<div class="controls__color__swap">
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="controls__color__swap__stroke" d="M20.5 15.8182C20.5 19.5404 17.5583 22.5 14 22.5C10.4417 22.5 7.5 19.5404 7.5 15.8182C7.5 14.8055 7.87787 13.6414 8.56432 12.3933C9.24353 11.1584 10.1686 9.94258 11.1261 8.85458C12.0794 7.77128 13.0374 6.8455 13.759 6.18946C13.8428 6.11329 13.9233 6.04088 14 5.97242C14.0767 6.04088 14.1572 6.11329 14.241 6.18946C14.9626 6.8455 15.9206 7.77128 16.8739 8.85458C17.8314 9.94258 18.7565 11.1584 19.4357 12.3933C20.1221 13.6414 20.5 14.8055 20.5 15.8182Z" stroke-width="3"/>
<path id="controls__color__swap__fill" d="M14 24C18.4183 24 22 20.3369 22 15.8182C22 10.3636 14 4 14 4V24Z" />
</svg>
</div>
<div class="controls__color__divider"></div>
<div class="controls__color__reroll">Reroll Color</div>
</div>
</div>
</body>
<script >
</script>
</html>