ohno17.github.io/index.html at main · Ohno17/ohno17.github.io · 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
<!DOCTYPE html>
<html lang="en">

<head>

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">

	<title>Ohno17</title>

	<link rel="icon" type="image/png" href="asset/favi.png" />

	<link href="style/main/style.css" rel="stylesheet" type="text/css" />
	<link href="style/index.css" rel="stylesheet" type="text/css" />
	<link href="style/projects.css" rel="stylesheet" type="text/css" />
	<link href="style/bricks.css" rel="stylesheet" type="text/css" />

</head>

<body>

	<dialog id="projectdialog">
		<div>
			<h3 id="dialogtitle"></h3>
			<div id="dialogbody"></div>
		</div>

		<form method="dialog">
			<button type="submit">Close</button>
		</form>
	</dialog>

	<main role="main">

		<section id="firstintro">
			<h2 id="intro">Hello, I'm<br><span id="name">Ohno17</span>.</h2>
			<p>A student looking into neuroscience, biotechnology, and computer engineering.</p>

			<a href="https://github.com/Ohno17" target="_blank" rel="noopener noreferrer" title="Github"><img title="Github" src="asset/git.svg"/></a>
			<a href="https://www.linkedin.com/in/ajay-srinivasan-01985937b/" target="_blank" rel="noopener noreferrer" title="LinkedIn"><img title="LinkedIn" src="asset/in.svg"/></a>
		</section>

		<section>
			<div style="display: flex; justify-content: space-between;">
				<h2>Projects</h2>
				<button id="breakoutbutton" onclick="toggleBreakout()">Breakout</button>
			</div>

			<div id="projects">
				<canvas id="bcanvas"></canvas>
			</div>
		</section>

	</main>

	<script src="script/projects.js"></script>
	<script src="script/breakout.js"></script>
	<script defer src="https://cdnjs.cloudflare.com/ajax/libs/three.js/109/three.min.js"></script>
	<script defer src="script/index.js"></script>

</body>

</html>