diff --git a/Assets/Video Games/logo-nintendo-switch.png b/Assets/Video Games/logo-nintendo-switch.png
new file mode 100644
index 0000000..3258cb0
Binary files /dev/null and b/Assets/Video Games/logo-nintendo-switch.png differ
diff --git a/Assets/Video Games/logo-pc.jpeg b/Assets/Video Games/logo-pc.jpeg
new file mode 100644
index 0000000..9347da5
Binary files /dev/null and b/Assets/Video Games/logo-pc.jpeg differ
diff --git a/Assets/Video Games/logo-ps4.jpg b/Assets/Video Games/logo-ps4.jpg
new file mode 100644
index 0000000..c60bcac
Binary files /dev/null and b/Assets/Video Games/logo-ps4.jpg differ
diff --git a/README.md b/README.md
index a78e202..b05a196 100644
--- a/README.md
+++ b/README.md
@@ -7,15 +7,15 @@ This is the repository for my personal website. This includes all linked files a
- [x] About
- [x] Short Bio
- [x] Contact Info
-- [ ] Resume
- - [x] Link to PDF on GitHub
- - [x] Link to LinkedIn Page
+- [ ] Portfolio
+ - [x] Link to Resume PDF on GitHub
- [ ] Education
+ - [ ] Degrees
+ - [x] Coursework
- [ ] Professional Experience
- [ ] Research
- [ ] Projects
- - [x] Coursework
-- [ ] Personal Recommendations
+- [ ] Personal
- [x] Software
- [x] Link
- [x] Platform(s)
@@ -26,7 +26,7 @@ This is the repository for my personal website. This includes all linked files a
- [x] Specs
- [x] Discussion
- [x] Images
- - [ ] Favorite Games
+ - [ ] Video Games
- [x] List
- [ ] Images
- [ ] Discussion
@@ -37,35 +37,37 @@ This is the repository for my personal website. This includes all linked files a
- [x] Discussion
- [x] Music
- [x] Spotify Playlist
-- [ ] Website Documentation
- - [x] High-level introduction
- - [ ] In-Depth Guide
- [ ] Blog Posts / Articles / Guides
- [ ] Time Management / Handling Workload
- [ ] Quality of Life
- [ ] Interviews / Networking
- [ ] Undergrad / Grad Applications
+- [x] Documentation
- [x] Page Restructure
- [x] Add Styling w/ CSS
- [x] Favicon
- [x] Logo w/ Link to Home Page
-- [ ] Use a component library to fix formatting issues (especially on phone)
- - https://getbootstrap.com/
+- [x] Migrate to [Bootstrap](https://getbootstrap.com/)
+- [x] Add padding to sides
## Web Page Structure (WIP)
- Home
- About
- Bio
- Contact Me
-- Resume
+- Portfolio
+ - Resume
+ - Education
- Professional Experience
- Research
- Projects
- - Coursework
-- Personal Recommendations
+- Personal
- Software
- Hardware
- Video Games
- Favorite List
- Upcoming Games
- - Blogs / Articles / Guides
+ - Podcasts
+ - Music
+- Blogs / Articles / Guides
+- Documentation
\ No newline at end of file
diff --git a/Web Pages/about.html b/Web Pages/about.html
index 11721fc..bde0fca 100644
--- a/Web Pages/about.html
+++ b/Web Pages/about.html
@@ -1,115 +1,113 @@
-
+
+ About
-
- About
-
+
-
- I'm a Senior at the University of Michigan pursuing dual B.S.E's in
- Mechanical Engineering and
- Computer Science. I expect to graduate with both
- Bachelor's degrees in December 2020 and plan on continuing my education with a Master's in Robotics.
+ I'm a Senior at the University of Michigan pursuing dual B.S.E's in
+ Mechanical Engineering and
+ Computer Science. I expect to graduate with both
+ Bachelor's degrees in December 2020 and plan on continuing my education with a Master's in Robotics.
- My professional and academic interests are in robotics, mechatronics, autonomous systems, and controls. I am currently
- looking for robotics related internships for the Summer of 2020.
+ My professional and academic interests are in robotics, mechatronics, autonomous systems, and controls. I am currently
+ looking for robotics related internships for the Summer (May - August) of 2020.
- My personal interests include video games, podcasts, music, cooking, football, soccer, and personal / project management software. You can
- check out some of my favorite video games, podcasts,
- music, and software on the Personal Recommendations page.
-
- My favorite sports teams, in ranked order, are:
-
-
University of Michigan Sports
-
Arsenal F.C. (Premier League)
-
New England Patriots (NFL)
-
Detroit Sports Teams
-
-
-
-
+ My personal interests include video games, podcasts, music, cooking, football, soccer, and personal / project management software. You can
+ check out some of my favorite video games, podcasts,
+ music, and software on the Personal page.
+
+ My favorite sports teams, in ranked order, are:
+
+
+ Feel free to reach out to me via email if you have any questions about my website, college education, professional experience, or anything else.
+ If you have suggestions for the website or would like to see the source files, check out my
+ GitHub repository. If you would like to connect with me on LinkedIn, use the link below. I will do my best to respond to any communication
+ in a timely manner.
+
- Feel free to reach out to me via email if you have any questions about my website, college education, professional experience, or anything else.
- If you have suggestions for the website or would like to see the source files, check out my GitHub repository. If you would like to connect with
- me on LinkedIn, use the link below. I will do my best to respond to any
- communication in a timely manner.
-
+
+
\ No newline at end of file
diff --git a/Web Pages/documentation.html b/Web Pages/documentation.html
index 4ca1f40..bec05df 100644
--- a/Web Pages/documentation.html
+++ b/Web Pages/documentation.html
@@ -1,7 +1,8 @@
-
+
+ Documentation
-
- Documentation
-
+
-
-
Introduction
-
- My original intention with this page was to simply save useful links so I could refer back to them, but I thought it might be better to
- include some of my thoughts on why I made certain decisions (e.g. website hosting) to help anyone else looking to build a website from
- scratch. You can follow development of my website and make suggestions on GitHub.
- If you have any questions, feel free to contact me.
-
- This website was designed in HTML with some CSS for styling. In it's current state, I have not used any component libraries (such as
- bootstrap), but I do have plans to implement more responsive and dynamic features
- with mobile support when I find the time.
-
- There are a couple of options I have found for hosting my website (for free). As a U of M student, I am able to create my own UM Web Page hosted on U of M Servers
- or create a personal site hosted by Google through the U-M Google collaboration. I have not looked into
- the Google Sites option, but there is documentation available if you are interested.
- I originally opted to create my own site and host it on U of M Servers. Information on how to do this can be found on the
- UMICH Information and Technology Services website. Some limitations I found
- with this were that I would have to manually upload my website files to the afs directory as the SFTP process described did not work for me. Additionally,
- the domain name for U of M hosted websites take the form http://www-personal.umich.edu/~youruniqname/ which is clearly not ideal. You can sort of
- get around this by enabling web forwarding on Google Domains.
- All this does is redirect traffic from your custom domain to the U of M domain. This might be ok for you, but I would prefer to have my website show
- up at the domain I purchased. Per Yash Vesikar's recommendation, I looked into GitHub Pages
- to host my website directly from a GitHub repository. This comes with the added benefit that changes are live as soon as you push them to the master branch
- of your <username>.github.io repository. I found Trent Yang's post
- about setting up Google Domain for GitHub pages very useful.
-
- The easiest way I found to re-use HTML code is via JavaScript as described in
- Page Headers And Footers.
-
-
-
Logo & Design
-
Color Scheme
-
- I used the color scheme outlined in University of Michigan - Style Guide: Colors
- when choosing colors for the various elements of my website such as navbar background, text color, background color, etc.
-
+ My original intention with this page was to simply save useful links so I could refer back to them, but I thought it might be better to
+ include some of my thoughts on why I made certain decisions (e.g. website hosting) to help anyone else looking to build a website from
+ scratch. You can follow development of my website and make suggestions on GitHub.
+ If you have any questions, feel free to contact me.
-
Logo
-
-
-
-
-
- I designed my logo for free on hatchful. My main purpose for this was to have a nice looking
- favicon for my website on browsers as well as for the home page icon in the navbar.
-
-
-
+ This website was designed in HTML with some CSS for styling. In it's current state, I have not used any component libraries (such as
+ bootstrap), but I do have plans to implement more responsive and dynamic features
+ with mobile support when I find the time.
+
+
+
+
-
Inspiration
-
- Content, design, and implementation were inspired by the following sources
-
+ There are a couple of options I have found for hosting my website (for free). As a U of M student, I am able to create my own UM Web Page hosted on U of M Servers
+ or create a personal site hosted by Google through the U-M Google collaboration. I have not looked into
+ the Google Sites option, but there is documentation available if you are interested.
+ I originally opted to create my own site and host it on U of M Servers. Information on how to do this can be found on the
+ UMICH Information and Technology Services website. Some limitations I found
+ with this were that I would have to manually upload my website files to the afs directory as the SFTP process described did not work for me. Additionally,
+ the domain name for U of M hosted websites take the form http://www-personal.umich.edu/~youruniqname/ which is clearly not ideal. You can sort of
+ get around this by enabling web forwarding on Google Domains.
+ All this does is redirect traffic from your custom domain to the U of M domain. This might be ok for you, but I would prefer to have my website show
+ up at the domain I purchased. Per Yash Vesikar's recommendation, I looked into GitHub Pages
+ to host my website directly from a GitHub repository. This comes with the added benefit that changes are live as soon as you push them to the master branch
+ of your <username>.github.io repository. I found Trent Yang's post
+ about setting up Google Domain for GitHub pages very useful.
+
+ When I first made this website, it was implemented in HTML and CSS without the use of a framework. This gave me a lot of custom control over every
+ aspect, but it made some things unnecessarily tedious and difficult. One example of this is the navigation bar. Trying to implement that without
+ a framework is more difficult than it needs to be. Another issue I ran into was compatibility with mobile browsers. Per
+ Tianhong (Sam) Wen's recommendation, I looked into
+ Bootstrap. This has built-in "responsive" classes that can auto adjust
+
+
+
+
+
+
Reusing HTML
+
+ The easiest way I found to reuse HTML code is via JavaScript as described in
+ Page Headers And Footers. This is by no
+ means the most elegant or automated, but it was the only method I could get to actually work. If you don't want to go through the hassle of manually
+ removing line breaks, you can use this handy online text converter from Text Fixer.
+
+
+
+
+
+
Display Resume PDF in Website using GitHub
+
+ I have the latest version of my resume stored in a public
+ GitHub repository, 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
+ Kekayan's Medium post.
+
+ I used the color scheme outlined in University of Michigan - Style Guide: Colors
+ when choosing colors for the various elements of my website such as navbar background, text color, background color, etc.
+
+
+
+
+
+
Logo
+
+
+
+
+
+
+
+
+
+
+
+ I designed my logo for free on hatchful. My main purpose for this was to have a nice looking
+ favicon for my website on browsers as well as for the home page icon in the navbar.
+
+
+
\ No newline at end of file
diff --git a/Web Pages/index.html b/Web Pages/index.html
index f54ecdd..ed2c497 100644
--- a/Web Pages/index.html
+++ b/Web Pages/index.html
@@ -1,56 +1,30 @@
-
-
+
Sravan Balaji
-
+
-
-
Welcome
-
- Welcome to my personal website! For information on how this website was created and hosted,
- please see the documentation page.
+
+
+
+
Welcome
+
+ Welcome to my personal website! For information on how this website was created and hosted,
+ please see the documentation page.
- This website is currently a work in progress and updates will be made as I find time.
- You can follow development and make suggestions on GitHub.
-
-
-
+ This website is currently a work in progress and updates will be made as I find time.
+ You can follow development and make suggestions on GitHub.
+
+
+
+
+
\ No newline at end of file
diff --git a/Web Pages/personal_recommendations.html b/Web Pages/personal.html
similarity index 54%
rename from Web Pages/personal_recommendations.html
rename to Web Pages/personal.html
index ca60c42..a11e0f4 100644
--- a/Web Pages/personal_recommendations.html
+++ b/Web Pages/personal.html
@@ -1,98 +1,48 @@
-
+
+ Personal
-
- Personal Recommendations
-
+
-
@@ -123,11 +77,15 @@
getting Start10 on its own as I don't see much value in it, but it is a nice addition if you have
ever wanted to change the look of your taskbar or start menu.
@@ -139,11 +97,15 @@
saving options that can pause the program when another program is in full-screen and in-focus to improve
battery life and performance.
@@ -169,11 +135,15 @@
at once, but with Clatter, they are all neatly packaged in one application. Any messaging service with a web
app can be accessed through Clatter. Give it a try, I'm sure you will enjoy it as much as I do.
@@ -182,11 +152,15 @@
Windows app on the Microsoft Store. If not, I check Chocolatey. More times than not, it's available there.
You can easily install any programs you need via command prompt and avoid the tedious installation wizard.
@@ -195,11 +169,15 @@
has implemented. While I don't agree with this new pay structure, I appreciate that they have implemented a
free tier that has the majority of features that most people will need.
@@ -209,33 +187,45 @@
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.
This is the best PDF editor/reader I have found that doesn't require a paid subscription (unlike Adobe) for
all of its features. You can easily write/edit, fill out forms, and add digital signatures. All for free.
@@ -249,11 +239,15 @@
the new Edge is privacy features. Overall, there are still a few issues I have encountered like links in google searches
not opening properly, but I'm sure these will be ironed out by the official release date.
A full list of my desktop PC build components can be found on PCPartPicker.
My current build has stayed largely the same from when I first built it, with the exception of the peripherals and monitors.
I have upgraded my keyboard, mouse, and speakers over the past couple of years as I found deals.
-
-
-
-
-
+
+
+
+
+
+
+
Laptop: HP Spectre x360 15"
-
CPU: Intel i7-7500U
-
GPU: NVIDIA GeForce 940MX
-
RAM: 16 GB
- My main laptop use case is for school. I wanted a touchscreen so I could take digital written notes in class and
+ My laptop is mainly used for school. I wanted a touchscreen so I could take digital written notes in class and
I needed a good processor and dedicated graphics card for CAD software and for general programming applications.
- I landed on the HP Specture x360 because it had a great balance of specs, amazing display, touch screen, and very
- nice typing experience for a reasonable price. I was initially leaning towards a Razer Blade or Microsoft's Surface Book.
- The former would be great for my use case and for gaming, but it isn't great for taking handwritten digital notes.
+ I landed on the HP Spectre x360 because it had a great balance of specs, amazing display, touch screen, and very
+ nice typing experience for a reasonable price. I was initially leaning towards a Razer Blade or Microsoft's Surface
+ Book. The former would be great for school and for gaming, but it isn't great for taking handwritten digital notes.
The latter is similar to the Spectre in regards to specs, but has a favorable display ratio. The main reason I chose
against it in the end was the high price relative to the Spectre. I was able to get very comparable specs for a much
- lower price with the spectre.
+ lower price with the Spectre. My laptop is the 2016 model with Intel i7-7500U CPU, NVIDIA GeForce 940MX GPU, and
+ 16 GB RAM. The newer models have thinner bezels, diamond-cut corners, updated specs, and better trackpad drivers.
+ I got around this issue by
+ installing Microsoft's Precision Trackpad drivers myself as the pre-installed Synaptics drivers are trash.
-
-
-
-
-
+
+
+
+
+
+
+
Tablet: Microsoft Surface Go
-
CPU: Intel Pentium 4415Y
-
RAM: 4 GB
The Surface Go is primarily used as a secondary-device and tablet. I use it for media consumption and occasional e-book
reading. It is by no means powerful enough to act as my primary device, but I like it as a secondary device that
@@ -331,12 +340,15 @@
turn off S mode
to be able to install apps that aren't on the Microsoft Store. If you are a Costco member, I would recommend
looking at the Surface Type Cover bundle.
+ This bundle has a 128 GB SSD, 4GB RAM, Intel Pentium Gold 4415Y CPU, and includes the type cover.
-
-
-
-
-
+
+
+
+
+
+
+
Phone: Samsung Galaxy S10+
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
@@ -345,11 +357,13 @@
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.
-
-
-
-
-
+
+
+
+
+
+
+
Watch: Samsung Galaxy Watch
I previously had a Moto 360 Sport smartwatch, but the performance was extremely disappointing. After looking at other
@@ -360,79 +374,134 @@
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.
-
-
-
-
-
+
+
+
+
+
+
+
Wireless Earbuds: Samsung Galaxy Buds
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. My only grip is that the mic isn't that great for taking phone calls. Integrates well with my Galaxy
- Watch and Galaxy S10+.
+ Watch and Galaxy S10+. My one grip is the battery life. Samsum 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.
-
-
-
-
-
+
+
+
+
+
+
+
Wireless Headphones: Sony WH-1000XM3
I actually purchased the WH-1000XM2's, but the XM3's are an improvement in every way and well worth the price. Sound quality
is amazing, noise cancelling is excellent, and it has audio passthrough in case you need to hear your environment.
If you need wireless bluetooth headphones, this is it. You can get these headphones for around $290 on
Drop.
+ My favorite feature is definitely 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.
As a New England Patriot's fan (most because of Tom Brady), I really enjoy this (perhaps too Boston-centric) sports podcast.
@@ -440,102 +509,153 @@
I enjoy his conversations with friends and family about the week's events in sports, generally focused on NFL and NBA.
He occasionally has celebrity guests and sometimes brings guests on to talk about TV and movies.
I love the light-hearted and sometimes comedic news and analysis of Premier League (and others) matches. The rotating
cast of football journalists and long-time hosts are thoroughly enjoyable to listen to every week.
Definitely recommend this podcast for any football (soccer) fans.
The Giant Bombcast is a great podcast for video game fans. They discuss video game news, latest releases, and sometimes
stuff completely unrelated. Very fun to listen to throughout the week as each episode is pretty long.
The Vergecast is perhaps my favorite podcast of any genre. The hosts discuss the week's tech news and other
nerdy topics as well as interviews with tech leaders. Cannot recommend this enough.
My go to for the major news events of the day (as implied by the name). It's ready every weekday by 6 AM and
generally doesn't run longer than 30 minutes. Great way to start the day.
This is long-form historical discussion and analysis. If you are interested in diving deep into historical
events from the perspective of someone who knows how to tell a story, this is the podcast for you. Episodes
are generally 4 to 5 hours long and aren't released very often as they require an enormous amount of research.
The premise of Throughline is exploring how we can look at the past to understand the present. The hosts are
awesome and always find very interesting stories in the past relating to current events that help put
things in perspective.
I'm not entirely sure how to describe this podcast. According to the podcast description, Invisibilia is about
the unseeable forces that control human behavior and shake our ideas, beliefs, and assumptions. Definitely very
interesting and different from most of the other podcasts I listen to.
+ 
+ 
+ 
