From 4c9224089a185ce6c72516ff5a4bd9ffa31c2404 Mon Sep 17 00:00:00 2001 From: Sravan Balaji Date: Fri, 3 Jan 2020 23:33:40 -0500 Subject: [PATCH] Navigation and Updates - Add navigation bar - Remove old html pages - Doc: nav bar, common html, color scheme, and inspiration info - Resume coursework table background color --- README.md | 36 ++++---- Web Pages/about.html | 77 ++++++++++++++++ Web Pages/bio.html | 53 ----------- Web Pages/contact.html | 38 -------- Web Pages/documentation.html | 111 ++++++++++++++++++------ Web Pages/index.html | 72 ++++++++------- Web Pages/personal_recommendations.html | 100 +++++++++++++++++++++ Web Pages/product_recommendations.html | 82 ----------------- Web Pages/resume.html | 46 ++++++---- 9 files changed, 355 insertions(+), 260 deletions(-) create mode 100644 Web Pages/about.html delete mode 100644 Web Pages/bio.html delete mode 100644 Web Pages/contact.html create mode 100644 Web Pages/personal_recommendations.html delete mode 100644 Web Pages/product_recommendations.html diff --git a/README.md b/README.md index d121016..b090878 100644 --- a/README.md +++ b/README.md @@ -13,7 +13,7 @@ This is the repository for my personal website. This includes all linked files a - [ ] Professional Experience - [ ] Research - [ ] Projects - - [ ] Coursework + - [x] Coursework - [ ] Product Recommendations - [ ] Software - [x] Link @@ -29,6 +29,7 @@ This is the repository for my personal website. This includes all linked files a - [x] Link - [ ] Genre - [ ] Pros / Cons + - [ ] Upcoming Games - [ ] Website Documentation - [x] High-level introduction - [ ] In-Depth Guide @@ -37,20 +38,25 @@ This is the repository for my personal website. This includes all linked files a - [ ] Quality of Life - [ ] Interviews / Networking - [ ] Undergrad / Grad Applications -- [ ] Page Restructure -- [ ] Add Styling w/ CSS -- [ ] Favicon & Logo w/ Link to Home Page +- [x] Page Restructure +- [x] Add Styling w/ CSS +- [x] Favicon +- [ ] Logo w/ Link to Home Page ## Web Page Structure (WIP) - Home - - About - - Resume - - Professional Experience - - - - Personal - - Software - - Hardware - - Video Games - - Favorite List - - Modding Guides - - Blogs / Articles / Guides \ No newline at end of file +- About + - Bio + - Contact Me +- Resume + - Professional Experience + - Research + - Projects + - Coursework +- Personal Recommendations + - Software + - Hardware + - Video Games + - Favorite List + - Upcoming Games + - Blogs / Articles / Guides \ No newline at end of file diff --git a/Web Pages/about.html b/Web Pages/about.html new file mode 100644 index 0000000..3f1b888 --- /dev/null +++ b/Web Pages/about.html @@ -0,0 +1,77 @@ + + + + + + + + About + + + + + +
+

Bio

+ + + + + +
+ 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 personal interests include video games, podcasts, music, cooking, and personal / project management software.
+
+ +

Contact Me

+

+ 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. + Finally, 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. +

+

Email / LinkedIn / GitHub

+ + +
+ + \ No newline at end of file diff --git a/Web Pages/bio.html b/Web Pages/bio.html deleted file mode 100644 index 64e31ff..0000000 --- a/Web Pages/bio.html +++ /dev/null @@ -1,53 +0,0 @@ - - - - - - - - Bio - - - - - -
-

Bio

- - - - - -
- 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 personal interests include video games, podcasts, music, cooking, and personal / project management software.
-
- - -
- - \ No newline at end of file diff --git a/Web Pages/contact.html b/Web Pages/contact.html deleted file mode 100644 index a52da28..0000000 --- a/Web Pages/contact.html +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - Contact Me - - - - - -
-

Contact Me

-

- 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. - Finally, 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. -

-

Email / LinkedIn / GitHub

- - -
- - \ No newline at end of file diff --git a/Web Pages/documentation.html b/Web Pages/documentation.html index 6eb402b..87bb23d 100644 --- a/Web Pages/documentation.html +++ b/Web Pages/documentation.html @@ -1,38 +1,99 @@ - - - + Documentation + + -

Home → 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. +

-
+

Website Hosting

+

Purchasing a Domain Name

+

+ Per Yash Vesikar's recommendation, I used + Google Domains to purchase the sravanbalaji.com domain. +

-

Introduction

-

- This website is hosted on U of M Servers. If you are a UMICH student
- and you are interested in creating and hosting a personal website
- on U of M servers, read this guide.

+

Hosting Website

+

+ 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. +

+ +

HTML / CSS Features

+

Navigation & Subnavigation Bar

+

+ I created the navigation bar you see at the top of this page based on the example code provided in + Subnav/dropdown menu inside a Navigation Bar. +

+ +

Common Page Headers and Footers

+

