Compare commits
1 Commits
master
...
expand-por
Author | SHA1 | Date | |
---|---|---|---|
|
09c69b92bb |
@@ -2,6 +2,6 @@
|
||||
<head>
|
||||
<meta
|
||||
http-equiv="refresh"
|
||||
content="0; url=./src/index.html"
|
||||
content="0; url=https://sravanbalaji.com/src/index.html"
|
||||
/>
|
||||
</head>
|
||||
|
@@ -61,10 +61,10 @@
|
||||
>professional experience</a
|
||||
>
|
||||
section of the
|
||||
<a href="./portfolio.html">portfolio</a> page. He is currently
|
||||
working at
|
||||
<a href="./portfolio.html">portfolio</a> page. He began working at
|
||||
<a href="https://www.mitre.org/" target="_blank">MITRE</a>
|
||||
as an Associate Autonomous Systems Engineer in McLean, VA.
|
||||
in late January 2022 as an Associate Autonomous Systems Engineer
|
||||
in McLean, VA.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
|
BIN
src/assets/hardware/galaxy-buds.png
Normal file
After Width: | Height: | Size: 34 KiB |
BIN
src/assets/hardware/galaxy-s10-plus.png
Normal file
After Width: | Height: | Size: 33 KiB |
BIN
src/assets/hardware/galaxy-watch.png
Normal file
After Width: | Height: | Size: 92 KiB |
Before Width: | Height: | Size: 47 KiB |
Before Width: | Height: | Size: 946 KiB |
Before Width: | Height: | Size: 428 KiB |
Before Width: | Height: | Size: 99 KiB |
BIN
src/assets/hardware/surface-go.png
Normal file
After Width: | Height: | Size: 112 KiB |
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 62 KiB |
Before Width: | Height: | Size: 5.0 KiB |
BIN
src/assets/professional_experience/logo-umich-rec-sports.jpeg
Normal file
After Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 13 KiB |
BIN
src/assets/software/logo-youtube-vanced.png
Normal file
After Width: | Height: | Size: 155 KiB |
@@ -1,4 +1,4 @@
|
||||
<!doctype html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" color-mode="light">
|
||||
<head>
|
||||
<script
|
||||
@@ -228,6 +228,27 @@
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-12">
|
||||
<h2>Display Resume PDF in Website using GitHub</h2>
|
||||
<p>
|
||||
I have the latest version of my
|
||||
<a href="./portfolio.html#resume">resume</a> stored in a public
|
||||
<a href="https://github.com/balajsra/resume" target="_blank">
|
||||
GitHub repository</a
|
||||
>, but I wanted an easy way to share it directly on my website.
|
||||
This led me to look for ways to embed a PDF in HTML. This works
|
||||
great for local files, but not so great for PDFs stored in a
|
||||
repository. The trick is to get the link to the raw PDF file from
|
||||
GitHub and to use Google Drive PDF Viewer. This is outlined in
|
||||
<a
|
||||
href="https://medium.com/@kekayan/display-your-resume-cv-pdf-in-website-using-github-73a088ac961d"
|
||||
target="_blank"
|
||||
>Kekayan's Medium post</a
|
||||
>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!---------------------------------
|
||||
|
@@ -160,6 +160,13 @@
|
||||
>Better Comments</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2"
|
||||
target="_blank"
|
||||
>Bracket Pair Colorizer 2</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker"
|
||||
@@ -204,16 +211,16 @@
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server"
|
||||
href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer"
|
||||
target="_blank"
|
||||
>Live Preview</a
|
||||
>Live Server</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare"
|
||||
href="https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare-pack"
|
||||
target="_blank"
|
||||
>Live Share</a
|
||||
>Live Share Extension Pack</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
@@ -549,37 +556,34 @@
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://revanced.app/" target="_blank">
|
||||
<a href="https://vancedapp.com/" target="_blank">
|
||||
<img
|
||||
class="img-fluid mx-auto d-block"
|
||||
src="./assets/software/logo-youtube-revanced.png"
|
||||
src="./assets/software/logo-youtube-vanced.png"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
<h2>
|
||||
<a
|
||||
name="YouTube ReVanced"
|
||||
href="https://revanced.app/"
|
||||
name="YouTube Vanced"
|
||||
href="https://vancedapp.com/"
|
||||
target="_blank"
|
||||
>YouTube ReVanced</a
|
||||
>YouTube Vanced</a
|
||||
>
|
||||
</h2>
|
||||
<h3>Platform: Android</h3>
|
||||
<p>
|
||||
I originally discovered
|
||||
<a href="https://vancedapp.com/" target="_blank"
|
||||
>YouTube Vanced</a
|
||||
>
|
||||
on a MEGA PRO TIPS post on
|
||||
I discovered this on a MEGA PRO TIPS post on
|
||||
<a
|
||||
href="https://www.reddit.com/r/galaxys10/comments/bg2bb2/mega_pro_tips_make_the_most_of_your_s10_settings/?utm_source=share&utm_medium=web2x"
|
||||
target="_blank"
|
||||
>r/galaxys10</a
|
||||
>
|
||||
(tip 29). The gist of the app is that it removes ads from YouTube
|
||||
on your android phone and you can play music while your screen is
|
||||
off for free.
|
||||
(tip 29). All relevant information on what apps to download and a
|
||||
fix for a login issue can be found in the reddit post. The gist of
|
||||
the app is that it removes ads from YouTube on your android phone
|
||||
and you can play music while your screen is off for free.
|
||||
</p>
|
||||
<p>
|
||||
As described in
|
||||
@@ -598,13 +602,16 @@
|
||||
on
|
||||
<a href="https://www.theverge.com" target="_blank">The Verge</a>,
|
||||
YouTube Vanced can no longer be downloaded from the
|
||||
<a href="https://vancedapp.com/" target="_blank"
|
||||
<a href="https://vancedapp.com/" target="_balnk"
|
||||
>official website</a
|
||||
>. However, a new project called
|
||||
<a href="https://revanced.app" target="_blank"
|
||||
>YouTube ReVanced</a
|
||||
>. However,
|
||||
<a
|
||||
href="https://www.reddit.com/r/AfterVanced/comments/tk1fdr/so_you_want_to_install_andor_reinstall_vanced/"
|
||||
target="_blank"
|
||||
>this reddit post</a
|
||||
>
|
||||
has been created to "continue the legacy of Vanced".
|
||||
provides some alternative methods of installing Vanced Manager if
|
||||
you don't have it already.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -898,32 +905,50 @@
|
||||
<div class="col-md-3">
|
||||
<img
|
||||
class="img-fluid mx-auto d-block"
|
||||
src="./assets/hardware/galaxy-z-fold-4.png"
|
||||
src="./assets/hardware/surface-go.png"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<h2>Phone: Samsung Galaxy Z Fold 4</h2>
|
||||
<h2>Tablet: Microsoft Surface Go</h2>
|
||||
<p>
|
||||
I was originally really hesitant about getting a folding phone
|
||||
given some of the quality control issues with the early
|
||||
generations of the Galaxy Z Fold, but the 4th is really where
|
||||
Samsung refined their design to the point that I think it is ready
|
||||
for the mainstream. I upgraded to this from a Galaxy S10+, which I
|
||||
absolutely loved. However, this device is a step above even the
|
||||
top of the line slab style phones. The versatility of having an
|
||||
almost full size phone when folded, and an amazing tablet when
|
||||
unfolded is unmatched by the competition (at least in the U.S.
|
||||
market). Multi tasking and content consumption on the big screen
|
||||
is absolutely amazing. No longer do I need to pull out a big and
|
||||
clunky tablet (like the Microsoft Surface Go I had before) to
|
||||
watch a movie. Now, I just pull out my phone and unfold it into a
|
||||
screen that is plenty big enough to watch whatever I want.
|
||||
Sometimes, I even watch a live sports match while multi-tasking
|
||||
with stats on a second app. This kind of functionality will
|
||||
definitely cost you, but given that it can replace two devices,
|
||||
can fit in your pocket, and supports the S-pen, I can absolutely
|
||||
recommend this device for anyone looking to upgrade to a folding
|
||||
phone.
|
||||
I primarily use the Surface Go as a secondary-device and tablet. I
|
||||
use it for media consumption, occasional textbook / pdf reading,
|
||||
and for taking digital handwritten notes with the
|
||||
<a
|
||||
href="https://www.microsoft.com/en-us/d/surface-pen/92fp8q09qhxc"
|
||||
target="_blank"
|
||||
>Surface Pen</a
|
||||
>. It is by no means powerful enough to act as my primary device.
|
||||
The
|
||||
<a
|
||||
href="https://www.microsoft.com/en-us/d/surface-go-2/8pt3s2vjmdr6"
|
||||
target="_blank"
|
||||
>Surface Go 2</a
|
||||
>
|
||||
has since released, so you may want to look into that instead. If
|
||||
you do end up going with the Surface Go, make sure you
|
||||
<a
|
||||
href="https://www.windowscentral.com/surface-go-how-unlock-windows-10-s-mode"
|
||||
target="_blank"
|
||||
>turn off S mode</a
|
||||
>
|
||||
to be able to install apps that aren't on the Microsoft Store. I
|
||||
would generally recommend looking for bundles as the type cover
|
||||
and pen are not included by default.
|
||||
</p>
|
||||
<p>
|
||||
I did experiment with running
|
||||
<a href="https://blissos.org" target="_blank">BlissOS</a>
|
||||
on this tablet since I really like the hardware, but I'm not the
|
||||
biggest fan of Windows. After a bit of configuration, it was
|
||||
definitely usable, but had some deal breaking issues. The first
|
||||
one being battery drain. It seemed like the battery life was much
|
||||
lower than I would have expected and I didn't find a good way to
|
||||
resolve this. The other big issue I found was with the on-board
|
||||
speakers. When listening to music or watching a video, the audio
|
||||
seemingly played at 1/2 the normal speed. When connecting
|
||||
headphones to the headphone jack, it had the same issue. However,
|
||||
audio worked perfectly when connecting headphones over Bluetooth.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -931,25 +956,21 @@
|
||||
<div class="col-md-3">
|
||||
<img
|
||||
class="img-fluid mx-auto d-block"
|
||||
src="./assets/hardware/galaxy-watch5-pro.png"
|
||||
src="./assets/hardware/galaxy-s10-plus.png"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<h2>Watch: Samsung Galaxy Watch 5 Pro</h2>
|
||||
<h2>Phone: Samsung Galaxy S10+</h2>
|
||||
<p>
|
||||
With the Samsung Galaxy Watch 5 Pro (and some older devices),
|
||||
Samsung partnered with Google to build a new version of Wear OS.
|
||||
Now, you get the amazing user experience from Samsung's old Tizen
|
||||
OS with all the app support of Google's Wear OS. The Watch 5 Pro
|
||||
drops the mechanical bezel that I loved on my old Galaxy Watch,
|
||||
but the capacitive bezel is perfectly fine. Battery live is
|
||||
decent, but nothing special in my experience. I can usually get a
|
||||
little more than a full day's worth of battery even with the
|
||||
always on display activated. It charges pretty quickly though, so
|
||||
I've never had an issue as long as I charge it for a bit every
|
||||
morning before leaving for the day. If you're an Android phone
|
||||
user, I can absolutely recommend this device. Especially if you
|
||||
have a samsung phone.
|
||||
Got the Galaxy S10+ on sale on Amazon's Prime Day. My previous
|
||||
phone was a Pixel 2XL which I really liked, but I decided to
|
||||
switch to a Galaxy after the Pixel 3 was a bit of a disappointment
|
||||
and the Pixel 4 wouldn't come out until later in the year. Other
|
||||
phones I considered, but ultimately decided against were the
|
||||
OnePlus 7 Pro and Samsung Galaxy Note 9. In retrospect, I would
|
||||
have waited to replace my Pixel 2XL until the Galaxy Note 10+ came
|
||||
out and the price dropped down to something reasonable. However, I
|
||||
am happy with my decision as is.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -957,25 +978,47 @@
|
||||
<div class="col-md-3">
|
||||
<img
|
||||
class="img-fluid mx-auto d-block"
|
||||
src="./assets/hardware/galaxy_buds2pro.png"
|
||||
src="./assets/hardware/galaxy-watch.png"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<h2>Wireless Earbuds: Samsung Galaxy Buds 2 Pro</h2>
|
||||
<h2>Watch: Samsung Galaxy Watch</h2>
|
||||
<p>
|
||||
Upgraded to the Galaxy Buds 2 Pro along with the Galaxy Watch 5
|
||||
Pro when I bought the Z Fold 4 as a part of a bundle. I was
|
||||
running into battery issues with my old Galaxy Buds, so these have
|
||||
been a welcome improvement. Audio quality is good enough for my
|
||||
needs, but nothing special considering the physical limitations of
|
||||
in-ear bud style audio products. Haven't had any issue with
|
||||
battery life as I generally don't use them long enough to burn
|
||||
through the entire battery. Even if you do, you can pop them back
|
||||
into the case which will charge them. Haven't done any significant
|
||||
testing with mic quality, but haven't had issues taking calls on
|
||||
them. I love that they come with noise cancelling and audio
|
||||
passthrough, so you can hear your surroundings when walking around
|
||||
outside and block out the noise when working.
|
||||
I previously had a Moto 360 Sport smartwatch, but the performance
|
||||
was extremely disappointing. After looking at other Android wear
|
||||
devices, I didn't feel that another compelling watch on the level
|
||||
of the Apple Watch for iPhones existed. Thus, I decided to switch
|
||||
to the Galaxy watch. My primary impressions of Tizen OS vs Android
|
||||
Wear is the lack of supported apps. I have found that this really
|
||||
isn't that big of a deal as it has great media controls for your
|
||||
phone and the amazing rotating bezel interface. This is by far the
|
||||
superior input method for watches and I feel that all watches
|
||||
should have some variant of this. Overall, the performance is
|
||||
great and I have come to appreciate Samsung's brand of apps for my
|
||||
phone and watch.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3">
|
||||
<img
|
||||
class="img-fluid mx-auto d-block"
|
||||
src="./assets/hardware/galaxy-buds.png"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<h2>Wireless Earbuds: Samsung Galaxy Buds</h2>
|
||||
<p>
|
||||
I found these on sale at Costco and heard that the audio quality
|
||||
was among the best for the price. I love that they also have audio
|
||||
passthrough so you can hear your environment when necessary, or
|
||||
keep noise cancelling on. They fit nice in my ears and don't fall
|
||||
out. Additionally, they integrate well with my Galaxy Watch and
|
||||
Galaxy S10+. My only gripes are that the mic isn't that great for
|
||||
taking phone calls and the battery life is not great. Samsung
|
||||
reports 6 hours of charge in the earbuds and 7 hours in the case.
|
||||
In my experience, this is pretty accurate. Don't expect long,
|
||||
continuous music sessions.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -998,61 +1041,10 @@
|
||||
definitely the ability to connect to two devices (e.g. laptop and
|
||||
phone) at once. This means I can answer a call on my phone while
|
||||
listening to music on my laptop without having to completely
|
||||
disconnect and reconnect. If you want to use the better sounding
|
||||
LDAC codec, you will only be able to connect to one device at a
|
||||
time. This is a worth while tradeoff in my opinion considering how
|
||||
much better everything sounds. I also really like the battery
|
||||
life. Sony reports 30 hours of charge. If you will be away from an
|
||||
outlet for an extended period of time and plan on using your
|
||||
headphones a lot, these are great.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3">
|
||||
<a
|
||||
href="https://www.keychron.com/products/keychron-q1-pro-qmk-via-wireless-custom-mechanical-keyboard"
|
||||
target="_blank"
|
||||
>
|
||||
<img
|
||||
class="img-fluid mx-auto d-block"
|
||||
src="./assets/hardware/keychron_q1_pro.avif"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<h2>Mechanical Keyboard: Keychron Q1 Pro</h2>
|
||||
<p>
|
||||
I've always been interested in custom mechanical keyboards, but
|
||||
never enough to really dive into the hobby. This changed recently
|
||||
and I decided to look into buying a pre-built base board with
|
||||
solid build quality, an option to connect wirelessly, media
|
||||
controls (e.g., volume knob), hot swappable switches, and keymapping software that works
|
||||
on Linux. After some searching, I came across the Keychron Q1 Pro,
|
||||
which is the wireless version of the much loved Keychron Q1. I
|
||||
haven't really tried any mechanical switches before, so I went
|
||||
with
|
||||
<a
|
||||
href="https://www.keychron.com/products/gateron-cap-switch-set?variant=40119285284953"
|
||||
target="_blank"
|
||||
>Gateron Browns</a
|
||||
>
|
||||
which have a tactile bump, but aren't too loud. These are quiet
|
||||
enough to be used in an office setting or during a call while
|
||||
still being satisfying to type on. The switches definitely aren't
|
||||
as clicky as my old Razer Huntsman Elite, which I see as a plus.
|
||||
It takes a little bit of getting used to, but I absolutely love
|
||||
them now. For the keycaps, I went with
|
||||
<a
|
||||
href="https://www.keychron.com/products/cherry-profile-double-shot-pbt-full-set-keycaps-player"
|
||||
target="_blank"
|
||||
>Cherry Profile Double-Shot PBT Full Set Keycaps - Player</a
|
||||
>
|
||||
from Keychron. These look absolutely amazing (in my opinion), but
|
||||
I'm sure I'll look into other sets when they come back in stock in
|
||||
the future. I also love that this is a 75% keyboard. It has just
|
||||
enough keys for some special functions I use on my computer and
|
||||
gives me a bunch of desk space back.
|
||||
re-pair devices. I also really like the battery life. Sony reports
|
||||
30 hours of charge. If you will be away from an outlet for an
|
||||
extended period of time and plan on using your headphones a lot,
|
||||
these are great.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
@@ -1,4 +1,4 @@
|
||||
<!doctype html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" color-mode="light">
|
||||
<head>
|
||||
<script
|
||||
@@ -28,14 +28,401 @@
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-12">
|
||||
<p>
|
||||
The latest version of my resume is hosted on
|
||||
<a
|
||||
href="https://github.com/balajsra/resume/blob/master/sravan_balaji_resume.pdf"
|
||||
target="_blank"
|
||||
>GitHub</a
|
||||
>.
|
||||
</p>
|
||||
<iframe
|
||||
src="https://docs.google.com/gview?url=https://github.com/balajsra/resume/raw/master/sravan_balaji_resume.pdf&embedded=true"
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!---------------------------------
|
||||
EDUCATION
|
||||
----------------------------------->
|
||||
<div id="education">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-12">
|
||||
<h1><a name="education">Education</a></h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- UNIVERSITY OF MICHIGAN -->
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-12">
|
||||
<h2><b>University of Michigan</b> (Ann Arbor, MI)</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<!-- MS ROBOTICS -->
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-4">
|
||||
<a href="https://robotics.umich.edu/" target="_blank">
|
||||
<img
|
||||
class="img-fluid mx-auto d-block"
|
||||
src="./assets/education/logo-robotics.png"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<h3>M.S. in Robotics</h3>
|
||||
<h5><i>January 2021 - December 2021</i></h5>
|
||||
<p>
|
||||
<b>GPA:</b> 3.982<br />
|
||||
<b>Focus:</b> Acting<br />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div id="graduate_coursework">
|
||||
<div class="card">
|
||||
<!-- 11. FALL 2021 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2021">
|
||||
<b>11. Fall 2021</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="fall2021"
|
||||
class="collapse"
|
||||
data-parent="#graduate_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li>
|
||||
<b>AEROSP 584</b> - Navigation & Guidance of Aerospace
|
||||
Vehicles
|
||||
</li>
|
||||
<li><b>ROB 501</b> - Math for Robotics</li>
|
||||
<li>
|
||||
<b>ROB 535</b> - Self Driving Cars: Perception and
|
||||
Control
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 10. WINTER 2021 -->
|
||||
<div class="card-header">
|
||||
<a
|
||||
class="card-link"
|
||||
data-toggle="collapse"
|
||||
href="#winter2021"
|
||||
>
|
||||
<b>10. Winter 2021</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="winter2021"
|
||||
class="collapse"
|
||||
data-parent="#graduate_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li><b>ROB 550</b> - Robotic Systems Laboratory</li>
|
||||
<li><b>ROB 590</b> - Directed Study</li>
|
||||
<li><b>ROB 599</b> - Ethics for AI and Robotics</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<!-- BSE MECHANICAL ENGINEERING -->
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-4">
|
||||
<a href="https://me.engin.umich.edu/" target="_blank">
|
||||
<img
|
||||
class="img-fluid mx-auto d-block"
|
||||
src="./assets/education/logo-mechanical-engineering.jpg"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<h3>B.S.E. in Mechanical Engineering</h3>
|
||||
<h5><i>September 2016 - December 2020</i></h5>
|
||||
<p>
|
||||
<b>GPA:</b> 3.776<br />
|
||||
<b>Focus:</b> Controls<br />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- BSE COMPUTER SCIENCE -->
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-4">
|
||||
<a href="https://cse.engin.umich.edu/" target="_blank">
|
||||
<img
|
||||
class="img-fluid mx-auto d-block"
|
||||
src="./assets/education/logo-computer-science.jpg"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<h3>B.S.E. in Computer Science</h3>
|
||||
<h5><i>September 2016 - December 2020</i></h5>
|
||||
<p>
|
||||
<b>GPA:</b> 3.776<br />
|
||||
<b>Focus:</b> Intelligent Systems<br />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div id="undergrad_coursework">
|
||||
<div class="card">
|
||||
<!-- 9. FALL 2020 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2020">
|
||||
<b>9. Fall 2020</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="fall2020"
|
||||
class="collapse"
|
||||
data-parent="#undergrad_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li>
|
||||
<b>EECS 445</b> - Introduction to Machine Learning
|
||||
</li>
|
||||
<li><b>EECS 493</b> - User Interface Development</li>
|
||||
<li><b>MECHENG 495</b> - Laboratory II</li>
|
||||
<li><b>ROB 511</b> - Robot Operating Systems</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 8. WINTER 2020 -->
|
||||
<div class="card-header">
|
||||
<a
|
||||
class="card-link"
|
||||
data-toggle="collapse"
|
||||
href="#winter2020"
|
||||
>
|
||||
<b>8. Winter 2020</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="winter2020"
|
||||
class="collapse"
|
||||
data-parent="#undergrad_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li><b>EECS 467</b> - Autonomous Robotics</li>
|
||||
<li>
|
||||
<b>EECS 496</b> - Major Design Experience
|
||||
Professionalism
|
||||
</li>
|
||||
<li>
|
||||
<b>MECHENG 561</b> - Design of Digital Control Systems
|
||||
</li>
|
||||
<li>
|
||||
<b>ROB 530</b> - Mobile Robotics: Methods & Algorithms
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 7. FALL 2019 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2019">
|
||||
<b>7. Fall 2019</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="fall2019"
|
||||
class="collapse"
|
||||
data-parent="#undergrad_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li>
|
||||
<b>EECS 492</b> - Introduction to Artificial
|
||||
Intelligence
|
||||
</li>
|
||||
<li><b>MECHENG 335</b> - Heat Transfer</li>
|
||||
<li><b>MECHENG 450</b> - Design and Manufacturing III</li>
|
||||
<li><b>MECHENG 461</b> - Automatic Control</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 6. WINTER 2019 -->
|
||||
<div class="card-header">
|
||||
<a
|
||||
class="card-link"
|
||||
data-toggle="collapse"
|
||||
href="#winter2019"
|
||||
>
|
||||
<b>6. Winter 2019</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="winter2019"
|
||||
class="collapse"
|
||||
data-parent="#undergrad_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li><b>EECS 201</b> - Computer Science Pragmatics</li>
|
||||
<li><b>EECS 376</b> - Foundations of Computer Science</li>
|
||||
<li><b>EECS 442</b> - Computer Vision</li>
|
||||
<li><b>MECHENG 395</b> - Laboratory I</li>
|
||||
<li>
|
||||
<b>STATS 412</b> - Introduction to Probability &
|
||||
Statistics
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 5. FALL 2018 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2018">
|
||||
<b>5. Fall 2018</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="fall2018"
|
||||
class="collapse"
|
||||
data-parent="#undergrad_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li><b>MECHENG 350</b> - Design and Manufacturing II</li>
|
||||
<li>
|
||||
<b>MECHENG 360</b> - Modeling, Analysis, and Control of
|
||||
Dynamic Systems
|
||||
</li>
|
||||
<li>
|
||||
<b>MECHENG 382</b> - Mechanical Behavior of Materials
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 4. WINTER 2018 -->
|
||||
<div class="card-header">
|
||||
<a
|
||||
class="card-link"
|
||||
data-toggle="collapse"
|
||||
href="#winter2018"
|
||||
>
|
||||
<b>4. Winter 2018</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="winter2018"
|
||||
class="collapse"
|
||||
data-parent="#undergrad_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li><b>EECS 281</b> - Data Structures and Algorithms</li>
|
||||
<li>
|
||||
<b>EECS 314</b> - Electrical Circuits, Systems, and
|
||||
Applications
|
||||
</li>
|
||||
<li>
|
||||
<b>EECS 370</b> - Introduction to Computer Organization
|
||||
</li>
|
||||
<li><b>MECHENG 320</b> - Fluid Mechanics I</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 3. FALL 2017 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2017">
|
||||
<b>3. Fall 2017</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="fall2017"
|
||||
class="collapse"
|
||||
data-parent="#undergrad_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li>
|
||||
<b>EECS 280</b> - Programming and Introductory Data
|
||||
Structures
|
||||
</li>
|
||||
<li><b>MECHENG 235</b> - Thermodynamics I</li>
|
||||
<li>
|
||||
<b>MECHENG 240</b> - Introduction to Dynamics and
|
||||
Vibrations
|
||||
</li>
|
||||
<li><b>MECHENG 250</b> - Design and Manufacturing I</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 2. WINTER 2017 -->
|
||||
<div class="card-header">
|
||||
<a
|
||||
class="card-link"
|
||||
data-toggle="collapse"
|
||||
href="#winter2017"
|
||||
>
|
||||
<b>2. Winter 2017</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="winter2017"
|
||||
class="collapse"
|
||||
data-parent="#undergrad_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li><b>CLCIV 385</b> - Greek Mythology</li>
|
||||
<li><b>EECS 203</b> - Discrete Mathematics</li>
|
||||
<li>
|
||||
<b>ENGR 100</b> - Introduction to Engineering: Solar
|
||||
Energy and Self-Powered Wireless Systems
|
||||
</li>
|
||||
<li>
|
||||
<b>MECHENG 211</b> - Introduction to Solid Mechanics
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 1. FALL 2016 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2016">
|
||||
<b>1. Fall 2016</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="fall2016"
|
||||
class="collapse"
|
||||
data-parent="#undergrad_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li>
|
||||
<b>ALA 105</b> - Digital Research: Critical Concepts &
|
||||
Strategies
|
||||
</li>
|
||||
<li>
|
||||
<b>ENGR 151</b> - Accelerated Introduction to Computers
|
||||
and Programming
|
||||
</li>
|
||||
<li>
|
||||
<b>MATH 216</b> - Introduction to Differential Equations
|
||||
</li>
|
||||
<li><b>SOC 100</b> - Introduction to Sociology</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -52,61 +439,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Metron: Software Engineer I (2023 - Present) -->
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<a href="https://www.metsci.com/" target="_blank">
|
||||
<img
|
||||
class="img-fluid mx-auto d-block"
|
||||
src="./assets/professional_experience/logo-metron.jpeg"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<h2><b>Metron</b></h2>
|
||||
<h3>Software Engineer I</h3>
|
||||
<h4>Reston, VA</h4>
|
||||
<h5><i>April 3, 2023 - Present</i></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- MITRE: Intermediate Autonomous Systems Engineer (2022 - 2023) -->
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-12">
|
||||
<hr />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<a href="https://www.mitre.org/" target="_blank">
|
||||
<img
|
||||
class="img-fluid mx-auto d-block"
|
||||
src="./assets/professional_experience/logo-mitre.jpeg"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<h2><b>MITRE</b></h2>
|
||||
<h3>Intermediate Autonomous Systems Engineer</h3>
|
||||
<h4>McLean, VA</h4>
|
||||
<h5><i>September 12, 2022 - March 31, 2023</i></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- MITRE: Associate Autonomous Systems Engineer (2022 - 2022) -->
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-12">
|
||||
<hr />
|
||||
</div>
|
||||
</div>
|
||||
<!-- MITRE: Associate Autonomous Systems Engineer (2022 - Present) -->
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row">
|
||||
@@ -122,7 +455,7 @@
|
||||
<h2><b>MITRE</b></h2>
|
||||
<h3>Associate Autonomous Systems Engineer</h3>
|
||||
<h4>McLean, VA</h4>
|
||||
<h5><i>January 31, 2022 - September 12, 2022</i></h5>
|
||||
<h5><i>January 31, 2022 - Present</i></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1137,439 +1470,70 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-12">
|
||||
<hr />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!---------------------------------
|
||||
EDUCATION
|
||||
PART TIME WORK
|
||||
----------------------------------->
|
||||
<div id="education">
|
||||
<div id="part_time_work">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-12">
|
||||
<h1><a name="education">Education</a></h1>
|
||||
<h1>
|
||||
<a name="part_time_work">Part Time Work</a>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- UNIVERSITY OF MICHIGAN -->
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-12">
|
||||
<h2><b>University of Michigan</b> (Ann Arbor, MI)</h2>
|
||||
</div>
|
||||
</div>
|
||||
<!-- UMICH: Intramural Sports Supervisor (2017 - 2018 -->
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<!-- MS ROBOTICS -->
|
||||
<div class="row align-items-center">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<a href="https://robotics.umich.edu/" target="_blank">
|
||||
<a href="https://www.umich.edu/" target="_blank">
|
||||
<img
|
||||
class="img-fluid mx-auto d-block"
|
||||
src="./assets/education/logo-robotics.png"
|
||||
src="./assets/professional_experience/logo-umich-rec-sports.jpeg"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<h3>M.S. in Robotics</h3>
|
||||
<h5><i>January 2021 - December 2021</i></h5>
|
||||
<p>
|
||||
<b>GPA:</b> 3.982<br />
|
||||
<b>Focus:</b> Acting<br />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div id="graduate_coursework">
|
||||
<div class="card">
|
||||
<!-- 11. FALL 2021 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2021">
|
||||
<b>11. Fall 2021</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="fall2021"
|
||||
class="collapse"
|
||||
data-parent="#graduate_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li>
|
||||
<b>AEROSP 584</b> - Navigation & Guidance of Aerospace
|
||||
Vehicles
|
||||
</li>
|
||||
<li><b>ROB 501</b> - Math for Robotics</li>
|
||||
<li>
|
||||
<b>ROB 535</b> - Self Driving Cars: Perception and
|
||||
Control
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 10. WINTER 2021 -->
|
||||
<div class="card-header">
|
||||
<a
|
||||
class="card-link"
|
||||
data-toggle="collapse"
|
||||
href="#winter2021"
|
||||
>
|
||||
<b>10. Winter 2021</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="winter2021"
|
||||
class="collapse"
|
||||
data-parent="#graduate_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li><b>ROB 550</b> - Robotic Systems Laboratory</li>
|
||||
<li><b>ROB 590</b> - Directed Study</li>
|
||||
<li><b>ROB 599</b> - Ethics for AI and Robotics</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<h2><b>University of Michigan Recreational Sports</b></h2>
|
||||
<h3>Intramural Sports Supervisor</h3>
|
||||
<h4>Ann Arbor, MI</h4>
|
||||
<h5><i>August 28, 2017 - December 9, 2018</i></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<!-- BSE MECHANICAL ENGINEERING -->
|
||||
<div class="row align-items-center">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<a href="https://me.engin.umich.edu/" target="_blank">
|
||||
<a href="https://www.umich.edu/" target="_blank">
|
||||
<img
|
||||
class="img-fluid mx-auto d-block"
|
||||
src="./assets/education/logo-mechanical-engineering.jpg"
|
||||
src="./assets/professional_experience/logo-umich-rec-sports.jpeg"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<h3>B.S.E. in Mechanical Engineering</h3>
|
||||
<h5><i>September 2016 - December 2020</i></h5>
|
||||
<p>
|
||||
<b>GPA:</b> 3.776<br />
|
||||
<b>Focus:</b> Controls<br />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- BSE COMPUTER SCIENCE -->
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-4">
|
||||
<a href="https://cse.engin.umich.edu/" target="_blank">
|
||||
<img
|
||||
class="img-fluid mx-auto d-block"
|
||||
src="./assets/education/logo-computer-science.jpg"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<h3>B.S.E. in Computer Science</h3>
|
||||
<h5><i>September 2016 - December 2020</i></h5>
|
||||
<p>
|
||||
<b>GPA:</b> 3.776<br />
|
||||
<b>Focus:</b> Intelligent Systems<br />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div id="undergrad_coursework">
|
||||
<div class="card">
|
||||
<!-- 9. FALL 2020 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2020">
|
||||
<b>9. Fall 2020</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="fall2020"
|
||||
class="collapse"
|
||||
data-parent="#undergrad_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li>
|
||||
<b>EECS 445</b> - Introduction to Machine Learning
|
||||
</li>
|
||||
<li><b>EECS 493</b> - User Interface Development</li>
|
||||
<li><b>MECHENG 495</b> - Laboratory II</li>
|
||||
<li><b>ROB 511</b> - Robot Operating Systems</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 8. WINTER 2020 -->
|
||||
<div class="card-header">
|
||||
<a
|
||||
class="card-link"
|
||||
data-toggle="collapse"
|
||||
href="#winter2020"
|
||||
>
|
||||
<b>8. Winter 2020</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="winter2020"
|
||||
class="collapse"
|
||||
data-parent="#undergrad_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li><b>EECS 467</b> - Autonomous Robotics</li>
|
||||
<li>
|
||||
<b>EECS 496</b> - Major Design Experience
|
||||
Professionalism
|
||||
</li>
|
||||
<li>
|
||||
<b>MECHENG 561</b> - Design of Digital Control Systems
|
||||
</li>
|
||||
<li>
|
||||
<b>ROB 530</b> - Mobile Robotics: Methods & Algorithms
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 7. FALL 2019 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2019">
|
||||
<b>7. Fall 2019</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="fall2019"
|
||||
class="collapse"
|
||||
data-parent="#undergrad_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li>
|
||||
<b>EECS 492</b> - Introduction to Artificial
|
||||
Intelligence
|
||||
</li>
|
||||
<li><b>MECHENG 335</b> - Heat Transfer</li>
|
||||
<li><b>MECHENG 450</b> - Design and Manufacturing III</li>
|
||||
<li><b>MECHENG 461</b> - Automatic Control</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 6. WINTER 2019 -->
|
||||
<div class="card-header">
|
||||
<a
|
||||
class="card-link"
|
||||
data-toggle="collapse"
|
||||
href="#winter2019"
|
||||
>
|
||||
<b>6. Winter 2019</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="winter2019"
|
||||
class="collapse"
|
||||
data-parent="#undergrad_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li><b>EECS 201</b> - Computer Science Pragmatics</li>
|
||||
<li><b>EECS 376</b> - Foundations of Computer Science</li>
|
||||
<li><b>EECS 442</b> - Computer Vision</li>
|
||||
<li><b>MECHENG 395</b> - Laboratory I</li>
|
||||
<li>
|
||||
<b>STATS 412</b> - Introduction to Probability &
|
||||
Statistics
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 5. FALL 2018 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2018">
|
||||
<b>5. Fall 2018</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="fall2018"
|
||||
class="collapse"
|
||||
data-parent="#undergrad_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li><b>MECHENG 350</b> - Design and Manufacturing II</li>
|
||||
<li>
|
||||
<b>MECHENG 360</b> - Modeling, Analysis, and Control of
|
||||
Dynamic Systems
|
||||
</li>
|
||||
<li>
|
||||
<b>MECHENG 382</b> - Mechanical Behavior of Materials
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 4. WINTER 2018 -->
|
||||
<div class="card-header">
|
||||
<a
|
||||
class="card-link"
|
||||
data-toggle="collapse"
|
||||
href="#winter2018"
|
||||
>
|
||||
<b>4. Winter 2018</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="winter2018"
|
||||
class="collapse"
|
||||
data-parent="#undergrad_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li><b>EECS 281</b> - Data Structures and Algorithms</li>
|
||||
<li>
|
||||
<b>EECS 314</b> - Electrical Circuits, Systems, and
|
||||
Applications
|
||||
</li>
|
||||
<li>
|
||||
<b>EECS 370</b> - Introduction to Computer Organization
|
||||
</li>
|
||||
<li><b>MECHENG 320</b> - Fluid Mechanics I</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 3. FALL 2017 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2017">
|
||||
<b>3. Fall 2017</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="fall2017"
|
||||
class="collapse"
|
||||
data-parent="#undergrad_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li>
|
||||
<b>EECS 280</b> - Programming and Introductory Data
|
||||
Structures
|
||||
</li>
|
||||
<li><b>MECHENG 235</b> - Thermodynamics I</li>
|
||||
<li>
|
||||
<b>MECHENG 240</b> - Introduction to Dynamics and
|
||||
Vibrations
|
||||
</li>
|
||||
<li><b>MECHENG 250</b> - Design and Manufacturing I</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 2. WINTER 2017 -->
|
||||
<div class="card-header">
|
||||
<a
|
||||
class="card-link"
|
||||
data-toggle="collapse"
|
||||
href="#winter2017"
|
||||
>
|
||||
<b>2. Winter 2017</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="winter2017"
|
||||
class="collapse"
|
||||
data-parent="#undergrad_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li><b>CLCIV 385</b> - Greek Mythology</li>
|
||||
<li><b>EECS 203</b> - Discrete Mathematics</li>
|
||||
<li>
|
||||
<b>ENGR 100</b> - Introduction to Engineering: Solar
|
||||
Energy and Self-Powered Wireless Systems
|
||||
</li>
|
||||
<li>
|
||||
<b>MECHENG 211</b> - Introduction to Solid Mechanics
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 1. FALL 2016 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2016">
|
||||
<b>1. Fall 2016</b>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="fall2016"
|
||||
class="collapse"
|
||||
data-parent="#undergrad_coursework"
|
||||
>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li>
|
||||
<b>ALA 105</b> - Digital Research: Critical Concepts &
|
||||
Strategies
|
||||
</li>
|
||||
<li>
|
||||
<b>ENGR 151</b> - Accelerated Introduction to Computers
|
||||
and Programming
|
||||
</li>
|
||||
<li>
|
||||
<b>MATH 216</b> - Introduction to Differential Equations
|
||||
</li>
|
||||
<li><b>SOC 100</b> - Introduction to Sociology</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<h2><b>University of Michigan Recreational Sports</b></h2>
|
||||
<h3>Intramural Sports Official</h3>
|
||||
<h4>Ann Arbor, MI</h4>
|
||||
<h5><i>September 12, 2016 - December 9, 2018</i></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!---------------------------------
|
||||
RESEARCH
|
||||
----------------------------------->
|
||||
<!-- <div id="research">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-12">
|
||||
<h1><a name="research">Research</a></h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3">
|
||||
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!---------------------------------
|
||||
Projects
|
||||
----------------------------------->
|
||||
<!-- <div id="projects">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-12">
|
||||
<h1><a name="projects">Projects</a></h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3">
|
||||
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- </div> -->
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
|
@@ -3,178 +3,174 @@
|
||||
****************/
|
||||
/* Light Mode */
|
||||
:root[color-mode="light"] {
|
||||
--primary-color: #ffcb05;
|
||||
--secondary-color: #00274c;
|
||||
--tertiary-color: #007bff;
|
||||
--quaternary-color: #ffffff;
|
||||
--quinary-color: #e83e8c;
|
||||
--background-color: #e8eef2;
|
||||
--font-color: #000000;
|
||||
--primary-color: #ffcb05;
|
||||
--secondary-color: #00274c;
|
||||
--tertiary-color: #007bff;
|
||||
--quaternary-color: #ffffff;
|
||||
--quinary-color: #e83e8c;
|
||||
--background-color: #e8eef2;
|
||||
--font-color: #000000;
|
||||
}
|
||||
|
||||
/* Dark Mode */
|
||||
:root[color-mode="dark"] {
|
||||
--primary-color: #bd93f9;
|
||||
--secondary-color: #44475a;
|
||||
--tertiary-color: #8be9fd;
|
||||
--quaternary-color: #6272a4;
|
||||
--quinary-color: #ff79c6;
|
||||
--background-color: #282a36;
|
||||
--font-color: #f8f8f2;
|
||||
--primary-color: #bd93f9;
|
||||
--secondary-color: #44475a;
|
||||
--tertiary-color: #8be9fd;
|
||||
--quaternary-color: #6272a4;
|
||||
--quinary-color: #ff79c6;
|
||||
--background-color: #282a36;
|
||||
--font-color: #f8f8f2;
|
||||
}
|
||||
|
||||
/***********
|
||||
* General *
|
||||
***********/
|
||||
body {
|
||||
background-color: var(--background-color);
|
||||
padding-top: 65px;
|
||||
font-family: Arial, Verdana, Tahoma, sans-serif;
|
||||
background-color: var(--background-color);
|
||||
padding-top: 65px;
|
||||
font-family: Arial, Verdana, Tahoma, sans-serif;
|
||||
}
|
||||
|
||||
label {
|
||||
color: var(--primary-color);
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--tertiary-color);
|
||||
color: var(--tertiary-color);
|
||||
}
|
||||
|
||||
code {
|
||||
color: var(--quinary-color);
|
||||
color: var(--quinary-color);
|
||||
}
|
||||
|
||||
hr {
|
||||
border-color: var(--font-color);
|
||||
opacity: 0.1;
|
||||
border-color: var(--font-color);
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
/****************
|
||||
* Main Content *
|
||||
****************/
|
||||
.my-nav {
|
||||
background: var(--secondary-color);
|
||||
font-size: 18px;
|
||||
background: var(--secondary-color);
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.my-nav .nav-link {
|
||||
color: var(--primary-color);
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.my-nav .nav-link:hover {
|
||||
color: var(--tertiary-color);
|
||||
color: var(--tertiary-color);
|
||||
}
|
||||
|
||||
.my-nav .navbar-toggler-icon {
|
||||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 39, 76, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
|
||||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 39, 76, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.my-nav .navbar-toggler {
|
||||
background: var(--primary-color);
|
||||
background: var(--primary-color);
|
||||
}
|
||||
|
||||
.container-fluid {
|
||||
color: var(--font-color);
|
||||
font-size: 18px;
|
||||
color: var(--font-color);
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.container-fluid h1 {
|
||||
padding: 10px 10px;
|
||||
background: var(--secondary-color);
|
||||
color: var(--primary-color);
|
||||
padding: 10px 10px;
|
||||
background: var(--secondary-color);
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.row {
|
||||
/* border: 1px solid red; */
|
||||
margin-bottom: 10px;
|
||||
/* border: 1px solid red; */
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Add an invisible target before
|
||||
anchor links so navbar doesn't
|
||||
block content */
|
||||
:target::before {
|
||||
content: "";
|
||||
display: block;
|
||||
margin-top: -80px;
|
||||
height: 80px;
|
||||
width: 1px;
|
||||
content: "";
|
||||
display: block;
|
||||
margin-top: -80px;
|
||||
height: 80px;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
/* Side Padding */
|
||||
@media (min-width: 768px) {
|
||||
.px-md-6 {
|
||||
padding-left: 12.5% !important;
|
||||
padding-right: 12.5% !important;
|
||||
}
|
||||
.px-md-6 {
|
||||
padding-left: 12.5% !important;
|
||||
padding-right: 12.5% !important;
|
||||
}
|
||||
}
|
||||
|
||||
#bio img {
|
||||
max-height: 500px;
|
||||
max-height: 500px;
|
||||
}
|
||||
|
||||
#contact_me img {
|
||||
max-height: 100px;
|
||||
max-height: 100px;
|
||||
}
|
||||
|
||||
#software img {
|
||||
max-height: 200px;
|
||||
max-height: 200px;
|
||||
}
|
||||
|
||||
#hardware img {
|
||||
max-height: 400px;
|
||||
max-height: 400px;
|
||||
}
|
||||
|
||||
#video_games img {
|
||||
max-height: 250px;
|
||||
max-height: 250px;
|
||||
}
|
||||
|
||||
#podcasts img {
|
||||
max-height: 200px;
|
||||
max-height: 200px;
|
||||
}
|
||||
|
||||
#resume iframe {
|
||||
width: 100%;
|
||||
height: 750px;
|
||||
width: 100%;
|
||||
height: 750px;
|
||||
}
|
||||
|
||||
#education img {
|
||||
max-height: 225px;
|
||||
max-height: 225px;
|
||||
}
|
||||
|
||||
#professional_experience img {
|
||||
max-height: 225px;
|
||||
max-height: 225px;
|
||||
}
|
||||
|
||||
#research img {
|
||||
max-height: 400px;
|
||||
}
|
||||
|
||||
#projects img {
|
||||
max-height: 400px;
|
||||
#part_time_work img {
|
||||
max-height: 225px;
|
||||
}
|
||||
|
||||
.blog-cover img {
|
||||
max-height: 500px;
|
||||
margin: auto;
|
||||
display: block;
|
||||
max-height: 500px;
|
||||
margin: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.card {
|
||||
background-color: var(--background-color);
|
||||
background-color: var(--background-color);
|
||||
}
|
||||
|
||||
.card-header {
|
||||
background-color: var(--secondary-color);
|
||||
background-color: var(--secondary-color);
|
||||
}
|
||||
|
||||
.card-body {
|
||||
background-color: var(--quaternary-color);
|
||||
background-color: var(--quaternary-color);
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background-color: var(--quaternary-color);
|
||||
background-color: var(--quaternary-color);
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
color: var(--font-color);
|
||||
color: var(--font-color);
|
||||
}
|
||||
|