Replace Google Drive PDF Viewer with Link to GitHub

- Google drive PDF viewer appears to be broken or unreliable now, so switched to a simple link to the GitHub repo
Change top level index redirection to relative path
2024-04-19 11:24:48 -04:00 · 2023-08-25 15:27:55 -04:00 · 2023-04-08 11:11:07 -04:00 · 2022-07-01 22:16:18 -04:00 · 2022-07-01 21:13:26 -04:00 · 2022-06-02 19:35:17 -04:00
123 changed files with 5358 additions and 2164 deletions
--- a/README.md
+++ b/README.md
@@ -4,8 +4,8 @@ This is the repository for my personal website, which can be found at [sravanbal
 ## Development Progress
-You can follow my current development plans for this website on my [GitHub project](https://github.com/balajsra/balajsra.github.io/projects/1).
+You can follow the development of this website on my [GitHub project](https://github.com/balajsra/sravanbalaji.com).
 ## 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).
+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/sravanbalaji.com/issues).
--- a/assets/about/email.png
+++ b/assets/about/email.png
--- a/assets/about/github.png
+++ b/assets/about/github.png
--- a/assets/about/linkedin.png
+++ b/assets/about/linkedin.png
--- a/assets/branding/color_palette.png
+++ b/assets/branding/color_palette.png
--- a/assets/hardware/desktop-case.png
+++ b/assets/hardware/desktop-case.png
--- a/assets/hardware/galaxy-buds.png
+++ b/assets/hardware/galaxy-buds.png
--- a/assets/hardware/galaxy-s10-plus.png
+++ b/assets/hardware/galaxy-s10-plus.png
--- a/assets/hardware/galaxy-watch.png
+++ b/assets/hardware/galaxy-watch.png
--- a/assets/hardware/spectre-x360.png
+++ b/assets/hardware/spectre-x360.png
--- a/assets/hardware/surface-go.png
+++ b/assets/hardware/surface-go.png
--- a/assets/podcasts/artificial-intelligence.jpg
+++ b/assets/podcasts/artificial-intelligence.jpg
--- a/assets/podcasts/bill-simmons.jpg
+++ b/assets/podcasts/bill-simmons.jpg
--- a/assets/podcasts/football-weekly.jpg
+++ b/assets/podcasts/football-weekly.jpg
--- a/assets/podcasts/giant-bombcast.jpg
+++ b/assets/podcasts/giant-bombcast.jpg
--- a/assets/podcasts/invisibilia.jpg
+++ b/assets/podcasts/invisibilia.jpg
--- a/assets/podcasts/the-daily.jpg
+++ b/assets/podcasts/the-daily.jpg
--- a/assets/podcasts/vergecast.jpg
+++ b/assets/podcasts/vergecast.jpg
--- a/assets/software/logo-chocolatey.png
+++ b/assets/software/logo-chocolatey.png
--- a/assets/software/logo-clatter.png
+++ b/assets/software/logo-clatter.png
--- a/assets/software/logo-ditto.png
+++ b/assets/software/logo-ditto.png
--- a/assets/software/logo-edge.png
+++ b/assets/software/logo-edge.png
--- a/assets/software/logo-fences.png
+++ b/assets/software/logo-fences.png
--- a/assets/software/logo-mytube.png
+++ b/assets/software/logo-mytube.png
--- a/assets/software/logo-remote-fingerprint-unlock.png
+++ b/assets/software/logo-remote-fingerprint-unlock.png
--- a/assets/software/logo-start10.png
+++ b/assets/software/logo-start10.png
--- a/assets/software/logo-wallpaper-engine.png
+++ b/assets/software/logo-wallpaper-engine.png
--- a/assets/software/logo-windows-terminal.png
+++ b/assets/software/logo-windows-terminal.png
--- a/assets/software/logo-xodo.png
+++ b/assets/software/logo-xodo.png
--- a/assets/software/logo-your-phone.png
+++ b/assets/software/logo-your-phone.png
--- a/assets/software/logo-youtube-vanced.png
+++ b/assets/software/logo-youtube-vanced.png
--- a/blog_posts/blog_docker.html
+++ b/blog_posts/blog_docker.html
@@ -1,179 +0,0 @@
 <!DOCTYPE html>
 <html lang="en">
    <head>
        <script language="javascript" type="text/javascript" src="../common/header.txt"></script>
        <title>Docker</title>
        <style>
            img {
                max-height: 500px;
                margin: auto;
                display: block;
            }
        </style>
    </head>
    <script language="javascript" type="text/javascript" src="../common/navbar.txt"></script>
    <body>
        <div class="container-fluid px-md-6">
            <div class="row align-items-center">
                <div class="col-md-2">
                    <!-- Nothing -->
                </div>
                <div class="col-md-8">
                    <!-- Title -->
                    <h1>Getting Started with Docker</h1>
                    <!-- Author & Date/Time -->
                    <p class="lead">
                        Updated on March 18, 2020
                    </p>
                    <!-- Preview Image -->
                    <img class="img-fluid rounded" 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="">
                    <hr>
                    <!-- Post Content -->
                    <h2><a name="introduction">Introduction</a></h2>
                    <p>
                        Throughout my college career in computer science, I have found the need to develop applications that will be deployed in a Linux environment. As a windows user, I have usually turned to a couple of different options: virtual machines, <a href="https://docs.microsoft.com/en-us/windows/wsl/about" target="_blank">Windows Subsystem for Linux</a>, or <a href="https://www.cygwin.com" target="_blank">Cygwin</a>. Recently, I discovered an alternative method for building and testing Linux apps that is especially useful for collaboration and deployment. Docker allows you to package an OS and all the necessary dependencies into a <b>docker image</b>. You can then spin up an instance of this image called a <b>docker container</b> in which you can run your source code. Jake Wright's video was incredibly helpful in my understanding of what docker is, how it's different from virtual machines, and how to use it.
                    </p>
                    <div class="embed-responsive embed-responsive-16by9">
                        <iframe class="embed-responsive-item" src="https://www.youtube-nocookie.com/embed/YFl2mCHdv24" allowfullscreen></iframe>
                    </div>
                    <hr>
                    <h2><a name="installing_docker">Installing Docker</a></h2>
                    <p>
                        Depending on your host machine's operating system, you will install one of the following Docker products. If you have macOS or Windows, your first option should be Docker Desktop. Check if you meet the system requirements. If you do not, Docker Toolbox is the legacy option that uses Oracle VirtualBox rather than Hyper-V or HyperKit for virtualization. I am using a computer with Windows 10 Home, so I use Docker Toolbox for Windows. This blog post will discuss some solutions to edge-case issues with Docker Toolbox that Docker Desktop users will hopefully not have to deal with.
                    </p>
                    <ul>
                        <li>macOS</li>
                        <ul>
                            <li><a href="https://docs.docker.com/docker-for-mac/install/" target="_blank">Docker Desktop for Mac</a></li>
                            <li><a href="https://docs.docker.com/toolbox/toolbox_install_mac/" target="_blank">Docker Toolbox for macOS</a> (Legacy)</li>
                        </ul>
                        <li>Windows</li>
                        <ul>
                            <li><a href="https://docs.docker.com/docker-for-windows/install/" target="_blank">Docker Desktop for Windows</a></li>
                            <ul>
                                <li><a href="https://chocolatey.org/packages/docker-desktop/2.2.0.4" target="_blank">Chocolatey</a>: <code>choco install docker-desktop</code></li>
                            </ul>
                            <li><a href="https://docs.docker.com/toolbox/toolbox_install_windows/" target="_blank">Docker Toolbox for Windows</a> (Legacy)</li>
                            <ul>
                                <li><a href="https://chocolatey.org/packages/docker-toolbox" target="_blank">Chocolatey</a>: <code>choco install docker-toolbox</code></li>
                            </ul>
                        </ul>
                        <li>Linux</li>
                        <ul>
                            <li><a href="https://docs.docker.com/install/linux/docker-ce/centos/" target="_blank">Docker Engine - Community for CentOS</a></li>
                            <li><a href="https://docs.docker.com/install/linux/docker-ce/debian/" target="_blank">Docker Engine - Community for Debian</a></li>
                            <li><a href="https://docs.docker.com/install/linux/docker-ce/fedora/" target="_blank">Docker Engine - Community for Fedora</a></li>
                            <li><a href="https://docs.docker.com/install/linux/docker-ce/ubuntu/" target="_blank">Docker Engine - Community for Ubuntu</a></li>
                        </ul>
                    </ul>
                    <h3>Docker Toolbox & WSL</h3>
                    <p>
                        As mentioned previously, I am using Docker Toolbox since Windows 10 Home does not support Hyper-V for virtualization with Docker Desktop. You can run docker toolbox in a command prompt or powershell terminal, but I personally prefer to use WSL because I am more familiar with bash terminal commands. If you are interested in this setup, continue reading this section. Otherwise, you can skip ahead.
                    </p>
                    <h4>Installing WSL</h4>
                    <p>
                        The default way to install WSL is through the <a href="https://docs.microsoft.com/en-us/windows/wsl/about" target="_blank">Microsoft Store</a>. This will install WSL on your system drive (e.g. C:\). If you are like me and don't want to install it on your system drive, follow the instructions <a href="https://kontext.tech/column/tools/308/how-to-install-windows-subsystem-for-linux-on-a-non-c-drive" target="_blank">here</a>.
                    </p>
                    <h4>Setting Up Docker Toolbox with WSL</h4>
                    <p>
                        After installing WSL, follow the instructions in <a href="https://medium.com/@joaoh82/setting-up-docker-toolbox-for-windows-home-10-and-wsl-to-work-perfectly-2fd34ed41d51" target="_blank">Setting Up Docker Toolbox for Windows Home 10 and WSL to Work Perfectly!</a> starting with <b>Install Docker and Docker Compose within WSL</b>. As you will have seen near the end of that post, there are some extra steps needed to ensure that volume mounts work. After setting <code>root = /</code>, you will need to configure shared folders for the <code>default</code> docker machine in VirtualBox.
                    </p>
                    <h4>Shared Folder Configuration for Volume Mounting</h4>
                    <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">
                    <h4>Increase Docker Machine Resources</h4>
                    <p>
                        One issue I ran into with the default settings for the <code>default</code> docker machine is the amount of RAM allocated to it. I attempted to build the <a href="https://github.com/borglab/gtsam" target="_blank">GTSAM</a> library inside a docker container and ran into an <i>internal compiler error: Killed (program cc1plus)</i>. As mentioned <a href="https://github.com/docker/for-win/issues/403" target="_blank">here</a>, the solution is to increase the RAM allocated to the docker machine in VirtualBox. In the WSL terminal, run <code>docker-machine.exe stop</code> to shutdown the docker machine. When this is complete, right click on the <code>default</code> docker machine in VirtualBox and open <b>Settings</b>. In the <b>System</b> tab, increase <i>Base Memory</i>. Similar to virtual machines, I would not recommend allocating more than half of your system's RAM. For example, my computer has 16 GB of RAM, so I would only recommend allocating up to 8 GB of RAM to the docker machine. You can look through the other options, such as number of allocated processor cores, as well if you wish.
                    </p>
                    <hr>
                    <h2><a name="building_images_and_running_containers">Building Images & Running Containers</a></h2>
                    <p>
                        To learn about Dockerfiles and a basic example, check out the video in the <a href="#introduction">introduction</a>. To learn about Docker Compose, check out Jake Wright's video on the topic.
                    </p>
                    <div class="embed-responsive embed-responsive-16by9">
                        <iframe class="embed-responsive-item" src="https://www.youtube-nocookie.com/embed/Qw9zlE3t8Ko" allowfullscreen></iframe>
                    </div>
                    <hr>
                    <h2><a name="x_forwarding">X Forwarding for GUI Applications</a></h2>
                    <p>
                        In a virtual machine, you can easily run GUI applications such as a web browser, text editor, etc. In a docker container, the process is a little bit different. You will need to download an X Server such as <a href="https://sourceforge.net/projects/vcxsrv/" target="_blank">VcXsrv Windows X Server</a>. If you are using <a href="https://chocolatey.org/packages/vcxsrv" target="_blank">chocolatey</a>, you can run <code>choco install vcxsrv</code>.
                    </p>
                    <p>
                        <a href="https://dev.to/darksmile92/run-gui-app-in-linux-docker-container-on-windows-host-4kde" target="_blank">Run GUI app in linux docker container on windows host</a> provides a great explanation of why you would want to do this and how to run your docker container. The post discusses how to set your IP address as the <code>DISPLAY</code> environment variable that is passed to docker via the <code>-e DISPLAY=$DISPLAY</code> command line argument. You can alternatively pass your IP address as an environment variable in your docker compose file. This is shown in <a href="https://github.com/MAAV-Software/ros-tutorial" target="_blank">MAAV's ROS Tutorial</a> (reproduced below). The main settings to look at below are <code>environment</code> and <code>network_mode</code>. Set the <code>DISPLAY</code> environment variable to <code>[ip_address]:0.0</code> and set <code>network_mode: "host"</code>.
                    </p>
                    <pre>
                        <code>
 # docker-compose.yml
 version: "2"
 services:
 ros-demo:
    image: ros-demo
    privileged: true
    volumes:
    # Mount the current directory do everything in /tutorial within docker
    - .:/tutorial:rw
    environment:
    - DISPLAY=1.1.1.1:0.0 # Change 1.1.1.1 to your IP Address
    network_mode: "host"
    container_name: ros-demo
    command: "/bin/bash --init-file scripts/source-ros.sh" #source ros automatically
                        </code>
                    </pre>
                    <hr>
                    <h2><a name="helpful_commands">Helpful Docker Commands</a></h2>
                    <p>
                        <ul>
                            <li>System Prune to clear space on Docker Machine</li>
                            <ul>
                                <li><code>docker system prune --volumes</code></li>
                            </ul>                         
                        </ul>
                    </p>
                    <hr>
                    <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="../web_pages/about.html#contact_me">contact me</a>.
                    </p>
                    <hr>
                </div>
                <div class="col-md-2">
                    <!-- Nothing -->
                </div>
            </div>
        </div>
    </body>
    <footer>
        <script language="javascript" type="text/javascript" src="../common/footer.txt"></script>
    </footer>
 </html>
--- a/common/footer.html
+++ b/common/footer.html
@@ -1,9 +0,0 @@
 <div class="container-fluid px-md-6">
    <div class="row align-items-center">
        <div class="col-md-12">
            <small>
                Copyright &copy; 2019 Sravan Balaji under <a rel="license" href="https://docs.google.com/gview?url=https://github.com/balajsra/balajsra.github.io/raw/master/LICENSE" target="_blank">MIT License</a>
            </small>
        </div>
    </div>
 </div>
--- a/common/header.html
+++ b/common/header.html
@@ -1,22 +0,0 @@
 <!--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"/>
--- a/common/header.txt
+++ b/common/header.txt
@@ -1 +0,0 @@
 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"/>')
--- a/common/navbar.html
+++ b/common/navbar.html
@@ -1,111 +0,0 @@
 <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>
--- a/common/navbar.txt
+++ b/common/navbar.txt
@@ -1 +0,0 @@
 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>')
--- a/common/styles.css
+++ b/common/styles.css
@@ -1,67 +0,0 @@
 /***********
 * General *
 ***********/
 body {
    background-color: #E8EEF2;
    padding-top: 65px;
    font-family: Arial, Verdana, Tahoma, sans-serif;
 }
 /****************
 * Main Content *
 ****************/
 .my-nav {
    background: #00274C;
    font-size: 18px;
 }
 .my-nav .nav-link {
    color: #FFCB05;
 }
 .my-nav .nav-link:hover {
    color: #30C5FF;
 }
 .my-nav .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 39, 76, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
 }
 .my-nav .navbar-toggler {
    background: #FFCB05; /* pick your color */
 }
 .container-fluid {
    color: #000000;
    font-size: 18px;
 }
 .container-fluid h1 {
    padding: 10px 10px;
    background: #00274C;
    color: #FFCB05;
 }
 .row {
    /* border: 1px solid red; */
    margin-bottom: 10px;
 }
 /* Add an invisible target before
   anchor links so navbar doesn't
   block content */
 :target::before {
    content: "";
    display: block;
    margin-top: -80px;
    height: 80px;
    width: 1px;
 }
 /* Side Padding */
@media (min-width: 768px) {
    .px-md-6 {
        padding-left: 12.5% !important;
        padding-right: 12.5% !important;
    }
 }
--- a/index.html
+++ b/index.html
@@ -1,4 +1,7 @@
 <!--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
-</head>
+		http-equiv="refresh"
 		content="0; url=./src/index.html"
 	/>
 </head>
--- a/src/about.html
+++ b/src/about.html
@@ -0,0 +1,169 @@
 <!DOCTYPE html>
 <html lang="en" color-mode="light">
  <head>
    <script
      language="javascript"
      type="text/javascript"
      src="common/header.txt"
    ></script>
    <title>About</title>
  </head>
  <script
    language="javascript"
    type="text/javascript"
    src="common/navbar.txt"
  ></script>
  <body>
    <div class="container-fluid px-md-6">
      <!---------------------------------
                BIO
            ----------------------------------->
      <div id="bio">
        <div class="row align-items-center">
          <div class="col-md-12">
            <h1><a name="bio">Bio</a></h1>
          </div>
        </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"
            />
          </div>
          <div class="col-md-9">
            <p>
              Sravan Balaji completed his undergraduate and graduate degrees at
              the
              <a href="https://umich.edu" target="_blank"
                >University of Michigan, Ann Arbor</a
              >. He earned 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
              >
              in December 2020 and an M.S. in
              <a href="https://robotics.umich.edu/" target="_blank">Robotics</a>
              in December 2021.
            </p>
            <p>
              Sravan worked as a Graduate Navigation Intern at
              <a href="https://www.mitre.org/" target="_blank">MITRE</a>
              during summer 2021. You can learn more about this and his other
              work experiences in the
              <a href="./portfolio.html#professional_experience"
                >professional experience</a
              >
              section of the
              <a href="./portfolio.html">portfolio</a> page. He is currently
              working at
              <a href="https://www.mitre.org/" target="_blank">MITRE</a>
              as an Associate Autonomous Systems Engineer in McLean, VA.
            </p>
            <p>
              Sravan's professional and academic interests are in controls,
              motion planning, robotic perception & manipulation, autonomous &
              connected vehicles, software development, and GNU/Linux among
              other things. His personal interests include video games,
              podcasts, music, cooking, football, soccer, formula 1, and
              productivity software.
            </p>
          </div>
        </div>
        <div class="row align-items-center">
          <div class="col-md-12">
            <h1><a name="contact_me">Contact Me</a></h1>
          </div>
        </div>
        <div class="row align-items-center">
          <div class="col-md-12">
            <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
              <a
                href="https://github.com/balajsra/sravanbalaji.com"
                target="_blank"
              >
                GitHub repository</a
              >. 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. Finally, check out my YouTube channel if you are
              interested in some of the projects I have worked on.
            </p>
          </div>
        </div>
      </div>
      <!---------------------------------
                CONTACT ME
            ----------------------------------->
      <div id="contact_me">
        <div class="row align-items-center">
          <div class="col-md-3 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"
              />
            </a>
            <p><br /><b>Email:</b> balajsra@umich.edu</p>
          </div>
          <div class="col-md-3 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"
              />
            </a>
            <p><br /><b>LinkedIn:</b> sravan-balaji</p>
          </div>
          <div class="col-md-3 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"
              />
            </a>
            <p><br /><b>GitHub:</b> balajsra</p>
          </div>
          <div class="col-md-3 text-center">
            <a
              href="https://www.youtube.com/channel/UC-xFJ4IKdogbpoQdQf2mgaA"
              target="_blank"
            >
              <img
                class="img-fluid mx-auto d-block"
                alt="YouTube"
                src="./assets/about/youtube.png"
              />
            </a>
            <p><br /><b>YouTube:</b> Sravan Balaji</p>
          </div>
        </div>
      </div>
    </div>
  </body>
  <footer>
    <script
      language="javascript"
      type="text/javascript"
      src="common/footer.txt"
    ></script>
  </footer>
 </html>
--- a/src/assets/about/email.png
+++ b/src/assets/about/email.png
--- a/src/assets/about/github.png
+++ b/src/assets/about/github.png
--- a/src/assets/about/linkedin.png
+++ b/src/assets/about/linkedin.png
--- a/src/assets/about/profile_picture.jpg
+++ b/src/assets/about/profile_picture.jpg
--- a/src/assets/about/youtube.png
+++ b/src/assets/about/youtube.png
--- a/src/assets/blog_posts/Docker/cover_docker.png
+++ b/src/assets/blog_posts/Docker/cover_docker.png
--- a/src/assets/blog_posts/Docker/virtual_box_shared_folder.jpg
+++ b/src/assets/blog_posts/Docker/virtual_box_shared_folder.jpg
--- a/src/assets/blog_posts/oryx_pro_review/01_oryp7.jpg
+++ b/src/assets/blog_posts/oryx_pro_review/01_oryp7.jpg
--- a/src/assets/blog_posts/oryx_pro_review/02_oryp7.jpg
+++ b/src/assets/blog_posts/oryx_pro_review/02_oryp7.jpg
--- a/src/assets/blog_posts/oryx_pro_review/03_oryp7.jpg
+++ b/src/assets/blog_posts/oryx_pro_review/03_oryp7.jpg
--- a/src/assets/blog_posts/oryx_pro_review/04_oryp7.jpg
+++ b/src/assets/blog_posts/oryx_pro_review/04_oryp7.jpg
--- a/src/assets/blog_posts/oryx_pro_review/05_oryp7.jpg
+++ b/src/assets/blog_posts/oryx_pro_review/05_oryp7.jpg
--- a/src/assets/blog_posts/oryx_pro_review/06_oryp7.jpg
+++ b/src/assets/blog_posts/oryx_pro_review/06_oryp7.jpg
--- a/src/assets/blog_posts/oryx_pro_review/07_oryp7.jpg
+++ b/src/assets/blog_posts/oryx_pro_review/07_oryp7.jpg
--- a/src/assets/blog_posts/oryx_pro_review/08_oryp7.jpg
+++ b/src/assets/blog_posts/oryx_pro_review/08_oryp7.jpg
--- a/src/assets/blog_posts/oryx_pro_review/09_oryp7.jpg
+++ b/src/assets/blog_posts/oryx_pro_review/09_oryp7.jpg
--- a/src/assets/blog_posts/oryx_pro_review/10_oryp7.jpg
+++ b/src/assets/blog_posts/oryx_pro_review/10_oryp7.jpg
--- a/src/assets/blog_posts/oryx_pro_review/11_oryp7.jpg
+++ b/src/assets/blog_posts/oryx_pro_review/11_oryp7.jpg
--- a/src/assets/blog_posts/windows_to_linux/cover_windows_to_linux.jpeg
+++ b/src/assets/blog_posts/windows_to_linux/cover_windows_to_linux.jpeg
--- a/src/assets/blog_posts/windows_to_linux/dwm_flexipatch_screenshot.png
+++ b/src/assets/blog_posts/windows_to_linux/dwm_flexipatch_screenshot.png
--- a/src/assets/branding/color_palette.png
+++ b/src/assets/branding/color_palette.png
--- a/src/assets/branding/favicon.ico
+++ b/src/assets/branding/favicon.ico
--- a/src/assets/branding/logo.png
+++ b/src/assets/branding/logo.png
--- a/src/assets/branding/logo_with_name.png
+++ b/src/assets/branding/logo_with_name.png
--- a/src/assets/branding/name.png
+++ b/src/assets/branding/name.png
--- a/src/assets/education/logo-computer-science.jpg
+++ b/src/assets/education/logo-computer-science.jpg
--- a/src/assets/education/logo-mechanical-engineering.jpg
+++ b/src/assets/education/logo-mechanical-engineering.jpg
--- a/src/assets/education/logo-robotics.png
+++ b/src/assets/education/logo-robotics.png
--- a/src/assets/education/logo-umich.png
+++ b/src/assets/education/logo-umich.png
--- a/src/assets/hardware/galaxy-watch5-pro.png
+++ b/src/assets/hardware/galaxy-watch5-pro.png
--- a/src/assets/hardware/galaxy-z-fold-4.png
+++ b/src/assets/hardware/galaxy-z-fold-4.png
--- a/src/assets/hardware/galaxy_buds2pro.png
+++ b/src/assets/hardware/galaxy_buds2pro.png
--- a/src/assets/hardware/keychron_q1_pro.avif
+++ b/src/assets/hardware/keychron_q1_pro.avif
--- a/src/assets/hardware/oryx-pro-7.png
+++ b/src/assets/hardware/oryx-pro-7.png
--- a/src/assets/hardware/wh-1000xm4.png
+++ b/src/assets/hardware/wh-1000xm4.png
--- a/src/assets/podcasts/decoder.jpg
+++ b/src/assets/podcasts/decoder.jpg
--- a/src/assets/podcasts/football-weekly.jpg
+++ b/src/assets/podcasts/football-weekly.jpg
--- a/src/assets/podcasts/hardcore-history.jpg
+++ b/src/assets/podcasts/hardcore-history.jpg
--- a/src/assets/podcasts/missed-apex.jpg
+++ b/src/assets/podcasts/missed-apex.jpg
--- a/src/assets/podcasts/throughline.jpg
+++ b/src/assets/podcasts/throughline.jpg
--- a/src/assets/podcasts/vergecast.jpg
+++ b/src/assets/podcasts/vergecast.jpg
--- a/src/assets/podcasts/wait-wait.jpg
+++ b/src/assets/podcasts/wait-wait.jpg
--- a/src/assets/professional_experience/logo-hughes.jpg
+++ b/src/assets/professional_experience/logo-hughes.jpg
--- a/src/assets/professional_experience/logo-metron.jpeg
+++ b/src/assets/professional_experience/logo-metron.jpeg
--- a/src/assets/professional_experience/logo-mitre.jpeg
+++ b/src/assets/professional_experience/logo-mitre.jpeg
--- a/src/assets/professional_experience/logo-rivian.png
+++ b/src/assets/professional_experience/logo-rivian.png
--- a/src/assets/programming/logo-emacs.png
+++ b/src/assets/programming/logo-emacs.png
--- a/src/assets/programming/visual_studio_code.jpg
+++ b/src/assets/programming/visual_studio_code.jpg
--- a/src/assets/software/logo-bitwarden.png
+++ b/src/assets/software/logo-bitwarden.png
--- a/src/assets/software/logo-ferdium.png
+++ b/src/assets/software/logo-ferdium.png
--- a/src/assets/software/logo-lutris.png
+++ b/src/assets/software/logo-lutris.png
--- a/src/assets/software/logo-notion.png
+++ b/src/assets/software/logo-notion.png
--- a/src/assets/software/logo-pocket-casts.png
+++ b/src/assets/software/logo-pocket-casts.png
--- a/src/assets/software/logo-signal.svg
+++ b/src/assets/software/logo-signal.svg
@@ -0,0 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024">
  <path fill="#3a76f0" d="M0,0v1024h1024V0H0z"/>
  <path fill="#ffffff" d="M427.5,170.3l7.9,32A319.6,319.6,0,0,0,347,238.9l-16.9-28.3A347.6,347.6,0,0,1,427.5,170.3Zm169,0-7.9,32A319.6,319.6,0,0,1,677,238.9l17.1-28.3A350.1,350.1,0,0,0,596.5,170.3ZM210.6,330a349.5,349.5,0,0,0-40.3,97.5l32,7.9A319.6,319.6,0,0,1,238.9,347ZM193,512a318.5,318.5,0,0,1,3.6-47.8l-32.6-5a352,352,0,0,0,0,105.5l32.6-4.9A319.5,319.5,0,0,1,193,512ZM693.9,813.3,677,785.1a317.8,317.8,0,0,1-88.3,36.6l7.9,32A350.3,350.3,0,0,0,693.9,813.3ZM831,512a319.5,319.5,0,0,1-3.6,47.8l32.6,4.9a352,352,0,0,0,0-105.5l-32.6,5A318.5,318.5,0,0,1,831,512Zm22.7,84.4-32-7.9A319,319,0,0,1,785.1,677l28.3,17A348.9,348.9,0,0,0,853.7,596.4Zm-293.9,231a319.1,319.1,0,0,1-95.6,0L459.3,860a351.3,351.3,0,0,0,105.4,0Zm209-126.2a318.1,318.1,0,0,1-67.6,67.5l19.6,26.6A355.1,355.1,0,0,0,795.4,721Zm-67.6-446a318.6,318.6,0,0,1,67.6,67.6L795.4,303A354.6,354.6,0,0,0,721,228.6Zm-446,67.6a318.6,318.6,0,0,1,67.6-67.6L303,228.6A354.6,354.6,0,0,0,228.6,303ZM813.4,330l-28.3,17a317.8,317.8,0,0,1,36.6,88.3l32-7.9A348.9,348.9,0,0,0,813.4,330ZM464.2,196.6a319.1,319.1,0,0,1,95.6,0l4.9-32.6a351.3,351.3,0,0,0-105.4,0ZM272.1,804.1,204,819.9l15.9-68.1-32.1-7.5-15.9,68.1a33,33,0,0,0,24.6,39.7,34.5,34.5,0,0,0,15,0l68.1-15.7Zm-77.5-89.2,32.2,7.4,11-47.2a316.2,316.2,0,0,1-35.5-86.6l-32,7.9a353.3,353.3,0,0,0,32.4,83.7Zm154,71.4-47.2,11,7.5,32.2,34.7-8.1a349,349,0,0,0,83.7,32.4l7.9-32a316.7,316.7,0,0,1-86.3-35.7ZM512,226c-158,.1-285.9,128.2-285.9,286.1a286.7,286.7,0,0,0,43.9,152L242.5,781.5,359.8,754c133.7,84.1,310.3,44,394.4-89.6S798.3,354.2,664.7,270A286.7,286.7,0,0,0,512,226s"/>
 </svg>
--- a/src/assets/software/logo-spotify.png
+++ b/src/assets/software/logo-spotify.png
--- a/src/assets/software/logo-vivaldi.png
+++ b/src/assets/software/logo-vivaldi.png
--- a/src/assets/software/logo-youtube-revanced.png
+++ b/src/assets/software/logo-youtube-revanced.png
--- a/src/assets/video_games/logo-nintendo-switch.png
+++ b/src/assets/video_games/logo-nintendo-switch.png
--- a/src/assets/video_games/logo-pc.jpeg
+++ b/src/assets/video_games/logo-pc.jpeg
--- a/src/assets/video_games/logo-ps4.jpg
+++ b/src/assets/video_games/logo-ps4.jpg
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Sravan Balaji	ceea34cb51	Replace Google Drive PDF Viewer with Link to GitHub - Google drive PDF viewer appears to be broken or unreliable now, so switched to a simple link to the GitHub repo	2024-04-19 11:24:48 -04:00
Sravan Balaji	b94cfbdf76	Change top level index redirection to relative path	2023-08-25 15:27:55 -04:00
Sravan Balaji	255d6b1920	April 2023 Update - Update personal page with new devices, remove deprecated VS Code extensions, replace deprecated apps, add mechanical keyboard - Update portfolio page with new jobs and move education to end - Update images	2023-04-08 11:11:07 -04:00
Sravan Balaji	7fbedea388	Update Oryx Pro 7 Review - Remove details about freezing / crashing and replace with solutions I found to resolve them	2022-07-01 22:16:18 -04:00
Sravan Balaji	f044b27a34	Update Windows to Linux Blog Post - Add "Are We Anti-Cheat Yet?" website - Update that oryx pro issues were resolved through suggestions on ArchWiki	2022-07-01 21:13:26 -04:00
Sravan Balaji	b10995bbef	Ferdium and YouTube Vanced Updates - Remove executable permission from logo-spotify.png - Replace Ferdi with Ferdium in software section of personal page - Replace ferdi logo with ferdium - Update YouTube Vanced info with current status of project	2022-06-02 19:35:17 -04:00
Sravan Balaji	01298d0249	Associate Autonomous Systems Engineer at MITRE Update	2022-01-25 10:49:36 -05:00
Sravan Balaji	87f653243a	Notion Enhancer Update - Update link to notion enhancer website under notion - Add notion-enhancer chrome extension link under vivaldi	2021-12-31 08:40:48 -05:00
Sravan Balaji	d8cc6f8ef6	End of Fall 2021 Semester Updates - Add completion of Master's in Robotics to about and portfolio page and update GPA - Add Autonomous Systems Engineer position to portfolio - Add start/end days to all positions in case I need them for job applications - Fix closing div position in portfolio page - Add F1 to personal interests - Remove Bootleg Football podcast - Remove podcast authors from podcast title - Update Football Weekly podcast description - Add Missed Apex F1 podcast	2021-12-25 11:29:40 -05:00
Sravan Balaji	dbba94a679	Update Linux Related Blog Posts - Update screenshot of dwm-flexipatch setup - Add solution I found for system freezing on oryp7 - Replace "customizability" with "ArchWiki" in reasons for using Arch	2021-12-07 14:49:58 -05:00
Sravan Balaji	2973477f69	Add Bitwarden & Lutris to Software - Re-order platforms in software section (Web, Linux, Windows, macOS, Android, iOS) - Add list of browser extension I use for Vivaldi - Add bitwarden and logo to software section - Add lutris and logo to software section	2021-09-26 17:51:51 -04:00
Sravan Balaji	942040d68b	Update Video Games Section - Remove steam profile from video games section - Add some paragraph text under favorite games section - Add link to my Grouvee video game collection profile - Change favorite game list to 3 columns style - Add line breaks between platform images and list - Update favorite video game list	2021-09-26 16:53:44 -04:00
Sravan Balaji	bc54bf81f7	Emacs & Update Video Games and Podcasts Lists - Add emacs to software list - Update VS Code description - Update favorite video games list and order alphabetically - Update favorite podcasts list and order alphabetically - Update football weekly podcast image	2021-09-17 09:54:51 -04:00
Sravan Balaji	bcca7464c3	MITRE Internship Description & Bio Update - Prettier (emacs) formatting of html files - Update bio for post-summer 2021 - Add full-time job at MITRE for 2022 in bio - Change Fall 2021 semester to current in portfolio - Add description of MITRE Graduate Navigation Internship to portfolio	2021-09-16 22:35:04 -04:00
Sravan Balaji	f9f6b9331c	Small blog post updates - Added some more links and fleshed out wording - Fixed some consistency issues	2021-08-27 12:19:57 -04:00
Sravan Balaji	94c8db5975	New Blog Posts & Hardware Updates - Add docker whale image locally - Add oryx pro review - Add blog post on linux journey - Update VS Code Extensions - Replace Brave with Vivaldi - Replace desktop and HP Spectre with oryx pro in hardware - Update Surface Go and Sony headphones sections of hardware - Add and delete some images	2021-08-26 16:59:30 -04:00
Sravan Balaji	fdf342e205	End of Winter 2021 Updates - Update bio page with info about summer 2021 internship - Update portfolio page with Winter 2021 GPA, Fall 2021 classes, and summer 2021 internship	2021-05-04 14:00:33 -04:00
Sravan Balaji	c78fb4b0af	Signal & Winter 2021 Course Update - Add Signal to software section - Update Winter 2021 course list	2021-01-18 20:30:36 -05:00
Sravan Balaji	4b02f3ef81	NA 568 Grader Position Update - Add NA 568 grader position to bio	2021-01-15 13:37:42 -05:00
Sravan Balaji	bacf147758	Small Changes & Fixes - Add line break between captions and images in about page - Expand welcome section of index page - Fixe YouTube vanced link	2020-12-21 12:30:52 -05:00
Sravan Balaji	be4b6857fa	End of Fall 2020 Updates - Update bio to reference completed Bachelor's degrees - Update GPA for undergrad - Add courses for Winter 2021 semester	2020-12-20 15:37:08 -05:00
Sravan Balaji	13919c27e5	Summer 2021 Internship - Update bio to include summer 2021 internship at MITRE	2020-11-23 11:25:57 -05:00
Sravan Balaji	b5d59fec5e	Robotics MS Update - Update about page to include admission to Robotics MS - Update academic/professional interests in about page - Change semester order to new->old in portfolio page - Add M.S. in Robotics to education section - Add UMICH robotics logo	2020-11-13 12:06:21 -05:00
Sravan Balaji	53f23794d4	Windows Past Tense, Update Images, Update Software - Update email, github, linkedin, and color palette images - Add YouTube, color palette, and spotify images - Add link to YouTube channel in about page - Update references to Windows 10 to past tense - Update coolors color scheme to use new link color - Add notion-enhancer to software section - Add more info to pocket casts section - Add spotify and spicetify to software section - Add speaker issues to HP Spectre x360 section	2020-11-02 10:31:49 -05:00
Sravan Balaji	c032f1ded8	Remove Chocolatey - Remove references to chocolatey in docker blog post	2020-10-24 19:43:35 -04:00
Sravan Balaji	46f7e466ec	Personal Page Updates - Remove chocolatey and references to choco install - Update VSCode extensions and theme - Replace Clatter with Ferdi - Remove windows specific software - Replace edge with brave - Fix wording in hardware section - Update steam profile - Update favorite game list - Update podcasts - Add logos for new sections and remove old ones	2020-10-24 19:42:02 -04:00
Sravan Balaji	3e1d17c406	Style Fixes & highlight.js - Add highlight.js for code blocks - Specify docker code block language - Add dracula theme to documentation - Update color palette to work better in light mode - Add extra colors to styles.css - Style label, links, code, horizontal rule, and accordion	2020-10-24 18:48:12 -04:00
Sravan Balaji	a2d4b78a37	Dracula Dark Theme - Clean up dark mode javascript - Change label with color mode - Change dark mode colors to dracula style - Change document load to ready so CSS is applied faster	2020-10-24 17:57:09 -04:00
Sravan Balaji	0ac764778d	Dark Mode - Add dark mode toggle button to navbar - Parameterize colors in styles.css - Add dark mode button javascript	2020-10-24 17:15:55 -04:00
Sravan Balaji	0eab7a5df1	Documentation Update - Add paragraph on namecheap - Split text into separate paragraphs - Add paragraph on netlify web hosting	2020-10-24 16:17:16 -04:00
Sravan Balaji	e31b13191b	Updated Content, Single Stylesheet, Whitespace Changes - Update whitespace formatting with prettier extension - Reorganize files under src folder - Move html files out of web_pages folder - Move stylesheet into style folder - Change links from old repo to new repo - Clean-up some files - Move all in-line styles to styles.css	2020-10-24 15:00:43 -04:00
		`@@ -1 +0,0 @@`
			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 +0,0 @@`
			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>')