forked from ankitapuri/pixelvibe
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
55 lines (47 loc) · 8.35 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<title>PixelVibe</title>
<link rel="shortcut icon" type="image/jpg" href="data:image/jpeg;base64,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"/>
<link href="css/style.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script&family=Lobster&display=swap" rel="stylesheet">
</head>
<body>
<section>
<div class="area">
<ul class="circles">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<h1 class="color_change">PixelVibe</h1>
<form id="sizePicker">
<div class="form-group box">
<h2> Choose Grid Size </h2>
Grid Height :
<input type="number" id="input-height" name="height" min="1" max="20" value="1" required>
Grid Width :
<input type="number" id="input-width" name="width" min="1" max="20" value="1" required> <br />
<input type="submit" class="btn btn-primary" id="submit" value="Submit">
<input type="button" class="btn btn-danger" value="Reset" onClick="window.location.reload()">
</div>
</form>
<h2> Design Canvas </h2>
<table id="pixel_canvas"> </table>
<script src="js/app.js"></script>
</ul>
</div>
</section>
</body>
</html>