-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
150 lines (134 loc) · 6.29 KB
/
index.html
File metadata and controls
150 lines (134 loc) · 6.29 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
<!DOCTYPE HTML>
<!--
Strata by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Derek's 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" />
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<div class="inner">
<a href="#" class="image avatar"><img src="images/avatar.jpg" alt="" /></a>
<h1><strong>My name is Derek Fan. I am a<br />
student, engineer, developer, and learner.</strong><br />
</div>
</header>
<!-- Main -->
<div id="main">
<!-- One -->
<h1><strong>About Me</strong></h1>
<section id="one">
<p><strong>
Hi there! I'm a mechanical engineering student at UC Irvine.
I firmly believe that any facet of problem solving—whether it be engineering, programming,
or scientific research—can and should be used to change the world for the better.
Although I love learning about different ways to improve people's lives through the various
studies of engineering, medicine, urban planning, and more, my main interests lie in robotics
and how we can design smarter machines to help more people. I have an emphasis on robotics, control theory,
and motion planning, and I'm always eager to improve and apply my knowledge in these areas!
</strong></p>
</section>
<!-- Two -->
<h2><strong>Projects</strong></h2>
<section id="two">
<div class="row">
<article class="col-6 col-12-xsmall work-item">
<a href="pages/projects/qrac-toolbox.html" target="_blank" class="image fit thumb"><img src="images/thumbs/qrac.png" alt="" /></a>
<a href="pages/projects/qrac-toolbox.html" target="_blank">
<h3><strong>QRAC Toolbox and Research</strong></h3>
</a>
<p><strong>Under development. Python package containing lightweight simulator tools and implementations for quadrotor robust adaptive control.</strong></p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="pages/projects/rt-nmpc.html" target="_blank" class="image fit thumb"><img src="images/thumbs/nmpc.png" alt="" /></a>
<a href="pages/projects/rt-nmpc.html" target="_blank">
<h3><strong>Real-time NMPC</strong></h3>
</a>
<p><strong>A real-time implementation of nonlinear model predictive control for quadcopter trajectory tracking.</strong></p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="pages/projects/gnc-pipeline.html" target="_blank" class="image fit thumb"><img src="images/thumbs/gnc.png" alt="" /></a>
<a href="pages/projects/gnc-pipeline.html" target="_blank">
<h3><strong>Online Multirotor Planning Framework</strong></h3>
</a>
<p><strong>Online planner for ArduCopter and PX4 using MAVROS. Designed for the AUVSI SUAS competition.</strong></p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="https://docs.google.com/presentation/d/1ZyRCZtJMm2mVLvrnvMyWvTPwk8JEar2KGEEaba5dUfY/edit?usp=sharing" target="_blank" class="image fit thumb"><img src="images/thumbs/testbed.jpg" alt="" /></a>
<a href="https://docs.google.com/presentation/d/1ZyRCZtJMm2mVLvrnvMyWvTPwk8JEar2KGEEaba5dUfY/edit?usp=sharing" target="_blank">
<h3><strong>Motion Planning Testbed</strong></h3>
</a>
<p><strong>Software system combining ROS, OptiTrack, and discrete LQR to implement motion planning algorithms in real life. Still in the works.</strong></p>
</article>
</div>
<ul class="actions">
<li><a href="pages/all-projects.html" target="_self" class="button">Full Portfolio</a></li>
</ul>
</section>
<h2><strong>Resume</strong></h2>
<section id="three">
<object data="documents/derek_f_resume.pdf" type="application/pdf" width="100%" height="600px">
<p><strong>Unable to display PDF file. <a href="documents/derek_f_resume.pdf">Download</a> instead.</strong></p>
</object>
<br></br>
</section>
<h2><strong>Contact Me</strong></h2>
<section id="four">
<div class="row">
<div class="col-8 col-12-small">
<form method="post" action="https://formspree.io/f/xyyvkrwg">
<div class="row gtr-uniform gtr-50">
<div class="col-6 col-12-xsmall"><input type="text" name="name" id="name" placeholder="Name" /></div>
<div class="col-6 col-12-xsmall"><input type="email" name="email" id="email" placeholder="Email" /></div>
<div class="col-12"><textarea name="message" id="message" placeholder="Message" rows="4"></textarea></div>
</div>
<p><strong></strong></p>
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</form>
</div>
<div class="col-4 col-12-small">
<ul class="labeled-icons">
<li>
<h3 class="icon solid fa-mobile-alt"><span class="label">Phone</span></strong></h3>
<strong>+1 (510) 335-5426</strong>
</li>
<li>
<h3 class="icon solid fa-envelope"><span class="label">Email</span></strong></h3>
<a href="#"><strong>derekfan.18.2002@gmail.com</strong></a>
</li>
</ul>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="https://github.com/Herpderk?tab=repositories" target="_blank" class="icon brands fa-github"><span class="label"></span></a></li>
<li><a href="https://www.linkedin.com/in/derek-fan-uci/" target="_blank" class="icon brands fa-linkedin"><span class="label"></span></a></li>
<li><a href="mailto:derekfan.18.2002@gmail.com" target="_blank" class="icon solid fa-envelope"><span class="label"></span></a></li>
</ul>
<ul class="copyright">
Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<!--<script src="assets/js/jquery.poptrox.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>