-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
161 lines (146 loc) · 6.72 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
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
<!DOCTYPE HTML>
<html>
<head>
<title>Daniel Liu</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" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LRS0BQXX2S"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-LRS0BQXX2S');
</script>
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="landing is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">Daniel Liu</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="#one">About Me</a></li>
<li><a href="#two">Experiences</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>Daniel Liu</h2>
<p>Developer.<br />
Builder.<br />
Mentor.</p>
</div>
<a href="#one" class="more scrolly">Learn More</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<img src="images/Daniel.jpg" alt="Daniel Liu"></img>
<br>
<h2>About Me</h2>
<p>Hi! I'm Daniel Liu, a current sophmore at the University of Michigan.
I've developed full stack web applications, conducted machine learning research, and
most recently, contributed to open-source software packages. I'm currently developing a chrome
extension to help customers write better reviews and make it more efficient to understand all feedback about
a product.
</p>
</header>
<ul class="icons major">
<li><a href="https://drive.google.com/file/d/1K5vS6saxbxsywi51Ghk-JnGuxf48rqTo/view?usp=sharing" ><span class="label">My Resume</span></a></li>
<!-- <li><a href="https://github.com/NREL/BuildingMOTIF" ><span class="label">Open-Source Software</span></a></li>
<li><a href="https://github.com/dllliu/review-widget"><span class="label">Chrome Extension: Review Central</span></a></li>
<li><a href="https://github.com/JustinhSE/RooseveltIslandSimulator"><span class="label">Driving Simulator</span></a></li> -->
</ul>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/drive_sim.jpg" alt="Roosevelt Island" /></div><div class="content">
<h2>Roosevelt Island:<br />
First SWE Internship</h2>
<p>As a high school senior, I worked on implementing a driving simulator with a digital twin of Roosevelt Island.
Then, I pursued my <a href="https://talos.stuy.edu/cms/pages/stuyvesant-blog/congrats-daniel-liu-2nd-place-nyc-terra-stem-fair/">own research project</a>, to determine the optimal model architecture for
the classification of urban audio. </p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/reviewify.png" alt="Review Widget" /></div><div class="content">
<h2>Personal Project: <br />
Review Central Chrome Extension</h2>
<p>Recently, I've been developing a <a href="https://github.com/dllliu/review-widget">chrome extension</a> that aims to provide a better review system for
e-commerce websites. Users are able to ask questions on the product page, and the most relevant review
to answer that question will be fetched. Also, users can ask for AI-powered summaries or help in writing
a review, to provide the best experience.
</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/edu.jpg" alt="Augmented Reality App" /></div><div class="content">
<h2>Hackathon Spotlight: <br />
Edu-Ar-do</h2>
<p>At MHacks x Google 2024, I worked with a team of passionate and talented peers to create an <a href="https://devpost.com/software/eduardo">app</a>, that allows for animations
to be projected into camera view, with simple voice commands. We envisioned it as an education tool, allowing people to learn by seeing.
</p>
</div>
</section>
</section>
<!-- Three -->
<!-- <section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>Milestones</h2>
<p>Notable moments as I continue on my journey through undergrad<br />
and beyond...</p>
</header>
<ul class="features">
<li class="icon fa-paper-plane">
<h3>July 2024</h3>
<p>Selected for Software Engineering Fellow @Headstarter, building 5 AI projects in 5 weeks and creating final project where where I will get 1000 people on waitlist or 1000 accounts created or $1000 in revenue.</p>
</li>
<li class="icon solid fa-laptop">
<h3>May-August 2024</h3>
<p>Contribute to open-source software package as an intern in the Commerical Buildings Energy group at <a href="https://github.com/NREL/BuildingMOTIF">NREL</a>,
creating a parser combinator framework to facilitate a transition to standardized naming schema for building components for software.</p>
</li>
<li class="icon solid fa-code">
<h3>June-Sept 2023</h3>
<p>Mentor students as part of <a href="https://www.thecoderschool.com/">theCoderSchool</a>, teaching web app development with Python/Flask and mobile app development with MIT App Inventor.</p>
</li>
</ul>
</div>
</section> -->
<footer id="footer">
<ul class="icons">
<li><a href="https://github.com/dllliu"><span class="label">Github</span></a></li>
<li><a href="https://www.linkedin.com/in/daniel-lliu"><span class="label">LinkedIn</span></a></li>
</ul>
<ul class="copyright">
<li>© Daniel Liu</li>
</ul>
</footer>
</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>