-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
67 lines (49 loc) · 2.04 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
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="en">
<head>
<title>Designless Art App</title>
<link rel="stylesheet" type="text/css" href="index.css" media="screen"/>
<script defer type="text/javascript" src="index.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Lato:wght@100;400&family=Martel:wght@200&family=Playfair+Display&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Bungee&family=Quicksand&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" />
<script src="./lib/p5.js"></script>
</head>
<body>
<section class="hero">
<header class="grid-header">
<nav class="col-8-middle right">
<!-- <a href="/#yourcanvases"> YOUR CANVASES </a> -->
<div class="dropdown">
<button class="dropbtn" id = 'canvas-button'></button>
<div id="myDropdown" class="dropdown-content">
</div>
</div>
<!-- <a href="/#log-in">LOG IN</a> -->
<button class = 'dropdown' id = 'form-button'>LOG IN / SIGNUP</button>
<div id="loginForm" class="dropdown-content">
<form class = 'login'>
<input type="text" placeholder="Enter Username" name="uname" required>
<button type="submit">Login</button>
</form>
</div>
</div>
</div>
</nav>
<div class="col-6-left centered">
<h4 class="logo">👈🏼 Draw</h4>
<h4 class="logo">Shift: Randomize Color</h4>
<h4 class="logo">👉🏼 Circles</h4>
<h4 class="logo">👆🏼 Noise</h4>
<h4 class="logo">👇🏼 Rectangles</h4>
<h4 class="logo">🐭 Kalleidoscope </h4>
</div>
</header>
</section>
<div id="col-2"></div>
<h5></h5>
<script src="sketch.js"></script>
</div>
</body>
</html>