-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
185 lines (152 loc) · 9.76 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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="en">
<head>
<title>Larsen Weigle - Personal Website</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- bootstrap CDN -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
<!-- font awesome -->
<script src="https://kit.fontawesome.com/6ea9704e5e.js" crossorigin="anonymous"></script>
<!-- linking css file -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- For reference on all the elements used below -->
<!-- https://getbootstrap.com/docs/5.2/components/ -->
<!-- navbar -->
<nav class="navbar navbar-expand-lg fixed-top navbarScroll bg-light">
<div class="container">
<a class="navbar-brand" href="#">Larsen Weigle</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto">
<!-- for future reference
<li class="nav-item active">
<a class="nav-link" href="#home">Home</a>
</li> -->
</ul>
</div>
</div>
</nav>
<!-- main banner -->
<section class="container-fluid section bgimage" id="home">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 home_text">
<h2 class="home_title">Hi, my name is Larsen</h2>
<span class="home_desc">I am a first year</span>
<span class="home_desc_pop">MSCS student</span>
<span class="home_desc">@ Stanford</span>
</div>
</div>
</section>
<!-- main body container -->
<section class="container section">
<div class="row">
<!-- for spacing -->
<div class="col-lg-2 col-md-1 col-sm-0">
</div>
<!-- meta data column -->
<!-- meta data column -->
<div class="col-lg-2 col-md-3 col-sm-4 col-12">
<img src="images/headshot.jpeg" class="img-fluid img-thumbnail mb-3" alt="Responsive image"> <!-- mb-3 for margin-bottom -->
<h5>Larsen Weigle</h5>
<text> BSCS '23</text>
<br>
<text> MSCS Candidate '24</text>
<br>
<text class=" d-block mb-3">weigle23 [at] stanford [dot] edu</text> <!-- d-block to make it a block element and mb-3 for margin-bottom -->
<div class="container" id="github">
<div class="row mb-2"> <!-- mb-2 for margin-bottom -->
<div class="col-3">
<i class="fab fa-linkedin servicesIcon"></i>
</div>
<div class="col-9">
<a href="https://www.linkedin.com/in/larsen-weigle/" class="meta-data-link">LinkedIn</a>
</div>
</div>
<div class="row mb-2"> <!-- mb-2 for margin-bottom -->
<div class="col-3">
<i class="fab fa-github servicesIcon"></i>
</div>
<div class="col-9">
<a href="https://github.com/larsenweigle" class="meta-data-link">Github</a>
</div>
</div>
<div class="row mb-2"> <!-- mb-2 for margin-bottom -->
<div class="col-3">
<i class="fa-solid fa-file-pdf servicesIcon"></i>
</div>
<div class="col-9">
<a href="files/resume.pdf" class="meta-data-link">Resume</a>
</div>
</div>
</div>
</div>
<!-- main info column -->
<div class="col-lg col-md-7 col-sm-8 col-12">
<!-- about me section -->
<div class="row">
<container id="about">
<h3>About Me</h3>
<p>Welcome to my personal website. It's a work in progress, and I plan to add more things in the future.</p>
<p>I'm a computer science student at Stanford University, specializing in artificial intelligence with a focus on natural language processing and large language models. I graduated with my Bachelor's degree in June 2023 and I am now pursuing my Master's degree, which I aim to complete by June 2024.</p>
<p>My passion has always been to leverage technology for impactful change, which is why my interest lies particularly at the intersection of AI and climate change research. With the recent explosion of large language models, I have also developed a love for studying SOTA models from the open-source community.</p>
<p>Currently, I'm gaining hands-on experience with open-source large language models as a Machine Learning Intern at Caktus AI. Previously, I served as a Software Engineer Intern at Moda AI, where I built out custom scripts to enhance the performance of a novel CLIP embedding model. You can find more information about my experiences in my resume.</p>
<p>Beyond the world of computer science, I have a profound love for marine biology and surfing. In my free time, you'll often find me at some of my favorite Northern California beaches, like Montara State Beach, spending time with friends.</p>
<p>I'm always eager to contribute to new projects, especially those in the realm of climate tech. Feel free to reach out to me.</p>
</container>
<!-- extracurriculars section -->
<container class="container" id="extracurriculars">
<h3>Extracurriculars</h3>
<p> Outside of academia, I was a dedicated 4-year member of the Stanford Men's Varsity Water Polo Team. During my freshman year, our team, fortified by future Olympians, clinched the 2019 NCAA National Championship, breaking a 20-year dry spell. In my sophomore year, despite pandemic challenges, I received the Elite 90 Award from the National Collegiate Association, celebrating the student-athlete with the top GPA at the championship. By my senior year, I took on the role of Co-captain, secured the Outstanding All-Academic Award from the Association of Collegiate Water Polo Coaches for the fourth consecutive year, was named a member of the All-MPSF Second Team, and awarded an NCAA Post Graduate Scholarship.</p>
</container>
</div>
<!-- media section -->
<div class="row">
<container class="container" id="media">
<h3>Media</h3>
<!-- media item -->
<div class="row my-3">
<div class="col-md-4">
<img src="images/postgrad.jpeg" alt="Article Image" class="img-fluid media-img">
</div>
<div class="col-md-8">
<h4><a href="https://gostanford.com/news/2023/3/21/mens-water-polo-weigle-earns-postgraduate-scholarship.aspx" class="meta-data-link">Weigle Earns Postgraduate Scholarship</a></h4>
<p>GoStanford | 03/21/2023 | Men's Water Polo</p>
</div>
</div>
<!-- media item -->
<div class="row my-3">
<div class="col-md-4">
<img src="images/academic_effort.jpeg" alt="Article Image" class="img-fluid">
</div>
<div class="col-md-8">
<h4><a href="https://pac-12.com/article/2021/04/09/complete-academic-effort" class="meta-data-link">Complete Academic Effort</a></h4>
<p>Pac-12.com | 03/09/2021 | Men's Water Polo</p>
</div>
</div>
<!-- media item -->
<div class="row my-3">
<div class="col-md-4">
<img src="images/champion.jpg" alt="Article Image" class="img-fluid">
</div>
<div class="col-md-8">
<h4><a href="https://www.ncaa.com/news/waterpolo-men/article/2019-12-08/stanford-wins-2019-ncaa-mens-water-polo-championship-over#:~:text=Stanford%20wins%202019%20NCAA%20men's%20water%20polo%20championship%20over%20Pacific,-00%3A00%2F00&text=Stanford%20is%20the%202019%20NC,8." class="meta-data-link">Stanford wins 2019 NCAA men's water polo championship over Pacific</a></h4>
<p>NCAA.com | 12/09/209 | Men's Water Polo</p>
</div>
</div>
</container>
</div>
</div>
<!-- for spacing -->
<div class="col-lg-2 col-md-1 col-sm-0">
</div>
</div>
</section>
<script src="script/script.js"></script>
</body>
</html>