-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
177 lines (163 loc) · 6.45 KB
/
index.html
File metadata and controls
177 lines (163 loc) · 6.45 KB
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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE HTML>
<!--
Massively by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>My Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="fade-in">
<!-- Intro -->
<div id="intro">
<h1>Troy's<br />
Portfolio</h1>
<p>A showcase of myself as a computer engineering student.<br />
A hobbyist game developer. A leader and contributor.</p>
<ul class="actions">
<li><a href="#header" class="button icon solid solo fa-arrow-down scrolly">Continue</a></li>
</ul>
</div>
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">Home</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="projects.html">Projects</a></li>
</ul>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/troylee24/" target = "_blank" class="icon brands fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/troylee24" target = "_blank" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Featured Post -->
<article class="post featured">
<header class="major">
<h2>Troy Lee</h2>
<p>The purpose of this website is to detail my involvements and experiences<br />
as an aspiring engineer. I hope that as you learn more about me and my projects, you understand<br />
my passion for creating and innovating.</p>
</header>
<a class="image main"><img src="images/pic.jpg" alt="Picture of Myself" /></a>
<ul class="actions special">
<li><a href="about.html" class="button large">About Me</a></li>
</ul>
</article>
<!-- Posts -->
<section class="posts">
<article>
<header>
<h2>Astro</h2>
</header>
<a class="image fit"><img src="images/astro.png" alt="" /></a>
<p style="text-align:left">A 2d top-down shooter independently developed in the Godot game engine. </b >
<a href="https://and-one.itch.io/astro" target="_blank">(play it here!)</a></p>
<ul class="actions special">
<li><a href="projects.html#Astro" class="button">Full Story</a></li>
</ul>
</article>
<article>
<header>
<h2>Hoverquad</h2>
</header>
<a class="image fit"><img src="images/hoverquad.jpg" alt="" /></a>
<p style="text-align:left">A bluetooth-controlled quadcopter created with a custom frame and four brushless motors.</p>
<ul class="actions special">
<li><a href="projects.html#Hoverquad" class="button">Full Story</a></li>
</ul>
</article>
<article>
<header>
<h2>Pacman</h2>
</header>
<a class="image fit"><img src="images/pacman.png" alt="" /></a>
<p style="text-align:left">Interfaced Wii nunchuk with STM32 Discovery Board to communicate keypoard inputs for pacman game.</p>
<ul class="actions special">
<li><a href="projects.html#Pacman" class="button">Full Story</a></li>
</ul>
</article>
<article>
<header>
<h2>Gomoku AI</h2>
</header>
<a class="image fit"><img src="images/gomoku.png" alt="" /></a>
<p style="text-align:left">Implemented an AI for the japanese game, Gomoku, using mini-maxing logic and a hueristic function</p>
<ul class="actions special">
<li><a href="projects.html#Gomoku AI" class="button">Full Story</a></li>
</ul>
</article>
<article>
<header>
<h2>S-Ring</h2>
</header>
<a class="image fit"><img src="images/s-ring.png" alt="" /></a>
<p style="text-align:left">Mock company proposal based on the concept of automating space debris cleanup.</p>
<ul class="actions special">
<li><a href="projects.html#S-Ring" class="button">Full Story</a></li>
</ul>
</article>
<article>
<header>
<h2>Lone</h2>
</header>
<a class="image fit"><img src="images/lone.png" alt="" /></a>
<p style="text-align:left"><b>(In progress!)</b> Currently working on a 2D-platformer with a focus on complex player physics.</p>
<ul class="actions special">
<li><a href="projects.html#Lone" class="button">Full Story</a></li>
</ul>
</article>
</section>
<!-- Footer -->
<footer>
<div class="pagination">
<!--<a href="#" class="previous">Prev</a>-->
<a href="index.html" class="page active">1</a>
<a href="about.html" class="page">2</a>
<a href="projects.html" class="page">3</a>
</div>
</footer>
</div>
<!-- Footer -->
<footer id="footer">
<section class="split contact">
<section>
<h3>Email</h3>
<p>troylee1955@gmail.com</p>
</section>
<section>
<h3>Social</h3>
<ul class="icons alt">
<li><a href="https://www.linkedin.com/in/troylee24/" target = "_blank" class="icon brands fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/troylee24" target = "_blank" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
</ul>
</section>
</section>
</footer>
<!-- Copyright -->
<div id="copyright">
<ul><li>© <a href="https://html5up.net">HTML5 UP</a></li><li>Modified by: Troy Lee</li></ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>