Science-Fair-AI-project/index.html at master · DepressedYoshi/Science-Fair-AI-project · GitHub

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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE HTML>

<html>
	<head>
		<title>Joshua Li science fair presentation</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<script src="https://kit.fontawesome.com/1546b73eb8.js" crossorigin="anonymous"></script>
	</head>
	<body>

		<!-- Header -->
			<header id="header">
				<div class="inner">
					<a href="index.html" class="logo"><strong>Made</strong> by Joshua Li</a>
					<nav id="nav">
						<a href="index.html">Home</a>
						<a href="generic.html">Introduction</a>
						<a href="variable.html">Variable</a>
						<a href="procedure.html">Procedure</a>
						<a href="result.html">Conclusion</a>
						<a href="credit.html">Acknowledgements</a>
				</nav>
					<a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a>
				</div>
			</header>

		<!-- Banner -->
			<section id="banner">
				<div class="inner">
					<header>
						<h1>Welcome to My Science Fair Project</h1>
					</header>

					<div class="flex ">

						<div>
							<span class="icon fa-question-circle"></span>
							<h3>Question</h3>
							<p>Can we communicate via </br> hieroglyph if AI robots uprise?</p>
						</div>

						<div>
							<span class="icon fa-flask" ></span>
							<h3>Experiment</h3>
							<p>A neural network based AI </br>classify doodles in different style</p>
						</div>

						<div>
							<span class="icon fa-poll" ></span>
							<h3>Result</h3>
							<p> I was wrong, wait, am I ? </p>
						</div>

					</div>

					<footer>
						<a href="generic.html" class="button">Get Started</a>
					</footer>
				</div>
			</section>


		<!-- Three -->
			<section id="three" class="wrapper align-center">
				<div class="inner">
					<div class="flex flex-2">
						<article>
							<div class="image round">
								<img src="images/w.jpg" alt="Pic 01" />
							</div>
							<header>
								<h3>What is <br /> Neural Network? </h3>
							</header>
							<p>Neural nets are a means of doing machine learning,<br /> in which a computer learns to perform some task by <br />analyzing training examples. An object recognition system,<br /> for instance, might be fed thousands of labeled images of <br /> cars,houses, coffee cups, and it would find visual patterns in<br />  the images that consistently correlate with particular labels.</p>
							<footer>
								<a href="https://en.wikipedia.org/wiki/Neural_network" target="_blank" class="button">Learn More</a>
							</footer>
						</article>
						<article>
							<div class="image round">
								<img src="images/download.jpg" alt="Pic 02" />
							</div>
							<header>
								<h3>Can We <br /> Tryout your project?</h3>
							</header>
							<p>Of course you can tryout my project. I specificlly <br />made it so that I can put it on a website. You can </br> draw a cat, train, or a rainbow. If you don't know how <br />to start, you can visit the <a href="procedure.html" ><strong>Procedure</strong> </a>tab.Please note that <br />it's not the best classifier out there, it is quite basic, we only <br /> have few weeks for the project. Phone not supported</p>
							<footer>
								<a href="DoodleClassifier/ddclfy.html" class="button">Learn More</a>
							</footer>
						</article>
					</div>
				</div>
			</section>

		<!-- Footer -->
			<footer id="footer">
				<div class="inner">

					<h3>Get in touch</h3>

					<form action="https://formspree.io/f/xknpdvoy" method="post" id="my-form">

						<div class="field half first">
							<label for="name">Name</label>
							<input name="name" id="name" type="text" placeholder="Name">
						</div>
						<div class="field half">
							<label for="email">Email</label>
							<input name="email" id="email" type="email" placeholder="Email">
						</div>
						<div class="field">
							<label for="message">Message</label>
							<textarea name="message" id="message" rows="6" placeholder="Message"></textarea>
						</div>
						<ul class="actions">
							<li><input value="Send Message" class="button alt" type="submit" value="submit"></li>
						</ul>
					</form>
				</div>
				<div id="status" class="success">
					Thanks
				</div>
			</footer>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/skel.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>
			<script src="assets/js/mail.js"></script>
	</body>
</html>