-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (92 loc) · 3.25 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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My Project | Home</title>
<link rel="stylesheet" href="main.css" />
</head>
<body>
<div id="topmenu">
<img id="toplogo" src="images\logo.jpg" alt="logo" />
<a class="topmenu" id="rightmost" href="pages\references.html"
>Links/References</a
>
<a class="topmenu" href="pages\writeup.html">Project Write Up</a>
<a class="topmenu" href="pages\timeline.html">Timeline</a>
<a class="topmenu" href="pages\ideas.html">Proposed Ideas</a>
<a class="topmenu" href="index.html">Home</a>
</div>
<div id="mainbody">
<div class="body">
<h1>My Project</h1>
<hr align="left" />
<p class="body">
When the model is complete, you will be able to use your mouse to draw
on the grid bellow, by clicking and dragging and then pressing submit.
Then the machine learning algorithm on the server side of the website
will process the drawing and return to you the number you drew. Or at
least the one it thinks you drew!
</p>
<br />
<p class="body">
Click and drag to draw a number
</p>
</div>
<div class="body" align="center">
<div class="grid-container">
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
<div class="grid"></div>
</div>
<br />
<div class="button"><p class="button1">submit</p></div>
</div>
</div>
</body>
</html>