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
This commit is contained in:
Sravan Balaji
36
README.md
36
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
|
||||
- About
|
||||
- Bio
|
||||
- Contact Me
|
||||
- Resume
|
||||
- Professional Experience
|
||||
- Research
|
||||
- Projects
|
||||
- Coursework
|
||||
- Personal Recommendations
|
||||
- Software
|
||||
- Hardware
|
||||
- Video Games
|
||||
- Favorite List
|
||||
- Upcoming Games
|
||||
- Blogs / Articles / Guides
|
||||
77
Web Pages/about.html
Normal file
77
Web Pages/about.html
Normal file
@@ -0,0 +1,77 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<script language="javascript" type="text/javascript" src="Templates/header.txt"></script>
|
||||
|
||||
<style>
|
||||
table#bio_table td {
|
||||
padding: 10px;
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
|
||||
<title>About</title>
|
||||
</head>
|
||||
|
||||
<nav>
|
||||
<div class="navbar">
|
||||
<a href="index.html"><b>Home</b></a>
|
||||
<div class="subnav">
|
||||
<button class="subnavbtn-active"><b>About ▼</b></button>
|
||||
<div class="subnav-content">
|
||||
<a href="about.html#bio">Bio</a>
|
||||
<a href="about.html#contact_me">Contact Me</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="subnav">
|
||||
<button class="subnavbtn"><b>Resume ▼</b></button>
|
||||
<div class="subnav-content">
|
||||
<a href="resume.html#professional_experience">Professional Experience</a>
|
||||
<a href="resume.html#research">Research</a>
|
||||
<a href="resume.html#projects">Projects</a>
|
||||
<a href="resume.html#coursework">Coursework</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="subnav">
|
||||
<button class="subnavbtn"><b>Personal Recommendations ▼</b></button>
|
||||
<div class="subnav-content">
|
||||
<a href="personal_recommendations.html#software">Software</a>
|
||||
<a href="personal_recommendations.html#hardware">Hardware</a>
|
||||
<a href="personal_recommendations.html#video_games">Video Games</a>
|
||||
<a href="personal_recommendations.html#music">Music</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="documentation.html"><b>Documentation</b></a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<body>
|
||||
<div class="main_content">
|
||||
<h1><a name="bio">Bio</a></h1>
|
||||
<table id="bio_table">
|
||||
<tr>
|
||||
<td><img src="../Images/Profile Picture.jpg" width="250px"></td>
|
||||
<td>
|
||||
I'm a Senior at the <a href="https://umich.edu" target="_blank">University of Michigan</a> pursuing dual B.S.E's in
|
||||
<a href="https://me.engin.umich.edu/" target="_blank">Mechanical Engineering</a> and
|
||||
<a href="https://cse.engin.umich.edu/" target="_blank">Computer Science</a>. I expect to graduate with both
|
||||
Bachelor's degrees in December 2020 and plan on continuing my education with a Master's in Robotics.<br><br>
|
||||
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<br><br>
|
||||
My personal interests include video games, podcasts, music, cooking, and personal / project management software.<br>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<h1><a name="contact_me">Contact Me</a></h1>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<h2><a href="mailto:balajsra@umich.edu" target="_blank">Email</a> / <a href="https://www.linkedin.com/in/sravan-balaji/" target="_blank">LinkedIn</a> / <a href="https://github.com/balajsra" target="_blank">GitHub</a></h2>
|
||||
|
||||
<script language="javascript" type="text/javascript" src="Templates/footer.txt"></script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,53 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<script language="javascript" type="text/javascript" src="Templates/header.txt"></script>
|
||||
|
||||
<style>
|
||||
table#bio_table td {
|
||||
padding: 10px;
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
|
||||
<title>Bio</title>
|
||||
</head>
|
||||
|
||||
<nav>
|
||||
<div class="navbar">
|
||||
<a href="index.html"><b>Home</b></a>
|
||||
<div class="subnav">
|
||||
<button class="subnavbtn-active"><b>About ▼</b></button>
|
||||
<div class="subnav-content">
|
||||
<a href="bio.html">Bio</a>
|
||||
<a href="resume.html">Resume</a>
|
||||
<a href="contact.html">Contact Me</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="product_recommendations.html"><b>Product Recommendations</b></a>
|
||||
<a href="documentation.html"><b>Documentation</b></a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<body>
|
||||
<div class="main_content">
|
||||
<h1>Bio</h1>
|
||||
<table id="bio_table">
|
||||
<tr>
|
||||
<td><img src="../Images/Profile Picture.jpg" width="250px"></td>
|
||||
<td>
|
||||
I'm a Senior at the <a href="https://umich.edu" target="_blank">University of Michigan</a> pursuing dual B.S.E's in
|
||||
<a href="https://me.engin.umich.edu/" target="_blank">Mechanical Engineering</a> and
|
||||
<a href="https://cse.engin.umich.edu/" target="_blank">Computer Science</a>. I expect to graduate with both
|
||||
Bachelor's degrees in December 2020 and plan on continuing my education with a Master's in Robotics.<br><br>
|
||||
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<br><br>
|
||||
My personal interests include video games, podcasts, music, cooking, and personal / project management software.<br>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<script language="javascript" type="text/javascript" src="Templates/footer.txt"></script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,38 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<script language="javascript" type="text/javascript" src="Templates/header.txt"></script>
|
||||
|
||||
<title>Contact Me</title>
|
||||
</head>
|
||||
|
||||
<nav>
|
||||
<div class="navbar">
|
||||
<a href="index.html"><b>Home</b></a>
|
||||
<div class="subnav">
|
||||
<button class="subnavbtn-active"><b>About ▼</b></button>
|
||||
<div class="subnav-content">
|
||||
<a href="bio.html">Bio</a>
|
||||
<a href="resume.html">Resume</a>
|
||||
<a href="contact.html">Contact Me</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="product_recommendations.html"><b>Product Recommendations</b></a>
|
||||
<a href="documentation.html"><b>Documentation</b></a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<body>
|
||||
<div class="main_content">
|
||||
<h1>Contact Me</h1>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<h2><a href="mailto:balajsra@umich.edu" target="_blank">Email</a> / <a href="https://www.linkedin.com/in/sravan-balaji/" target="_blank">LinkedIn</a> / <a href="https://github.com/balajsra" target="_blank">GitHub</a></h2>
|
||||
|
||||
<script language="javascript" type="text/javascript" src="Templates/footer.txt"></script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,38 +1,99 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--Required meta tags-->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<script language="javascript" type="text/javascript" src="Templates/header.txt"></script>
|
||||
|
||||
<title>Documentation</title>
|
||||
</head>
|
||||
|
||||
<nav>
|
||||
<div class="navbar">
|
||||
<a href="index.html"><b>Home</b></a>
|
||||
<div class="subnav">
|
||||
<button class="subnavbtn"><b>About ▼</b></button>
|
||||
<div class="subnav-content">
|
||||
<a href="about.html#bio">Bio</a>
|
||||
<a href="about.html#contact_me">Contact Me</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="subnav">
|
||||
<button class="subnavbtn"><b>Resume ▼</b></button>
|
||||
<div class="subnav-content">
|
||||
<a href="resume.html#professional_experience">Professional Experience</a>
|
||||
<a href="resume.html#research">Research</a>
|
||||
<a href="resume.html#projects">Projects</a>
|
||||
<a href="resume.html#coursework">Coursework</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="subnav">
|
||||
<button class="subnavbtn"><b>Personal Recommendations ▼</b></button>
|
||||
<div class="subnav-content">
|
||||
<a href="personal_recommendations.html#software">Software</a>
|
||||
<a href="personal_recommendations.html#hardware">Hardware</a>
|
||||
<a href="personal_recommendations.html#video_games">Video Games</a>
|
||||
<a href="personal_recommendations.html#music">Music</a>
|
||||
</div>
|
||||
</div>
|
||||
<a class="active" href="documentation.html"><b>Documentation</b></a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<body>
|
||||
<h1><a href="index.html">Home</a> → Documentation</h1>
|
||||
<div class="main_content">
|
||||
<h1>Introduction</h1>
|
||||
<p>
|
||||
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 <a href="https://github.com/balajsra/personal-website" target="_blank">GitHub</a>. If you have any questions, feel free to <a href="contact.html">contact me</a>.
|
||||
</p>
|
||||
|
||||
<hr>
|
||||
<h1>Website Hosting</h1>
|
||||
<h2>Purchasing a Domain Name</h2>
|
||||
<p>
|
||||
Per <a href="https://vesikar.com/" target="_blank">Yash Vesikar</a>'s recommendation, I used
|
||||
<a href="https://domains.google.com/" target="_blank">Google Domains</a> to purchase the <a href="https://sravanbalaji.com/">sravanbalaji.com</a> domain.
|
||||
</p>
|
||||
|
||||
<h1>Introduction</h1>
|
||||
<p>
|
||||
This website is hosted on U of M Servers. If you are a UMICH student<br>
|
||||
and you are interested in creating and hosting a personal website<br>
|
||||
on U of M servers, read this guide.<br><br>
|
||||
<h2>Hosting Website</h2>
|
||||
<p>
|
||||
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 <a href="http://google.umich.edu/" target="_blank">U-M Google collaboration</a>. I have not looked into
|
||||
the Google Sites option, but there is <a href="https://support.google.com/sites/" target="_blank">documentation</a> 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
|
||||
<a href="http://www.umich.edu/~umweb/how-to/homepage.html" target="_blank">UMICH Information and Technology Services website</a>. 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 <b>http://www-personal.umich.edu/~youruniqname/</b> which is clearly not ideal.
|
||||
</p>
|
||||
|
||||
<h1>HTML / CSS Features</h1>
|
||||
<h2>Navigation & Subnavigation Bar</h2>
|
||||
<p>
|
||||
I created the navigation bar you see at the top of this page based on the example code provided in
|
||||
<a href="https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_subnav" target="_blank">Subnav/dropdown menu inside a Navigation Bar</a>.
|
||||
</p>
|
||||
|
||||
<h2>Common Page Headers and Footers</h2>
|
||||
<p>
|
||||
The easiest way I found to re-use HTML code is via JavaScript as described in
|
||||
<a href="https://www.uvm.edu/~bnelson/computer/javascript/pageheadersandfooters.html" target="_blank">Page Headers And Footers</a>.
|
||||
</p>
|
||||
|
||||
<h1>Color Scheme</h1>
|
||||
<p>
|
||||
I used the color scheme outlined in <a href="https://vpcomm.umich.edu/brand/style-guide/design-principles/colors" target="_blank">University of Michigan - Style Guide: Colors</a>.
|
||||
</p>
|
||||
|
||||
<h1>Inspiration</h1>
|
||||
<p>
|
||||
Content, design, and implementation were inspired by the following sources
|
||||
<ul>
|
||||
<li><a href="http://www-personal.umich.edu/~prakashk/" target="_blank">Prakash Kumar's Website</a></li>
|
||||
<li><a href="https://vesikar.com/" target="_blank">Yash Vesikar's Website</a></li>
|
||||
<li><a href="https://umich.edu/" target="_blank">University of Michigan's Website</a></li>
|
||||
</ul>
|
||||
</p>
|
||||
|
||||
All necessary information can be found on the <a href="http://www.umich.edu/~umweb/how-to/homepage.html" target="_blank">UMICH Information and Technology Services website</a>.<br>
|
||||
To get started, you have 2 options:
|
||||
<ol>
|
||||
<li>Personal Site hosted by Google</li>
|
||||
<li>UM Web Page hosted on U of M Servers</li>
|
||||
</ol>
|
||||
This website was created via option 2 because I wanted to learn how to make my own HTML pages.<br>
|
||||
<h2></h2>
|
||||
</p>
|
||||
|
||||
<hr>
|
||||
<script language="javascript" type="text/javascript" src="Templates/footer.txt"></script>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
© Copyright 2019, Sravan Balaji.
|
||||
</footer>
|
||||
</html>
|
||||
@@ -1,41 +1,55 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--Required meta tags-->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<script language="javascript" type="text/javascript" src="Templates/header.txt"></script>
|
||||
|
||||
<title>Sravan Balaji</title>
|
||||
</head>
|
||||
|
||||
<nav>
|
||||
<div class="navbar">
|
||||
<a class="active" href="index.html"><b>Home</b></a>
|
||||
<div class="subnav">
|
||||
<button class="subnavbtn"><b>About ▼</b></button>
|
||||
<div class="subnav-content">
|
||||
<a href="about.html#bio">Bio</a>
|
||||
<a href="about.html#contact_me">Contact Me</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="subnav">
|
||||
<button class="subnavbtn"><b>Resume ▼</b></button>
|
||||
<div class="subnav-content">
|
||||
<a href="resume.html#professional_experience">Professional Experience</a>
|
||||
<a href="resume.html#research">Research</a>
|
||||
<a href="resume.html#projects">Projects</a>
|
||||
<a href="resume.html#coursework">Coursework</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="subnav">
|
||||
<button class="subnavbtn"><b>Personal Recommendations ▼</b></button>
|
||||
<div class="subnav-content">
|
||||
<a href="personal_recommendations.html#software">Software</a>
|
||||
<a href="personal_recommendations.html#hardware">Hardware</a>
|
||||
<a href="personal_recommendations.html#video_games">Video Games</a>
|
||||
<a href="personal_recommendations.html#music">Music</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="documentation.html"><b>Documentation</b></a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<body>
|
||||
<h1>Sravan's Personal Website</h1>
|
||||
<div class="main_content">
|
||||
<h1>Welcome</h1>
|
||||
<p>
|
||||
Welcome to my personal website! For information on how this website was created and hosted,
|
||||
please see the <a href="documentation.html">documentation</a> page.<br><br>
|
||||
|
||||
<hr>
|
||||
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 <a href="https://github.com/balajsra/personal-website" target="_blank">GitHub</a>.
|
||||
</p>
|
||||
|
||||
<h1>Welcome</h1>
|
||||
<p>
|
||||
Welcome to my personal website! For information on how this website was created and hosted,<br>
|
||||
please see the <a href="documentation.html">documentation</a> page.<br><br>
|
||||
|
||||
This website is currently a work in progress (as you can probably tell from the complete lack of style).<br>
|
||||
Updates will be made as I find time. You can follow development and make suggestions on <a href="https://github.com/balajsra/personal-website" target="_blank">GitHub</a>.
|
||||
</p>
|
||||
|
||||
<hr>
|
||||
|
||||
<h1>Navigation</h1>
|
||||
<h2><ol>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="resume.html">Resume</a></li>
|
||||
<li><a href="product_recommendations.html">Product Recommendations</a></li>
|
||||
<li><a href="documentation.html">Documentation</a></li>
|
||||
</ol></h2>
|
||||
|
||||
<hr>
|
||||
<script language="javascript" type="text/javascript" src="Templates/footer.txt"></script>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
© Copyright 2019, Sravan Balaji.
|
||||
</footer>
|
||||
</html>
|
||||
100
Web Pages/personal_recommendations.html
Normal file
100
Web Pages/personal_recommendations.html
Normal file
@@ -0,0 +1,100 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<script language="javascript" type="text/javascript" src="Templates/header.txt"></script>
|
||||
|
||||
<title>Personal Recommendations</title>
|
||||
</head>
|
||||
|
||||
<nav>
|
||||
<div class="navbar">
|
||||
<a href="index.html"><b>Home</b></a>
|
||||
<div class="subnav">
|
||||
<button class="subnavbtn"><b>About ▼</b></button>
|
||||
<div class="subnav-content">
|
||||
<a href="about.html#bio">Bio</a>
|
||||
<a href="about.html#contact_me">Contact Me</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="subnav">
|
||||
<button class="subnavbtn"><b>Resume ▼</b></button>
|
||||
<div class="subnav-content">
|
||||
<a href="resume.html#professional_experience">Professional Experience</a>
|
||||
<a href="resume.html#research">Research</a>
|
||||
<a href="resume.html#projects">Projects</a>
|
||||
<a href="resume.html#coursework">Coursework</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="subnav">
|
||||
<button class="subnavbtn-active"><b>Personal Recommendations ▼</b></button>
|
||||
<div class="subnav-content">
|
||||
<a href="personal_recommendations.html#software">Software</a>
|
||||
<a href="personal_recommendations.html#hardware">Hardware</a>
|
||||
<a href="personal_recommendations.html#video_games">Video Games</a>
|
||||
<a href="personal_recommendations.html#music">Music</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="documentation.html"><b>Documentation</b></a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<body>
|
||||
<div class="main_content">
|
||||
<h1><a name="software">Software</a></h1>
|
||||
<h2><a href="https://www.stardock.com/products/fences/" target="_blank">Fences</a></h2>
|
||||
<h3>Platform: Windows</h3>
|
||||
|
||||
<h2><a href="https://www.stardock.com/products/start10/" target="_blank">Start10</a></h2>
|
||||
<h3>Platform: Windows</h3>
|
||||
|
||||
<h2><a href="https://www.wallpaperengine.io/" target="_blank">Wallpaper Engine</a></h2>
|
||||
<h3>Platform: Windows</h3>
|
||||
|
||||
<h2><a href="https://www.notion.so/?r=542c7e5df78d4ff0bf5417dd397f26b8" target="_blank">Notion</a></h2>
|
||||
<h3>Platform: Web App, Mac, Windows, iOS, Android</h3>
|
||||
|
||||
<h2><a href="https://www.microsoft.com/en-us/p/clatter/9nps35br12q8" target="_blank">Clatter</a></h2>
|
||||
<h3>Platform: Windows</h3>
|
||||
|
||||
<h2><a href="https://chocolatey.org/" target="_blank">Chocolatey</a></h2>
|
||||
<h3>Platform: Windows</h3>
|
||||
|
||||
<h2><a href="https://www.pocketcasts.com/" target="_blank">Pocket Casts</a></h2>
|
||||
<h3>Platform: Web App, iOS, Android</h3>
|
||||
|
||||
<h2><a href="https://vanced.app/" target="_blank">YouTube Vanced</a></h2>
|
||||
<h3>Platform: Android</h3>
|
||||
|
||||
<h2><a href="https://xodo.com/" target="_blank">Xodo</a></h2>
|
||||
<h3>Platform: Web App, iOS, Android, Windows</h3>
|
||||
|
||||
<h2><a href="https://www.microsoft.com/en-us/p/mytube/9wzdncrcwf3l" target="_blank">myTube!</a></h2>
|
||||
<h3>Platform: Windows</h3>
|
||||
|
||||
<h1><a name="hardware">Hardware</a></h1>
|
||||
<h2>Desktop PC</h2>
|
||||
A full list of my desktop PC build components can be found on <a href="https://pcpartpicker.com/user/sr98vn/saved/#view=dv8LJx" target="_blank">PCPartPicker</a>.
|
||||
|
||||
<h2>Laptop</h2>
|
||||
<h3>Model: HP Specture x360 15"</h3>
|
||||
<h3>CPU: Intel i7-7500U</h3>
|
||||
<h3>GPU: NVIDIA GeForce 940MX</h3>
|
||||
<h3>RAM: 16 GB</h3>
|
||||
|
||||
<h2>Tablet</h2>
|
||||
<h3>Model: Microsoft Surface Go</h3>
|
||||
<h3>CPU: Intel Pentium 4415Y</h3>
|
||||
<h3>RAM: 4 GB</h3>
|
||||
|
||||
<h1><a name="video_games">Video Games</a></h1>
|
||||
<h2><a href="https://thewitcher.com/en/witcher3" target="_blank">The Witcher III: Wild Hunt</a></h2>
|
||||
<h2><a href="https://elderscrolls.bethesda.net/en/skyrim" target="_blank">The Elder Scrolls V: Skyrim</a></h2>
|
||||
|
||||
<h1><a name="music">Music</a></h1>
|
||||
<h2>Spotify Playlist</h2>
|
||||
<iframe src="https://open.spotify.com/embed/playlist/28Qjnry0Pw8D6Z6n5pzxSv" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
|
||||
|
||||
<script language="javascript" type="text/javascript" src="Templates/footer.txt"></script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,82 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--Required meta tags-->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<title>Product Recommendations</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1><a href="index.html">Home</a> → Product Recommendations</h1>
|
||||
|
||||
<hr>
|
||||
|
||||
<h1>Software</h1>
|
||||
<h2><a href="https://www.stardock.com/products/fences/" target="_blank">Fences</a></h2>
|
||||
<h3>Platform: Windows</h3>
|
||||
|
||||
<h2><a href="https://www.stardock.com/products/start10/" target="_blank">Start10</a></h2>
|
||||
<h3>Platform: Windows</h3>
|
||||
|
||||
<h2><a href="https://www.wallpaperengine.io/" target="_blank">Wallpaper Engine</a></h2>
|
||||
<h3>Platform: Windows</h3>
|
||||
|
||||
<h2><a href="https://www.notion.so/?r=542c7e5df78d4ff0bf5417dd397f26b8" target="_blank">Notion</a></h2>
|
||||
<h3>Platform: Web App, Mac, Windows, iOS, Android</h3>
|
||||
|
||||
<h2><a href="https://www.microsoft.com/en-us/p/clatter/9nps35br12q8" target="_blank">Clatter</a></h2>
|
||||
<h3>Platform: Windows</h3>
|
||||
|
||||
<h2><a href="https://chocolatey.org/" target="_blank">Chocolatey</a></h2>
|
||||
<h3>Platform: Windows</h3>
|
||||
|
||||
<h2><a href="https://www.pocketcasts.com/" target="_blank">Pocket Casts</a></h2>
|
||||
<h3>Platform: Web App, iOS, Android</h3>
|
||||
|
||||
<h2><a href="https://vanced.app/" target="_blank">YouTube Vanced</a></h2>
|
||||
<h3>Platform: Android</h3>
|
||||
|
||||
<h2><a href="https://xodo.com/" target="_blank">Xodo</a></h2>
|
||||
<h3>Platform: Web App, iOS, Android, Windows</h3>
|
||||
|
||||
<h2><a href="https://www.microsoft.com/en-us/p/mytube/9wzdncrcwf3l" target="_blank">myTube!</a></h2>
|
||||
<h3>Platform: Windows</h3>
|
||||
|
||||
<hr>
|
||||
|
||||
<h1>Hardware</h1>
|
||||
<h2>Desktop PC</h2>
|
||||
A full list of my desktop PC build components can be found on <a href="https://pcpartpicker.com/user/sr98vn/saved/#view=dv8LJx" target="_blank">PCPartPicker</a>.
|
||||
|
||||
<h2>Laptop</h2>
|
||||
<h3>Model: HP Specture x360 15"</h3>
|
||||
<h3>CPU: Intel i7-7500U</h3>
|
||||
<h3>GPU: NVIDIA GeForce 940MX</h3>
|
||||
<h3>RAM: 16 GB</h3>
|
||||
|
||||
<h2>Tablet</h2>
|
||||
<h3>Model: Microsoft Surface Go</h3>
|
||||
<h3>CPU: Intel Pentium 4415Y</h3>
|
||||
<h3>RAM: 4 GB</h3>
|
||||
|
||||
<hr>
|
||||
|
||||
<h1>Favorite Video Games</h1>
|
||||
<h2><a href="https://thewitcher.com/en/witcher3" target="_blank">The Witcher III: Wild Hunt</a></h2>
|
||||
<h2><a href="https://elderscrolls.bethesda.net/en/skyrim" target="_blank">The Elder Scrolls V: Skyrim</a></h2>
|
||||
|
||||
<hr>
|
||||
|
||||
<h1>Music</h1>
|
||||
<h2>Spotify Playlist</h2>
|
||||
<iframe src="https://open.spotify.com/embed/playlist/28Qjnry0Pw8D6Z6n5pzxSv" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
|
||||
|
||||
<hr>
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
© Copyright 2019, Sravan Balaji.
|
||||
</footer>
|
||||
</html>
|
||||
@@ -51,14 +51,30 @@
|
||||
<div class="navbar">
|
||||
<a href="index.html"><b>Home</b></a>
|
||||
<div class="subnav">
|
||||
<button class="subnavbtn-active"><b>About ▼</b></button>
|
||||
<button class="subnavbtn"><b>About ▼</b></button>
|
||||
<div class="subnav-content">
|
||||
<a href="bio.html">Bio</a>
|
||||
<a href="resume.html">Resume</a>
|
||||
<a href="contact.html">Contact Me</a>
|
||||
<a href="about.html#bio">Bio</a>
|
||||
<a href="about.html#contact_me">Contact Me</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="subnav">
|
||||
<button class="subnavbtn-active"><b>Resume ▼</b></button>
|
||||
<div class="subnav-content">
|
||||
<a href="resume.html#professional_experience">Professional Experience</a>
|
||||
<a href="resume.html#research">Research</a>
|
||||
<a href="resume.html#projects">Projects</a>
|
||||
<a href="resume.html#coursework">Coursework</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="subnav">
|
||||
<button class="subnavbtn"><b>Personal Recommendations ▼</b></button>
|
||||
<div class="subnav-content">
|
||||
<a href="personal_recommendations.html#software">Software</a>
|
||||
<a href="personal_recommendations.html#hardware">Hardware</a>
|
||||
<a href="personal_recommendations.html#video_games">Video Games</a>
|
||||
<a href="personal_recommendations.html#music">Music</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="product_recommendations.html"><b>Product Recommendations</b></a>
|
||||
<a href="documentation.html"><b>Documentation</b></a>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -69,22 +85,16 @@
|
||||
Latest PDF version of resume can be found on <a href="https://github.com/balajsra/resume/blob/master/sravan_balaji_resume.pdf" target="_blank">GitHub</a>.<br>
|
||||
Full education and work experience can be found on <a href="https://www.linkedin.com/in/sravan-balaji/" target="_blank">LinkedIn</a>.<br>
|
||||
|
||||
<!-- WIP
|
||||
<h1>Professional Experience</h1>
|
||||
<h1><a name="professional_experience">Professional Experience</a></h1>
|
||||
<h2>WIP</h2>
|
||||
|
||||
<h2>Hughes Network Systems</h2>
|
||||
<h3>Software Development Intern</h3>
|
||||
<h1><a name="research">Research</a></h1>
|
||||
<h2>WIP</h2>
|
||||
|
||||
<h2>Rivian</h2>
|
||||
<h3>Business Technology Intern</h3>
|
||||
<h3>Vehicle Integration Intern</h3>
|
||||
<h1><a name="projects">Projects</a></h1>
|
||||
<h2>WIP</h2>
|
||||
|
||||
<h2>University of Michigan</h2>
|
||||
<h3>Intramural Sports Supervisor</h3>
|
||||
<h3>Intramural Sports Official</h3>
|
||||
-->
|
||||
|
||||
<h1> Coursework</h1>
|
||||
<h1><a name="coursework">Coursework</a></h1>
|
||||
<table id="coursework_table">
|
||||
<tr><b>
|
||||
<th>Semester</th>
|
||||
|
||||
Reference in New Issue
Block a user