+ The easiest way I found to re-use HTML code is via JavaScript as described in + Page Headers And Footers. +

+ +

Color Scheme

+

+ I used the color scheme outlined in University of Michigan - Style Guide: Colors. +

+ +

Inspiration

+

+ Content, design, and implementation were inspired by the following sources +

+

- All necessary information can be found on the UMICH Information and Technology Services website.
- To get started, you have 2 options: -
    -
  1. Personal Site hosted by Google
    2. -
  2. UM Web Page hosted on U of M Servers
    3. -
- This website was created via option 2 because I wanted to learn how to make my own HTML pages.
-

-

- -
+ +
- - \ No newline at end of file diff --git a/Web Pages/index.html b/Web Pages/index.html index 7c87ee4..6ee0ce7 100644 --- a/Web Pages/index.html +++ b/Web Pages/index.html @@ -1,41 +1,55 @@ - - - + Sravan Balaji + + -

Sravan's Personal Website

+
+

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. +

-

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 (as you can probably tell from the complete lack of style).
- Updates will be made as I find time. You can follow development and make suggestions on GitHub. -

- -
- -

Navigation

-

    -
  1. About
    2. -
  2. Resume
    3. -
  3. Product Recommendations
    4. -
  4. Documentation
    5. -

- -
+ +
- - \ No newline at end of file diff --git a/Web Pages/personal_recommendations.html b/Web Pages/personal_recommendations.html new file mode 100644 index 0000000..e766cd9 --- /dev/null +++ b/Web Pages/personal_recommendations.html @@ -0,0 +1,100 @@ + + + + + + Personal Recommendations + + + + + +
+

Software

+

Fences

+

Platform: Windows

+ +

Start10

+

Platform: Windows

+ +

Wallpaper Engine

+

Platform: Windows

+ +

Notion

+

Platform: Web App, Mac, Windows, iOS, Android

+ +

Clatter

+

Platform: Windows

+ +

Chocolatey

+

Platform: Windows

+ +

Pocket Casts

+

Platform: Web App, iOS, Android

+ +

YouTube Vanced

+

Platform: Android

+ +

Xodo

+

Platform: Web App, iOS, Android, Windows

+ +

myTube!

+

Platform: Windows

+ +

Hardware

+

Desktop PC

+ A full list of my desktop PC build components can be found on PCPartPicker. + +

Laptop

+

Model: HP Specture x360 15"

+

CPU: Intel i7-7500U

+

GPU: NVIDIA GeForce 940MX

+

RAM: 16 GB

+ +

Tablet

+

Model: Microsoft Surface Go

+

CPU: Intel Pentium 4415Y

+

RAM: 4 GB

+ +

Video Games

+

The Witcher III: Wild Hunt

+

The Elder Scrolls V: Skyrim

+ +

Music

+

Spotify Playlist

+ + + +
+ + \ No newline at end of file diff --git a/Web Pages/product_recommendations.html b/Web Pages/product_recommendations.html deleted file mode 100644 index 2b32ae3..0000000 --- a/Web Pages/product_recommendations.html +++ /dev/null @@ -1,82 +0,0 @@ - - - - - - - - Product Recommendations - - - -

Home → Product Recommendations

- -
- -

Software

-

Fences

-

Platform: Windows

- -

Start10

-

Platform: Windows

- -

Wallpaper Engine

-

Platform: Windows

- -

Notion

-

Platform: Web App, Mac, Windows, iOS, Android

- -

Clatter

-

Platform: Windows

- -

Chocolatey

-

Platform: Windows

- -

Pocket Casts

-

Platform: Web App, iOS, Android

- -

YouTube Vanced

-

Platform: Android

- -

Xodo

-

Platform: Web App, iOS, Android, Windows

- -

myTube!

-

Platform: Windows

- -
- -

Hardware

-

Desktop PC

- A full list of my desktop PC build components can be found on PCPartPicker. - -

Laptop

-

Model: HP Specture x360 15"

-

CPU: Intel i7-7500U

-

GPU: NVIDIA GeForce 940MX

-

RAM: 16 GB

- -

Tablet

-

Model: Microsoft Surface Go

-

CPU: Intel Pentium 4415Y

-

RAM: 4 GB

- -
- -

Favorite Video Games

-

The Witcher III: Wild Hunt

-

The Elder Scrolls V: Skyrim

- -
- -

Music

-

Spotify Playlist

- - -
- - - - \ No newline at end of file diff --git a/Web Pages/resume.html b/Web Pages/resume.html index 4e40d60..8dc0c12 100644 --- a/Web Pages/resume.html +++ b/Web Pages/resume.html @@ -51,14 +51,30 @@
Home
- +
- Bio - Resume - Contact Me + Bio + Contact Me +
+
+
+ +
+ Professional Experience + Research + Projects + Coursework +
+
+
+ +
+ Software + Hardware + Video Games + Music
- Product Recommendations Documentation
@@ -69,22 +85,16 @@ Latest PDF version of resume can be found on GitHub.
Full education and work experience can be found on LinkedIn.
- - -

Coursework

+

Coursework

Semester