Merge pull request #6 from balajsra/cleanup
Directory Rename & Reorganization
Sravan Balaji
GitHub
|
Before Width: | Height: | Size: 237 KiB |
79
README.md
@@ -1,74 +1,11 @@
|
||||
# About
|
||||
This is the repository for my personal website. This includes all linked files and web pages.
|
||||
# Sravan Balaji's Personal Website
|
||||
|
||||
# Planning / Future Work
|
||||
This is the repository for my personal website, which can be found at [sravanbalaji.com](https://sravanbalaji.com). All linked files and web page source code can be found here.
|
||||
|
||||
## To Do List
|
||||
- [x] About
|
||||
- [x] Short Bio
|
||||
- [x] Contact Info
|
||||
- [ ] Portfolio
|
||||
- [x] Link to Resume PDF on GitHub
|
||||
- [x] Education
|
||||
- [x] Degrees
|
||||
- [x] Coursework
|
||||
- [ ] Professional Experience
|
||||
- [ ] Research
|
||||
- [ ] Projects
|
||||
- [ ] Personal
|
||||
- [x] Software
|
||||
- [x] Link
|
||||
- [x] Platform(s)
|
||||
- [x] Discussion
|
||||
- [x] Images
|
||||
- [x] Hardware
|
||||
- [x] Device type
|
||||
- [x] Specs
|
||||
- [x] Discussion
|
||||
- [x] Images
|
||||
- [ ] Video Games
|
||||
- [x] List
|
||||
- [ ] Images
|
||||
- [ ] Discussion
|
||||
- [ ] Upcoming Games
|
||||
- [x] Podcasts
|
||||
- [x] List
|
||||
- [x] Images
|
||||
- [x] Discussion
|
||||
- [x] Music
|
||||
- [x] Spotify Playlist
|
||||
- [ ] Blog Posts / Articles / Guides
|
||||
- [ ] Time Management / Handling Workload
|
||||
- [ ] Quality of Life
|
||||
- [ ] Interviews / Networking
|
||||
- [ ] Undergrad / Grad Applications
|
||||
- [x] Docker Tutorial
|
||||
- [x] Documentation
|
||||
- [x] Page Restructure
|
||||
- [x] Add Styling w/ CSS
|
||||
- [x] Favicon
|
||||
- [x] Logo w/ Link to Home Page
|
||||
- [x] Migrate to [Bootstrap](https://getbootstrap.com/)
|
||||
- [x] Add padding to sides
|
||||
## Development Progress
|
||||
|
||||
## Web Page Structure (WIP)
|
||||
- Home
|
||||
- About
|
||||
- Bio
|
||||
- Contact Me
|
||||
- Portfolio
|
||||
- Resume
|
||||
- Education
|
||||
- Professional Experience
|
||||
- Research
|
||||
- Projects
|
||||
- Personal
|
||||
- Software
|
||||
- Hardware
|
||||
- Video Games
|
||||
- Favorite List
|
||||
- Upcoming Games
|
||||
- Podcasts
|
||||
- Music
|
||||
- Blogs / Articles / Guides
|
||||
- Documentation
|
||||
You can follow my current development plans for this website on my [GitHub project](https://github.com/balajsra/balajsra.github.io/projects/1).
|
||||
|
||||
## Feedback & Suggestions
|
||||
|
||||
If you find any issues or have suggestions for ways to improve my website, please submit a bug or enhancement request on [GitHub](https://github.com/balajsra/balajsra.github.io/issues).
|
||||
|
||||
@@ -1 +0,0 @@
|
||||
document.write('<nav class="navbar my-nav navbar-expand-md fixed-top"> <!-- Brand --> <a class="navbar-brand" href="index.html"> <img src="../Assets/Branding/logo.png" alt="Icon" width="30px" height="30px" class="d-inline-block align-top"> <img src="../Assets/Branding/name.png" alt="Name" height="30px" class="d-inline-block align-center"> </a> <!-- Toggler/collapsibe Button --> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> <span class="navbar-toggler-icon"></span> </button> <!-- Navbar links --> <div class="collapse navbar-collapse" id="collapsibleNavbar"> <ul class="navbar-nav"> <!-- About --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="about.html" id="navbardrop" data-toggle="dropdown"> About </a> <div class="dropdown-menu"> <a class="dropdown-item" href="about.html#bio"> Bio </a> <a class="dropdown-item" href="about.html#contact_me"> Contact Me </a> </div> </li> <!-- Portfolio --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="portfolio.html" id="navbardrop" data-toggle="dropdown"> Portfolio </a> <div class="dropdown-menu"> <a class="dropdown-item" href="portfolio.html#resume"> Resume </a> <a class="dropdown-item" href="portfolio.html#education"> Education </a> <a class="dropdown-item" href="portfolio.html#professional_experience"> Professional Experience </a> <!-- <a class="dropdown-item" href="portfolio.html#research"> Research </a> <a class="dropdown-item" href="portfolio.html#projects"> Projects </a> --> </div> </li> <!-- Personal --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="personal.html" id="navbardrop" data-toggle="dropdown"> Personal </a> <div class="dropdown-menu"> <a class="dropdown-item" href="personal.html#software"> Software </a> <a class="dropdown-item" href="personal.html#hardware"> Hardware </a> <a class="dropdown-item" href="personal.html#video_games"> Video Games </a> <a class="dropdown-item" href="personal.html#podcasts"> Podcasts </a> <a class="dropdown-item" href="personal.html#music"> Music </a> </div> </li> <!-- Blog --> <li class="nav-item"> <a class="nav-link" href="blog.html"> Blog </a> </li> <!-- Documentation --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="documentation.html" id="navbardrop" data-toggle="dropdown"> Documentation </a> <div class="dropdown-menu"> <a class="dropdown-item" href="documentation.html#introduction"> Introduction </a> <a class="dropdown-item" href="documentation.html#website_hosting"> Website Hosting </a> <a class="dropdown-item" href="documentation.html#web_design"> Web Design </a> <a class="dropdown-item" href="documentation.html#aesthetics"> Aesthetics </a> <a class="dropdown-item" href="documentation.html#inspiration"> Inspiration </a> </div> </li> </ul> </div> </nav>')
|
||||
|
Before Width: | Height: | Size: 9.9 KiB After Width: | Height: | Size: 9.9 KiB |
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 152 KiB After Width: | Height: | Size: 152 KiB |
|
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 8.9 KiB After Width: | Height: | Size: 8.9 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 432 KiB After Width: | Height: | Size: 432 KiB |
|
Before Width: | Height: | Size: 34 KiB After Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 92 KiB After Width: | Height: | Size: 92 KiB |
|
Before Width: | Height: | Size: 198 KiB After Width: | Height: | Size: 198 KiB |
|
Before Width: | Height: | Size: 112 KiB After Width: | Height: | Size: 112 KiB |
|
Before Width: | Height: | Size: 63 KiB After Width: | Height: | Size: 63 KiB |
|
Before Width: | Height: | Size: 34 KiB After Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 46 KiB After Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 84 KiB After Width: | Height: | Size: 84 KiB |
|
Before Width: | Height: | Size: 29 KiB After Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 68 KiB After Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 6.5 KiB After Width: | Height: | Size: 6.5 KiB |
|
Before Width: | Height: | Size: 196 KiB After Width: | Height: | Size: 196 KiB |
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 7.8 KiB After Width: | Height: | Size: 7.8 KiB |
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 148 KiB After Width: | Height: | Size: 148 KiB |
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 155 KiB After Width: | Height: | Size: 155 KiB |
|
Before Width: | Height: | Size: 107 KiB After Width: | Height: | Size: 107 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
@@ -1,7 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<script language="javascript" type="text/javascript" src="Common/header.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/header.txt"></script>
|
||||
<title>Docker</title>
|
||||
|
||||
<style>
|
||||
@@ -13,7 +13,7 @@
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<script language="javascript" type="text/javascript" src="Common/navbar.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/navbar.txt"></script>
|
||||
|
||||
<body>
|
||||
<div class="container-fluid px-md-6">
|
||||
@@ -99,7 +99,7 @@
|
||||
<p>
|
||||
I configured all of my drives as shared folders so I can mount any folders on my host machine to any docker containers I run. In your WSL terminal, run <code>docker-machine.exe start</code> to start the <code>default</code> docker machine created by the Docker Quickstart Terminal. After your docker machine is running, open the shared folder settings as shown in <a href="https://medium.com/@Charles_Stover/fixing-volumes-in-docker-toolbox-4ad5ace0e572" target="_blank">Fixing Volumes in Docker Toolbox</a>. The image below shows how <code>C:\</code> on my host computer is mounted at <code>/</code> in folder <code>c</code> on my docker machine such that <code>C:\</code> maps to <code>/c</code>. Make sure you have enabled <code>Auto-mount</code> and <code>Make Permanent</code>. Click <b>OK</b> to save all settings, then go back to the WSL terminal and run <code>docker-machine.exe restart default</code>. Now your docker machine should be properly configured to allow volume mounting.
|
||||
</p>
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Blog Posts/Docker/virtual_box_shared_folder.jpg">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/blog_posts/Docker/virtual_box_shared_folder.jpg">
|
||||
|
||||
<h4>Increase Docker Machine Resources</h4>
|
||||
<p>
|
||||
@@ -161,7 +161,7 @@ ros-demo:
|
||||
|
||||
<h2><a name="conclusion">Conclusion</a></h2>
|
||||
<p>
|
||||
Hopefully by this point, you have a better understanding of what docker is, why you might want to use it, and how to get a docker machine setup so you can build and run docker containers. If you have any questions or suggestions for improvement, feel free to <a href="about.html#contact_me">contact me</a>.
|
||||
Hopefully by this point, you have a better understanding of what docker is, why you might want to use it, and how to get a docker machine setup so you can build and run docker containers. If you have any questions or suggestions for improvement, feel free to <a href="../web_pages/about.html#contact_me">contact me</a>.
|
||||
</p>
|
||||
|
||||
<hr>
|
||||
@@ -174,6 +174,6 @@ ros-demo:
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<script language="javascript" type="text/javascript" src="Common/footer.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/footer.txt"></script>
|
||||
</footer>
|
||||
</html>
|
||||
@@ -16,7 +16,7 @@
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
|
||||
|
||||
<!-- Stylesheet -->
|
||||
<link rel="stylesheet" type="text/css" href="styles.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../common/styles.css"/>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" href="../Assets/Branding/favicon.ico" type="image/x-icon"/>
|
||||
<link rel="icon" href="../assets/branding/favicon.ico" type="image/x-icon"/>
|
||||
@@ -1 +1 @@
|
||||
document.write('<!--Required meta tags--> <meta charset="utf-8"> <meta name="author" content="Sravan Balaji"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <!-- Popper JS --> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <!-- Latest compiled JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script> <!-- Stylesheet --> <link rel="stylesheet" type="text/css" href="styles.css"/> <!-- Favicon --> <link rel="icon" href="../Assets/Branding/favicon.ico" type="image/x-icon"/>')
|
||||
document.write('<!--Required meta tags--> <meta charset="utf-8"> <meta name="author" content="Sravan Balaji"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <!-- Popper JS --> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <!-- Latest compiled JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script> <!-- Stylesheet --> <link rel="stylesheet" type="text/css" href="../common/styles.css"/> <!-- Favicon --> <link rel="icon" href="../assets/branding/favicon.ico" type="image/x-icon"/>')
|
||||
@@ -1,8 +1,8 @@
|
||||
<nav class="navbar my-nav navbar-expand-md fixed-top">
|
||||
<!-- Brand -->
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<img src="../Assets/Branding/logo.png" alt="Icon" width="30px" height="30px" class="d-inline-block align-top">
|
||||
<img src="../Assets/Branding/name.png" alt="Name" height="30px" class="d-inline-block align-center">
|
||||
<a class="navbar-brand" href="../web_pages/index.html">
|
||||
<img src="../assets/branding/logo.png" alt="Icon" width="30px" height="30px" class="d-inline-block align-top">
|
||||
<img src="../assets/branding/name.png" alt="Name" height="30px" class="d-inline-block align-center">
|
||||
</a>
|
||||
|
||||
<!-- Toggler/collapsibe Button -->
|
||||
@@ -15,14 +15,14 @@
|
||||
<ul class="navbar-nav">
|
||||
<!-- About -->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="about.html" id="navbardrop" data-toggle="dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="../web_pages/about.html" id="navbardrop" data-toggle="dropdown">
|
||||
About
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="about.html#bio">
|
||||
<a class="dropdown-item" href="../web_pages/about.html#bio">
|
||||
Bio
|
||||
</a>
|
||||
<a class="dropdown-item" href="about.html#contact_me">
|
||||
<a class="dropdown-item" href="../web_pages/about.html#contact_me">
|
||||
Contact Me
|
||||
</a>
|
||||
</div>
|
||||
@@ -30,23 +30,23 @@
|
||||
|
||||
<!-- Portfolio -->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="portfolio.html" id="navbardrop" data-toggle="dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="../web_pages/portfolio.html" id="navbardrop" data-toggle="dropdown">
|
||||
Portfolio
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="portfolio.html#resume">
|
||||
<a class="dropdown-item" href="../web_pages/portfolio.html#resume">
|
||||
Resume
|
||||
</a>
|
||||
<a class="dropdown-item" href="portfolio.html#education">
|
||||
<a class="dropdown-item" href="../web_pages/portfolio.html#education">
|
||||
Education
|
||||
</a>
|
||||
<a class="dropdown-item" href="portfolio.html#professional_experience">
|
||||
<a class="dropdown-item" href="../web_pages/portfolio.html#professional_experience">
|
||||
Professional Experience
|
||||
</a>
|
||||
<!-- <a class="dropdown-item" href="portfolio.html#research">
|
||||
<!-- <a class="dropdown-item" href="../web_pages/portfolio.html#research">
|
||||
Research
|
||||
</a>
|
||||
<a class="dropdown-item" href="portfolio.html#projects">
|
||||
<a class="dropdown-item" href="../web_pages/portfolio.html#projects">
|
||||
Projects
|
||||
</a> -->
|
||||
</div>
|
||||
@@ -54,23 +54,23 @@
|
||||
|
||||
<!-- Personal -->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="personal.html" id="navbardrop" data-toggle="dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="../web_pages/personal.html" id="navbardrop" data-toggle="dropdown">
|
||||
Personal
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="personal.html#software">
|
||||
<a class="dropdown-item" href="../web_pages/personal.html#software">
|
||||
Software
|
||||
</a>
|
||||
<a class="dropdown-item" href="personal.html#hardware">
|
||||
<a class="dropdown-item" href="../web_pages/personal.html#hardware">
|
||||
Hardware
|
||||
</a>
|
||||
<a class="dropdown-item" href="personal.html#video_games">
|
||||
<a class="dropdown-item" href="../web_pages/personal.html#video_games">
|
||||
Video Games
|
||||
</a>
|
||||
<a class="dropdown-item" href="personal.html#podcasts">
|
||||
<a class="dropdown-item" href="../web_pages/personal.html#podcasts">
|
||||
Podcasts
|
||||
</a>
|
||||
<a class="dropdown-item" href="personal.html#music">
|
||||
<a class="dropdown-item" href="../web_pages/personal.html#music">
|
||||
Music
|
||||
</a>
|
||||
</div>
|
||||
@@ -78,30 +78,30 @@
|
||||
|
||||
<!-- Blog -->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="blog.html">
|
||||
<a class="nav-link" href="../web_pages/blog.html">
|
||||
Blog
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<!-- Documentation -->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="documentation.html" id="navbardrop" data-toggle="dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="../web_pages/documentation.html" id="navbardrop" data-toggle="dropdown">
|
||||
Documentation
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="documentation.html#introduction">
|
||||
<a class="dropdown-item" href="../web_pages/documentation.html#introduction">
|
||||
Introduction
|
||||
</a>
|
||||
<a class="dropdown-item" href="documentation.html#website_hosting">
|
||||
<a class="dropdown-item" href="../web_pages/documentation.html#website_hosting">
|
||||
Website Hosting
|
||||
</a>
|
||||
<a class="dropdown-item" href="documentation.html#web_design">
|
||||
<a class="dropdown-item" href="../web_pages/documentation.html#web_design">
|
||||
Web Design
|
||||
</a>
|
||||
<a class="dropdown-item" href="documentation.html#aesthetics">
|
||||
<a class="dropdown-item" href="../web_pages/documentation.html#aesthetics">
|
||||
Aesthetics
|
||||
</a>
|
||||
<a class="dropdown-item" href="documentation.html#inspiration">
|
||||
<a class="dropdown-item" href="../web_pages/documentation.html#inspiration">
|
||||
Inspiration
|
||||
</a>
|
||||
</div>
|
||||
1
common/navbar.txt
Normal file
@@ -0,0 +1 @@
|
||||
document.write('<nav class="navbar my-nav navbar-expand-md fixed-top"> <!-- Brand --> <a class="navbar-brand" href="../web_pages/index.html"> <img src="../assets/branding/logo.png" alt="Icon" width="30px" height="30px" class="d-inline-block align-top"> <img src="../assets/branding/name.png" alt="Name" height="30px" class="d-inline-block align-center"> </a> <!-- Toggler/collapsibe Button --> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> <span class="navbar-toggler-icon"></span> </button> <!-- Navbar links --> <div class="collapse navbar-collapse" id="collapsibleNavbar"> <ul class="navbar-nav"> <!-- About --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="../web_pages/about.html" id="navbardrop" data-toggle="dropdown"> About </a> <div class="dropdown-menu"> <a class="dropdown-item" href="../web_pages/about.html#bio"> Bio </a> <a class="dropdown-item" href="../web_pages/about.html#contact_me"> Contact Me </a> </div> </li> <!-- Portfolio --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="../web_pages/portfolio.html" id="navbardrop" data-toggle="dropdown"> Portfolio </a> <div class="dropdown-menu"> <a class="dropdown-item" href="../web_pages/portfolio.html#resume"> Resume </a> <a class="dropdown-item" href="../web_pages/portfolio.html#education"> Education </a> <a class="dropdown-item" href="../web_pages/portfolio.html#professional_experience"> Professional Experience </a> <!-- <a class="dropdown-item" href="../web_pages/portfolio.html#research"> Research </a> <a class="dropdown-item" href="../web_pages/portfolio.html#projects"> Projects </a> --> </div> </li> <!-- Personal --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="../web_pages/personal.html" id="navbardrop" data-toggle="dropdown"> Personal </a> <div class="dropdown-menu"> <a class="dropdown-item" href="../web_pages/personal.html#software"> Software </a> <a class="dropdown-item" href="../web_pages/personal.html#hardware"> Hardware </a> <a class="dropdown-item" href="../web_pages/personal.html#video_games"> Video Games </a> <a class="dropdown-item" href="../web_pages/personal.html#podcasts"> Podcasts </a> <a class="dropdown-item" href="../web_pages/personal.html#music"> Music </a> </div> </li> <!-- Blog --> <li class="nav-item"> <a class="nav-link" href="../web_pages/blog.html"> Blog </a> </li> <!-- Documentation --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="../web_pages/documentation.html" id="navbardrop" data-toggle="dropdown"> Documentation </a> <div class="dropdown-menu"> <a class="dropdown-item" href="../web_pages/documentation.html#introduction"> Introduction </a> <a class="dropdown-item" href="../web_pages/documentation.html#website_hosting"> Website Hosting </a> <a class="dropdown-item" href="../web_pages/documentation.html#web_design"> Web Design </a> <a class="dropdown-item" href="../web_pages/documentation.html#aesthetics"> Aesthetics </a> <a class="dropdown-item" href="../web_pages/documentation.html#inspiration"> Inspiration </a> </div> </li> </ul> </div> </nav>')
|
||||
@@ -1,4 +1,4 @@
|
||||
<!--Dummy File to Redirect to index.html in Web Pages Folder-->
|
||||
<head>
|
||||
<meta http-equiv="refresh" content="0; url=https://balajsra.github.io/Web Pages/index.html">
|
||||
<meta http-equiv="refresh" content="0; url=https://balajsra.github.io/web_pages/index.html">
|
||||
</head>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<script language="javascript" type="text/javascript" src="Common/header.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/header.txt"></script>
|
||||
<title>About</title>
|
||||
|
||||
<style>
|
||||
@@ -15,7 +15,7 @@
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<script language="javascript" type="text/javascript" src="Common/navbar.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/navbar.txt"></script>
|
||||
|
||||
<body>
|
||||
<div class="container-fluid px-md-6">
|
||||
@@ -30,7 +30,7 @@
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/About/Profile Picture.jpg">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/about/profile_picture.jpg">
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<p>
|
||||
@@ -38,7 +38,7 @@
|
||||
|
||||
My professional and academic interests are in robotics, mechatronics, autonomous systems, and controls. I will be working at <a href="https://rivian.com" target="_blank">Rivian</a> as an ADAS Controls Intern during the Summer of 2020.<br><br>
|
||||
|
||||
My personal interests include video games, podcasts, music, cooking, football, soccer, and personal / project management software. You can check out some of my favorite <a href="personal.html#video_games">video games</a>, <a href="personal.html#podcasts">podcasts</a>, <a href="personal.html#music">music</a>, and <a href="personal.html#software">software</a> on the <a href="personal.html">Personal</a> page. <br><br>
|
||||
My personal interests include video games, podcasts, music, cooking, football, soccer, and personal / project management software. You can check out some of my favorite <a href="../web_pages/personal.html#video_games">video games</a>, <a href="../web_pages/personal.html#podcasts">podcasts</a>, <a href="../web_pages/personal.html#music">music</a>, and <a href="../web_pages/personal.html#software">software</a> on the <a href="../web_pages/personal.html">Personal</a> page. <br><br>
|
||||
|
||||
My favorite sports teams, in ranked order, are:
|
||||
<ol>
|
||||
@@ -70,7 +70,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-4 text-center">
|
||||
<a href="mailto:balajsra@umich.edu" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" alt="Email" src="../Assets/About/email.png">
|
||||
<img class="img-fluid mx-auto d-block" alt="Email" src="../assets/about/email.png">
|
||||
</a>
|
||||
<p>
|
||||
<b>Email:</b> balajsra@umich.edu
|
||||
@@ -78,7 +78,7 @@
|
||||
</div>
|
||||
<div class="col-md-4 text-center">
|
||||
<a href="https://www.linkedin.com/in/sravan-balaji/" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" alt="LinkedIn" src="../Assets/About/linkedin.png">
|
||||
<img class="img-fluid mx-auto d-block" alt="LinkedIn" src="../assets/about/linkedin.png">
|
||||
</a>
|
||||
<p>
|
||||
<b>LinkedIn:</b> sravan-balaji
|
||||
@@ -86,7 +86,7 @@
|
||||
</div>
|
||||
<div class="col-md-4 text-center">
|
||||
<a href="https://github.com/balajsra" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" alt="GitHub" src="../Assets/About/github.png">
|
||||
<img class="img-fluid mx-auto d-block" alt="GitHub" src="../assets/about/github.png">
|
||||
</a>
|
||||
<p>
|
||||
<b>GitHub:</b> balajsra
|
||||
@@ -98,6 +98,6 @@
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<script language="javascript" type="text/javascript" src="Common/footer.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/footer.txt"></script>
|
||||
</footer>
|
||||
</html>
|
||||
@@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<script language="javascript" type="text/javascript" src="Common/header.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/header.txt"></script>
|
||||
<title>Blog</title>
|
||||
</head>
|
||||
|
||||
<script language="javascript" type="text/javascript" src="Common/navbar.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/navbar.txt"></script>
|
||||
|
||||
<body>
|
||||
<div class="container-fluid px-md-6">
|
||||
@@ -19,7 +19,7 @@
|
||||
<div class="card">
|
||||
<img class="card-img-top" src="https://cdn.vox-cdn.com/thumbor/fbrTLtxuP2D29o8VJUaE-u3NKfU=/0x0:792x613/1200x800/filters:focal(300x237:426x363)/cdn.vox-cdn.com/uploads/chorus_image/image/59850273/Docker_logo_011.0.png" alt="Docker Whale">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title"><a href="blog_docker.html">Getting Started with Docker</a></h4>
|
||||
<h4 class="card-title"><a href="../blog_posts/blog_docker.html">Getting Started with Docker</a></h4>
|
||||
<p class="card-text">A brief introduction to docker, how to use it, and what you can do with it.</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -56,6 +56,6 @@
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<script language="javascript" type="text/javascript" src="Common/footer.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/footer.txt"></script>
|
||||
</footer>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<script language="javascript" type="text/javascript" src="Common/header.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/header.txt"></script>
|
||||
<title>Documentation</title>
|
||||
|
||||
<style>
|
||||
@@ -16,7 +16,7 @@
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<script language="javascript" type="text/javascript" src="Common/navbar.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/navbar.txt"></script>
|
||||
|
||||
<body>
|
||||
<div class="container-fluid px-md-6">
|
||||
@@ -96,7 +96,7 @@
|
||||
<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>.
|
||||
I have the latest version of my <a href="../web_pages/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>
|
||||
@@ -118,7 +118,7 @@
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-4">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Branding/color_palette.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/branding/color_palette.png">
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<p>
|
||||
@@ -133,10 +133,10 @@
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Branding/logo_with_name.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/branding/logo_with_name.png">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Branding/logo.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/branding/logo.png">
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<p>
|
||||
@@ -172,6 +172,6 @@
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<script language="javascript" type="text/javascript" src="Common/footer.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/footer.txt"></script>
|
||||
</footer>
|
||||
</html>
|
||||
@@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<script language="javascript" type="text/javascript" src="Common/header.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/header.txt"></script>
|
||||
<title>Sravan Balaji</title>
|
||||
</head>
|
||||
|
||||
<script language="javascript" type="text/javascript" src="Common/navbar.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/navbar.txt"></script>
|
||||
|
||||
<body>
|
||||
<div class="container-fluid px-md-6">
|
||||
@@ -13,7 +13,7 @@
|
||||
<div class="col-md-12">
|
||||
<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>
|
||||
Welcome to my personal website! For information on how this website was created and hosted, please see the <a href="../web_pages/documentation.html">documentation</a> page.<br><br>
|
||||
|
||||
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/balajsra.github.io" target="_blank">GitHub</a>.
|
||||
</p>
|
||||
@@ -23,6 +23,6 @@
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<script language="javascript" type="text/javascript" src="Common/footer.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/footer.txt"></script>
|
||||
</footer>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<script language="javascript" type="text/javascript" src="Common/header.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/header.txt"></script>
|
||||
<title>Personal</title>
|
||||
|
||||
<style>
|
||||
@@ -23,7 +23,7 @@
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<script language="javascript" type="text/javascript" src="Common/navbar.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/navbar.txt"></script>
|
||||
|
||||
<body>
|
||||
<div class="container-fluid px-md-6">
|
||||
@@ -39,7 +39,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://code.visualstudio.com/" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Programming/visual_studio_code.jpg">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/programming/visual_studio_code.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -95,7 +95,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://www.notion.so/?r=542c7e5df78d4ff0bf5417dd397f26b8" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-notion.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/software/logo-notion.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -109,7 +109,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://www.microsoft.com/en-us/p/clatter/9nps35br12q8" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-clatter.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/software/logo-clatter.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -123,7 +123,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://github.com/microsoft/terminal" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-windows-terminal.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/software/logo-windows-terminal.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -137,7 +137,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://chocolatey.org/" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-chocolatey.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/software/logo-chocolatey.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -151,7 +151,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://www.wallpaperengine.io/" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-wallpaper-engine.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/software/logo-wallpaper-engine.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -165,7 +165,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://www.stardock.com/products/fences/" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-fences.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/software/logo-fences.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -179,7 +179,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://www.stardock.com/products/start10/" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-start10.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/software/logo-start10.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -194,7 +194,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://www.pocketcasts.com/" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-pocket-casts.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/software/logo-pocket-casts.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -208,7 +208,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://vanced.app/" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-youtube-vanced.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/software/logo-youtube-vanced.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -222,7 +222,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://xodo.com/" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-xodo.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/software/logo-xodo.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -236,7 +236,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://www.microsoft.com/en-us/p/mytube/9wzdncrcwf3l" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-mytube.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/software/logo-mytube.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -250,7 +250,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://www.microsoft.com/en-us/edge" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-edge.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/software/logo-edge.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -264,7 +264,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://support.microsoft.com/en-us/help/4531293/your-phone-system-requirements-and-set-up" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-your-phone.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/software/logo-your-phone.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -278,7 +278,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://play.google.com/store/apps/details?id=ro.andreimircius.remotefingerauth&hl=en_US" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-remote-fingerprint-unlock.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/software/logo-remote-fingerprint-unlock.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -292,7 +292,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://ditto-cp.sourceforge.io/" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-ditto.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/software/logo-ditto.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -316,7 +316,7 @@
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Hardware/desktop-case.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/hardware/desktop-case.png">
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<h2><a name="Remote Fingerprint Unlock" href="https://pcpartpicker.com/user/sr98vn/saved/#view=dv8LJx" target="_blank">Desktop PC: Custom</a></h2>
|
||||
@@ -327,7 +327,7 @@
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Hardware/spectre-x360.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/hardware/spectre-x360.png">
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<h2>Laptop: HP Spectre x360 15"</h2>
|
||||
@@ -338,7 +338,7 @@
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Hardware/surface-go.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/hardware/surface-go.png">
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<h2>Tablet: Microsoft Surface Go</h2>
|
||||
@@ -349,7 +349,7 @@
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Hardware/galaxy-s10-plus.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/hardware/galaxy-s10-plus.png">
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<h2>Phone: Samsung Galaxy S10+</h2>
|
||||
@@ -360,7 +360,7 @@
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Hardware/galaxy-watch.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/hardware/galaxy-watch.png">
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<h2>Watch: Samsung Galaxy Watch</h2>
|
||||
@@ -371,7 +371,7 @@
|
||||
</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">
|
||||
<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>
|
||||
@@ -382,7 +382,7 @@
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Hardware/wh-1000xm3.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/hardware/wh-1000xm3.png">
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<h2>Wireless Headphones: Sony WH-1000XM3</h2>
|
||||
@@ -410,7 +410,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://steamcommunity.com/id/sr98vn/" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Video Games/steam.jpg" style="max-width: 250px;">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/video_games/steam.jpg" style="max-width: 250px;">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -426,7 +426,7 @@
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Video Games/logo-nintendo-switch.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/video_games/logo-nintendo-switch.png">
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
<p><ul>
|
||||
@@ -439,7 +439,7 @@
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Video Games/logo-ps4.jpg">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/video_games/logo-ps4.jpg">
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
<p><ul>
|
||||
@@ -451,7 +451,7 @@
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Video Games/logo-pc.jpeg">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/video_games/logo-pc.jpeg">
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
<p><ul>
|
||||
@@ -481,7 +481,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://pca.st/E3n6" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Podcasts/artificial-intelligence.jpg">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/podcasts/artificial-intelligence.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -494,7 +494,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://pca.st/simmons" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Podcasts/bill-simmons.jpg">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/podcasts/bill-simmons.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -507,7 +507,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://pca.st/footballweekly" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Podcasts/football-weekly.jpg">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/podcasts/football-weekly.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -520,7 +520,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://pca.st/bombcast" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Podcasts/giant-bombcast.jpg">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/podcasts/giant-bombcast.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -533,7 +533,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://pca.st/vergecast" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Podcasts/vergecast.jpg">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/podcasts/vergecast.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -546,7 +546,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://pca.st/nprwaitwait" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Podcasts/wait-wait.jpg">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/podcasts/wait-wait.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -559,7 +559,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://pca.st/thedaily" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Podcasts/the-daily.jpg">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/podcasts/the-daily.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -572,7 +572,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://pca.st/hardcorehist" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Podcasts/hardcore-history.jpg">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/podcasts/hardcore-history.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -585,7 +585,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://pca.st/lmm1" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Podcasts/throughline.jpg">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/podcasts/throughline.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -598,7 +598,7 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2">
|
||||
<a href="https://pca.st/invisibilia" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Podcasts/invisibilia.jpg">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/podcasts/invisibilia.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
@@ -637,6 +637,6 @@
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<script language="javascript" type="text/javascript" src="Common/footer.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/footer.txt"></script>
|
||||
</footer>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<script language="javascript" type="text/javascript" src="Common/header.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/header.txt"></script>
|
||||
<title>Portfolio</title>
|
||||
|
||||
<style>
|
||||
@@ -28,7 +28,7 @@
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<script language="javascript" type="text/javascript" src="Common/navbar.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/navbar.txt"></script>
|
||||
|
||||
<body>
|
||||
<div class="container-fluid px-md-6">
|
||||
@@ -70,7 +70,7 @@
|
||||
<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">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/education/logo-mechanical-engineering.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
@@ -86,7 +86,7 @@
|
||||
<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">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/education/logo-computer-science.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
@@ -281,7 +281,7 @@
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<a href="https://rivian.com/" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Professional Experience/logo-rivian.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/professional_experience/logo-rivian.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
@@ -393,7 +393,7 @@
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<a href="https://www.hughes.com//" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Professional Experience/logo-hughes.jpg">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/professional_experience/logo-hughes.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
@@ -501,7 +501,7 @@
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<a href="https://rivian.com/" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Professional Experience/logo-rivian.png">
|
||||
<img class="img-fluid mx-auto d-block" src="../assets/professional_experience/logo-rivian.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
@@ -753,6 +753,6 @@
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<script language="javascript" type="text/javascript" src="Common/footer.txt"></script>
|
||||
<script language="javascript" type="text/javascript" src="../common/footer.txt"></script>
|
||||
</footer>
|
||||
</html>
|
||||