5 Commits

Author SHA1 Message Date
Sravan Balaji
8e57121e35 Finish Work Page
- Update copyright message to specify theme
- Add hard & soft skills and project descriptions to work page
- Comment out WIP research and projects pages of portfolio
- Fix capitalization & plural of i18n IDs
- Change "About Us" to "About Me" in navbar
- Update generated html files
2020-09-06 20:50:48 -04:00
Sravan Balaji
f96e6f50ac Split Up About Section & Add Portfolio pages from old website
- Remove old website files
- Update menu navigation options
- Remove social links from bio page
- Use link shortcode to open links in new tab
- Add completed contact info, education, and resume pages
- Add WIP pages for projects, research, work experience
- Split about section into about & portfolio
2020-08-27 00:05:46 -04:00
Sravan Balaji
09376704b4 Basic Website Framework
- Copy example site files from meghna themes
- Remove french language options
- Add email and youtube to social icons
- Add bio with content from old website files
- Add about blocks with links to different sections of portfolio
- Add rubik's cube picture as banner background
- Add logo as favicon
- Add profile picture for bio
2020-07-12 22:52:04 -04:00
Sravan Balaji
6e65d258ab Meghna Theme Fork
- Change submodule to personal fork of meghna theme
- Point to latest commit of submodule
2020-07-12 22:47:37 -04:00
Sravan Balaji
a95702d535 Hugo Website Template & Meghna Theme
- Add meghna hugo theme submodule
- Add .gitignore for netlify local folder
- Add hugo website template
- Copy config.toml from meghna theme
- Add logo
2020-07-12 01:05:15 -04:00
147 changed files with 5582 additions and 2160 deletions

2
.gitignore vendored Normal file
View File

@@ -0,0 +1,2 @@
# Local Netlify folder
.netlify

3
.gitmodules vendored Normal file
View File

@@ -0,0 +1,3 @@
[submodule "hugo/themes/meghna"]
path = hugo/themes/meghna
url = git@github.com:balajsra/meghna-hugo.git

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 152 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 432 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 92 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 198 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 112 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 68 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 196 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 148 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 155 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

View File

@@ -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>

View File

@@ -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>

View File

@@ -1 +0,0 @@
document.write('<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>')

View File

@@ -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"/>

View File

@@ -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"/>')

View File

@@ -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>

View File

@@ -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>')

View File

@@ -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;
}
}

View File

@@ -0,0 +1,6 @@
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
---

110
hugo/config.toml Normal file
View File

@@ -0,0 +1,110 @@
################################# Default configuration ###################
baseURL = "https://sravanbalaji.com"
title = "Sravan Balaji"
theme = "meghna"
# post pagination
paginate = "6"
# post excerpt
summaryLength = "15"
# disqus short name
disqusShortname = "" # get your shortname form here : https://disqus.com
# disable language
disableLanguages = []
############################# Plugins ##########################
# css plugins
[[params.plugins.css]]
link = "plugins/bootstrap/bootstrap.min.css"
[[params.plugins.css]]
link = "plugins/themify-icons/themify-icons.css"
[[params.plugins.css]]
link = "plugins/magnific-popup/magnific-popup.css"
[[params.plugins.css]]
link = "plugins/slick/slick.css"
[[params.plugins.css]]
link = "https://fonts.googleapis.com/css?family=Anaheim|Quattrocento+Sans:400,700&display=swap"
# js plugins
[[params.plugins.js]]
link = "plugins/jquery/jquery.min.js"
[[params.plugins.js]]
link = "plugins/bootstrap/bootstrap.min.js"
[[params.plugins.js]]
link = "plugins/slick/slick.min.js"
[[params.plugins.js]]
link = "plugins/shuffle/shuffle.min.js"
[[params.plugins.js]]
link = "plugins/magnific-popup/jquery.magnific-popup.min.js"
[[params.plugins.js]]
link = "plugins/lazy-load/lozad.min.js"
[[params.plugins.js]]
link = "plugins/google-map/map.js"
############################# Navigation ##################################
[[menu.main]]
name = "about"
URL = "about"
weight = 1
[[menu.main]]
name = "portfolio"
URL = "portfolio"
weight = 2
[[menu.main]]
name = "blog"
URL = "blog"
weight = 3
[[menu.main]]
name = "documentation"
URL = "documentation"
weight = 4
#### external / static link ####
# [[menu.static]]
# name = "themefisher"
# URL = "https://themefisher.com/"
# weight = 8
############################# Default Parameters ##########################
[params]
logo = "images/logo.png"
# Meta data
description = "Responsive Multipurpose Parallax HTML5 Template"
author = "Themefisher"
# Google Analytics
google_analytics_id = "" # Your ID
# post share
post_share = true
# preloader
[params.preloader]
enable = true
preloader = "images/logo.png"
############################# social icons ##########################
[[params.social]]
icon = "ti-email" # themify icon pack : https://themify.me/themify-icons
link = "mailto:balajsra@umich.edu"
[[params.social]]
icon = "ti-linkedin" # themify icon pack : https://themify.me/themify-icons
link = "https://www.linkedin.com/in/sravan-balaji/"
[[params.social]]
icon = "ti-github" # themify icon pack : https://themify.me/themify-icons
link = "https://github.com/balajsra"
[[params.social]]
icon = "ti-youtube" # themify icon pack : https://themify.me/themify-icons
link = "https://www.youtube.com/channel/UC-xFJ4IKdogbpoQdQf2mgaA"
################################ English Language ########################
[Languages.en]
languageName = "En"
languageCode = "en-us"
contentDir = "content/english"
weight = 1
home = "Home"
copyright = "meghna theme copyright &copy; 2020 [gethugothemes](https://gethugothemes.com) all right reserved"

View File

@@ -0,0 +1,10 @@
---
title: "Sravan Balaji"
image: "images/author/sravan-balaji.jpg"
email: "balajsra@umich.edu"
---
Sravan Balaji is a Senior at the {{< link url="https://umich.edu" text="University of Michigan" >}} pursuing dual B.S.E.'s in {{< link url="https://me.engin.umich.edu/" text="Mechanical Engineering" >}} and {{< link url="https://cse.engin.umich.edu/" text="Computer Science" >}} with an expected graduation of December 2020. Upon completion of his Bachelor's degrees, he plans on continuing his education with a Master's in Robotics.
Sravan most recently completed an ADAS Controls Internship at {{< link url="https://rivian.com" text="Rivian" >}} for the Summer of 2020. He will be returning to the {{< link url="https://umich.edu" text="University of Michigan" >}} for his final undergraduate semester in the Fall of 2020.
Sravan's professional and academic interests are in robotics, mechatronics, autonomous systems, controls, programming, and GNU/Linux among other things. His personal interests include video games, podcasts, music, cooking, football, soccer, and personal / project management software.

View File

@@ -0,0 +1,7 @@
---
title: "Contact Info"
---
**Feel free to reach out to me via email, LinkedIn, GitHub, or YouTube via the links below. I'm happy to discuss my website, college education, professional experience, or anything else really. I will do my best to respond in a timely manner.**
**If you have suggestions for the website or would like to see the source files, check out my {{< link url="https://github.com/balajsra/sravanbalaji.com" text="GitHub repository" >}}.**

View File

@@ -0,0 +1,209 @@
---
title: "Education"
---
{{< rawhtml >}}
<div class="row">
<div class="col-md-12">
<hr>
</div>
</div>
<div class="row">
<div class="col-md-6">
<!-- UNIVERSITY OF MICHIGAN -->
<div class="row align-items-center">
<div class="col-md-12">
<h2><b>University of Michigan</b> (Ann Arbor, MI)</h2>
</div>
</div>
<!-- BSE MECHANICAL ENGINEERING -->
<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="{{< relpath path=`images/education/logo-mechanical-engineering.jpg` >}}">
</a>
</div>
<div class="col-md-8">
<h3>B.S.E. in Mechanical Engineering</h3>
<h5><i>September 2016 - December 2020</i></h5>
<p>
<b>GPA:</b> 3.757<br>
<b>Focus:</b> Controls<br>
</p>
</div>
</div>
<!-- BSE COMPUTER SCIENCE -->
<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="{{< relpath path=`images/education/logo-computer-science.jpg` >}}">
</a>
</div>
<div class="col-md-8">
<h3>B.S.E. in Computer Science</h3>
<h5><i>September 2016 - December 2020</i></h5>
<p>
<b>GPA:</b> 3.757<br>
<b>Focus:</b> Intelligent Systems<br>
</p>
</div>
</div>
</div>
<div class="col-md-6">
<div id="undergrad_coursework">
<div class="card section-bg">
<!-- 1. FALL 2016 -->
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#fall2016">
<b>1. Fall 2016</b>
</a>
</div>
<div id="fall2016" class="collapse" data-parent="#undergrad_coursework">
<div class="card-body">
<p><ul>
<li><b>ALA 105</b> - Digital Research: Critical Concepts & Strategies</li>
<li><b>ENGR 151</b> - Accelerated Introduction to Computers and Programming</li>
<li><b>MATH 216</b> - Introduction to Differential Equations</li>
<li><b>SOC 100</b> - Introduction to Sociology</li>
</ul></p>
</div>
</div>
<!-- 2. WINTER 2017 -->
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#winter2017">
<b>2. Winter 2017</b>
</a>
</div>
<div id="winter2017" class="collapse" data-parent="#undergrad_coursework">
<div class="card-body">
<p><ul>
<li><b>CLCIV 385</b> - Greek Mythology</li>
<li><b>EECS 203</b> - Discrete Mathematics</li>
<li><b>ENGR 100</b> - Introduction to Engineering: Solar Energy and Self-Powered Wireless Systems</li>
<li><b>MECHENG 211</b> - Introduction to Solid Mechanics</li>
</ul></p>
</div>
</div>
<!-- 3. FALL 2017 -->
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#fall2017">
<b>3. Fall 2017</b>
</a>
</div>
<div id="fall2017" class="collapse" data-parent="#undergrad_coursework">
<div class="card-body">
<p><ul>
<li><b>EECS 280</b> - Programming and Introductory Data Structures</li>
<li><b>MECHENG 235</b> - Thermodynamics I</li>
<li><b>MECHENG 240</b> - Introduction to Dynamics and Vibrations</li>
<li><b>MECHENG 250</b> - Design and Manufacturing I</li>
</ul></p>
</div>
</div>
<!-- 4. WINTER 2018 -->
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#winter2018">
<b>4. Winter 2018</b>
</a>
</div>
<div id="winter2018" class="collapse" data-parent="#undergrad_coursework">
<div class="card-body">
<p><ul>
<li><b>EECS 281</b> - Data Structures and Algorithms</li>
<li><b>EECS 314</b> - Electrical Circuits, Systems, and Applications</li>
<li><b>EECS 370</b> - Introduction to Computer Organization</li>
<li><b>MECHENG 320</b> - Fluid Mechanics I</li>
</ul></p>
</div>
</div>
<!-- 5. FALL 2018 -->
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#fall2018">
<b>5. Fall 2018</b>
</a>
</div>
<div id="fall2018" class="collapse" data-parent="#undergrad_coursework">
<div class="card-body">
<p><ul>
<li><b>MECHENG 350</b> - Design and Manufacturing II</li>
<li><b>MECHENG 360</b> - Modeling, Analysis, and Control of Dynamic Systems</li>
<li><b>MECHENG 382</b> - Mechanical Behavior of Materials</li>
</ul></p>
</div>
</div>
<!-- 6. WINTER 2019 -->
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#winter2019">
<b>6. Winter 2019</b>
</a>
</div>
<div id="winter2019" class="collapse" data-parent="#undergrad_coursework">
<div class="card-body">
<p><ul>
<li><b>EECS 201</b> - Computer Science Pragmatics</li>
<li><b>EECS 376</b> - Foundations of Computer Science</li>
<li><b>EECS 442</b> - Computer Vision</li>
<li><b>MECHENG 395</b> - Laboratory I</li>
<li><b>STATS 412</b> - Introduction to Probability & Statistics</li>
</ul></p>
</div>
</div>
<!-- 7. FALL 2019 -->
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#fall2019">
<b>7. Fall 2019</b>
</a>
</div>
<div id="fall2019" class="collapse" data-parent="#undergrad_coursework">
<div class="card-body">
<p><ul>
<li><b>EECS 492</b> - Introduction to Artificial Intelligence</li>
<li><b>MECHENG 335</b> - Heat Transfer</li>
<li><b>MECHENG 450</b> - Design and Manufacturing III</li>
<li><b>MECHENG 461</b> - Automatic Control</li>
</ul></p>
</div>
</div>
<!-- 8. WINTER 2020 -->
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#winter2020">
<b>8. Winter 2020</b>
</a>
</div>
<div id="winter2020" class="collapse" data-parent="#undergrad_coursework">
<div class="card-body">
<p><ul>
<li><b>EECS 467</b> - Autonomous Robotics</li>
<li><b>EECS 496</b> - Major Design Experience Professionalism</li>
<li><b>MECHENG 561</b> - Design of Digital Control Systems</li>
<li><b>ROB 530</b> - Mobile Robotics: Methods & Algorithms</li>
</ul></p>
</div>
</div>
<!-- 9. FALL 2020 -->
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#fall2020">
<b>9. Fall 2020</b> (In Progress)
</a>
</div>
<div id="fall2020" class="collapse show" data-parent="#undergrad_coursework">
<div class="card-body">
<p><ul>
<li><b>EECS 445</b> - Introduction to Machine Learning</li>
<li><b>EECS 493</b> - User Interface Development</li>
<li><b>MECHENG 495</b> - Laboratory II</li>
<li><b>ROB 511</b> - Robot Operating Systems</li>
</ul></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<hr>
</div>
</div>
{{< /rawhtml >}}

View File

@@ -0,0 +1,77 @@
---
title: "Projects"
---
## Install this template by following those simple steps:
### STEP-1 : Hugo installation
Check this link below for install hugo on your computer.
[hugo install documentation](https://gohugo.io/getting-started/installing/)
### STEP-2 : Create your project
Hugo provides a `new` command to create a new website.
```
hugo new site <new_project>
```
### STEP-3 : Install the theme
Run this command
```
hugo new site meghna-hugo
```
and then go to the themes folder inside of meghna-hugo folder. You can also use this command ```cd meghna-hugo/themes``` for going to this folder.
Then run the command
```
git clone git@github.com:themefisher/meghna-hugo.git
```
Alternatively, you can [download the theme as .zip](https://github.com/themefisher/meghna-hugo/archive/master.zip) file and extract it in the `themes` directory
After that you need to go to the `meghna-hugo/exampleSite` folder and copy or cut all the elements, and now go back to the root folder and paste it here.
open the command prompt again and run `cd ../` command for go back to the root folder.
### STEP-4 : Host locally
Launching the website locally by using the following command:
```
hugo serve
```
Go to `http://localhost:1313`
Or you can check this video documentation for installing this template:
{{< youtube 3O3qvDoVp5g >}}
### STEP-5 : Basic configuration
When building the website, you can set a theme by using `--theme` option. However, we suggest you modify the configuration file (`config.toml`) and set the theme as the default.
```toml
# Change the default theme to be use when building the site with Hugo
theme = "meghna-hugo"
```
### STEP-6 : Create your first content pages
```
hugo new blog/post-name.md
```
### STEP-7 : Build the website
When your site is ready to deploy, run the following command:
```
hugo
# You can also create a minified version by using this command:
hugo--minify
```
A `public` folder will be generated, containing all static content and assets for your website. It can now be deployed on any web server.

View File

@@ -0,0 +1,77 @@
---
title: "Research"
---
## Install this template by following those simple steps:
### STEP-1 : Hugo installation
Check this link below for install hugo on your computer.
[hugo install documentation](https://gohugo.io/getting-started/installing/)
### STEP-2 : Create your project
Hugo provides a `new` command to create a new website.
```
hugo new site <new_project>
```
### STEP-3 : Install the theme
Run this command
```
hugo new site meghna-hugo
```
and then go to the themes folder inside of meghna-hugo folder. You can also use this command ```cd meghna-hugo/themes``` for going to this folder.
Then run the command
```
git clone git@github.com:themefisher/meghna-hugo.git
```
Alternatively, you can [download the theme as .zip](https://github.com/themefisher/meghna-hugo/archive/master.zip) file and extract it in the `themes` directory
After that you need to go to the `meghna-hugo/exampleSite` folder and copy or cut all the elements, and now go back to the root folder and paste it here.
open the command prompt again and run `cd ../` command for go back to the root folder.
### STEP-4 : Host locally
Launching the website locally by using the following command:
```
hugo serve
```
Go to `http://localhost:1313`
Or you can check this video documentation for installing this template:
{{< youtube 3O3qvDoVp5g >}}
### STEP-5 : Basic configuration
When building the website, you can set a theme by using `--theme` option. However, we suggest you modify the configuration file (`config.toml`) and set the theme as the default.
```toml
# Change the default theme to be use when building the site with Hugo
theme = "meghna-hugo"
```
### STEP-6 : Create your first content pages
```
hugo new blog/post-name.md
```
### STEP-7 : Build the website
When your site is ready to deploy, run the following command:
```
hugo
# You can also create a minified version by using this command:
hugo--minify
```
A `public` folder will be generated, containing all static content and assets for your website. It can now be deployed on any web server.

View File

@@ -0,0 +1,448 @@
---
title: "Work Experience"
---
{{< rawhtml >}}
<div class="row align-items-center">
<div class="col-md-12">
<hr>
</div>
</div>
<!-- RIVIAN: ADAS Controls Internship (2020) -->
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-md-4">
<a href="https://rivian.com/" target="_blank">
<img class="img-fluid mx-auto d-block" src="{{< relpath path=`images/professional_experience/logo-rivian.png` >}}">
</a>
</div>
<div class="col-md-8">
<h2><b>Rivian</b></h2>
<h3>ADAS Controls Intern</h3>
<h4>Remote</h4>
<h5><i>June 2020 - August 2020</i></h5>
<p>
<b>Hard Skills:</b>
<ul>
<li><a href="https://www.mathworks.com/products/matlab.html" target="_blank">MATLAB</a></li>
<li><a href="https://www.mathworks.com/products/simulink.html" target="_blank">Simulink</a></li>
<li>Atlassian Products - <a href="https://www.atlassian.com/software/jira" target="_blank">Jira</a>, <a href="https://www.atlassian.com/software/confluence" target="_blank">Confluence</a>, <a href="https://bitbucket.org/product/" target="_blank">Bitbucket</a></li>
</ul>
<b>Soft Skills:</b>
<ul>
<li>Public Presentation</li>
<li>Design Documentation</li>
<li>Professional Communication</li>
</ul>
</p>
</div>
</div>
</div>
<div class="col-md-6">
<div id="rivian-3">
<div class="card section-bg">
<!-- MIL TEST CASE GENERATION -->
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#mil_test_case_generation">
<b>Model-In-Loop Test Case Generation</b>
</a>
</div>
<div id="mil_test_case_generation" class="collapse" data-parent="#rivian-3">
<div class="card-body">
<p>
<p><b>Problem</b></p>
<p>
Existing software components needed to be tested to ensure that requirements were being met.
</p>
<p><b>Task</b></p>
<p>
My job was to translate software component requirements into Model-in-Loop unit tests in Simulink.
</p>
<p><b>Result</b></p>
<p>
Created Model-in-Loop test cases for ~50 requirements using <a href="https://www.mathworks.com/products/simulink-test.html" target="_blank">Simulink test</a>. I was able to identify and resolve 7 issues at the model level to prevent them from reaching in-vehicle testing. To improve testing, I created a script to automatically run all test cases and generate a report for easy identification of issues. Also created documentation in <a href="https://www.atlassian.com/software/confluence" target="_blank">Confluence</a> to streamline future test case generation.
</p>
</p>
</div>
</div>
<!-- SIMULINK SOFTWARE INTEGRATION -->
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#simulink_software_integration">
<b>Simulink Software Integration</b>
</a>
</div>
<div id="simulink_software_integration" class="collapse" data-parent="#rivian-3">
<div class="card-body">
<p>
<p><b>Problem</b></p>
<p>
Co-worker had developed a new algorithm that needed to be integrated into the Simulink environment for controls software.
</p>
<p><b>Task</b></p>
<p>
My job was to communicate with my co-worker to implement the algorithm using the existing signals, processing them, and resolving issues related to <a href="https://www.mathworks.com/products/simulink-coder.html" target="_blank">Simulink Coder</a> C/C++ code generation.
</p>
<p><b>Result</b></p>
<p>
I was able to identify and suggest modifications to the algorithm to work within the limitations of <a href="https://www.mathworks.com/products/simulink-coder.html" target="_blank">Simulink Coder</a>. Learned about embedded systems, computing limitations, and how to increase software efficiency to prevent processing time delay.
</p>
</p>
</div>
</div>
<!-- TESTING DATA PROCESSING -->
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#testing_data_processing">
<b>Testing Data Processing</b>
</a>
</div>
<div id="testing_data_processing" class="collapse" data-parent="#rivian-3">
<div class="card-body">
<p>
<p><b>Problem</b></p>
<p>
Vehicle testing data needed to be processed to evaluate performance against requirements and determine controls parameters to tune.
</p>
<p><b>Task</b></p>
<p>
My job was to modify existing data processing scripts to work with new test data.
</p>
<p><b>Result</b></p>
<p>
I was able to map the signals from new test data logs to work with the existing scripts and manually calculate intermediate signals that were not recorded. This allowed me to generate plots that could easily be compared to previous test runs. From these plots, I identified potential issues that could be investigated by the controls team.
</p>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- HUGHES NETWORK SYSTEMS: Software Development Intern (2019) -->
<div class="row align-items-center">
<div class="col-md-12">
<hr>
</div>
</div>
<div class="row">
<div class="col-md-6">
<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="{{< relpath path=`images/professional_experience/logo-hughes.jpg` >}}">
</a>
</div>
<div class="col-md-8">
<h2><b>Hughes Network Systems</b></h2>
<h3>Software Development Intern</h3>
<h4>San Diego, CA</h4>
<h5><i>May 2019 - August 2019</i></h5>
<p>
<b>Hard Skills:</b>
<ul>
<li>Embedded Programming in C</li>
<li>C# and .NET Framework</li>
<ul>
<li>GUI Design</li>
<li><abbr title="REpresentational State Transfer">REST</abbr> Requests & <abbr title="File Transfer Protocol">FTP</abbr></li>
</ul>
<li>Network Communication</li>
<ul>
<li><abbr title="Transmission Control Protocol">TCP</abbr> and <abbr title="User Datagram Protocol">UDP</abbr></li>
<li><a href="https://mqtt.org/mqtt-specification/" target="_blank"><abbr title="MQ Telemetry Transport for Sensor Networks">MQTT-SN</abbr></a></li>
</ul>
</ul>
<b>Soft Skills:</b>
<ul>
<li>Public Presentation</li>
<li>Design Documentation</li>
<li>Professional Communication</li>
</ul>
</p>
</div>
</div>
</div>
<div class="col-md-6">
<div id="hughes">
<div class="card section-bg">
<!-- MOBILE TERMINAL CONFIGURATION TOOL -->
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#mobile_terminal_configuration_tool">
<b>Mobile Terminal Configuration Tool</b>
</a>
</div>
<div id="mobile_terminal_configuration_tool" class="collapse" data-parent="#hughes">
<div class="card-body">
<p>
<p><b>Problem</b></p>
<p>
Hughes sells mobile satellite terminals that provide internet and phone service to customers. Some customers who purchased terminals in bulk (~1000) required non-default settings. The configuration process of manually changing settings on each terminal was tedious and error-prone.
</p>
<p><b>Task</b></p>
<p>
My job was to develop a Windows 7 / 10 program that would automate the terminal configuration process.
</p>
<p><b>Result</b></p>
<p>
I designed and developed a GUI program in C# that detects which terminal model is connected and uses the available interface (<abbr title="REpresentational State Transfer">REST</abbr> <abbr title="Application Programming Interface">API</abbr> or <abbr title="File Transfer Protocol">FTP</abbr>) to copy the configuration of the <i>master</i> terminal. This can then be used to automatically configure subsequent terminals.
</p>
<p><b>Customer Feedback</b></p>
<blockquote class="blockquote text-center">
<p class="mb-0">"Btw the tool you sent us is helping a lot. Thank you so much."</p>
<footer class="blockquote-footer">Hughes Customer</footer>
</blockquote>
</p>
</div>
</div>
<!-- LOCATION BASED SERVICES -->
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#location_based_services">
<b>Location Based Services</b>
</a>
</div>
<div id="location_based_services" class="collapse" data-parent="#hughes">
<div class="card-body">
<p><b>Problem</b></p>
<p>
Hughes mobile terminals allow customers to have internet and phone access in remote areas via a satellite connection. Some customers may find value in a GPS feature built into the terminal. In this situation, the terminal would send GPS coordinates to a server at regular intervals of time, distance, and/or velocity as configured by the end-user.
</p>
<p><b>Task</b></p>
<p>
My task was to investigate a way to minimize the data packet size of GPS coordinates and to update the terminal's software to send these data packets to a server configured by the end-user.
</p>
<p><b>Result</b></p>
<p>
This project was assigned to me after the completion of my previous project, which was intended to last the entire internship. I was able to determine that <a href="http://www.mqtt.org/new/wp-content/uploads/2009/06/MQTT-SN_spec_v1.2.pdf" target="_blank"><abbr title="MQ Telemetry Transport for Sensor Networks">MQTT-SN</abbr></a> was a good option as it simply sends a data packet to a server without checking for acknowledgement and the packet header is sufficiently small. I successfully implemented the packet structure and delivery to the server on the terminal software written in C. However, I was unable to get the server to recognize that it received the packet in my remaining time at Hughes. Using <a href="https://www.wireshark.org" target="_blank">Wireshark</a>, I confirmed the reception of the packet, but none of the open-source <a href="http://www.mqtt.org/new/wp-content/uploads/2009/06/MQTT-SN_spec_v1.2.pdf" target="_blank"><abbr title="MQ Telemetry Transport for Sensor Networks">MQTT-SN</abbr></a> brokers I used worked.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- RIVIAN: Business Technology Intern (2018) -->
<div class="row align-items-center">
<div class="col-md-12">
<hr>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-md-4">
<a href="https://rivian.com/" target="_blank">
<img class="img-fluid mx-auto d-block" src="{{< relpath path=`images/professional_experience/logo-rivian.png` >}}">
</a>
</div>
<div class="col-md-8">
<div class="row">
<div class="col-md-12">
<h2><b>Rivian</b></h2>
<h3>Business Technology Intern</h3>
<h4>Plymouth, MI</h4>
<h5><i>May 2018 - December 2018</i></h5>
<p>
<b>Hard Skills:</b>
<ul>
<li><a href="https://www.python.org/" target="_blank">Python</a> and <a href="https://www.djangoproject.com/" target="_blank">Django Web Framework</a></li>
<li><abbr title="REpresentational State Transfer">REST</abbr> <abbr title="Application Programming Interface">API</abbr></li>
<li>Excel <abbr title="Visual Basic for Applications">VBA</abbr></li>
<li><abbr title="Bill of Materials">BOM</abbr> Analysis</li>
<li>Atlassian Products - <a href="https://www.atlassian.com/software/jira" target="_blank">Jira</a>, <a href="https://www.atlassian.com/software/confluence" target="_blank">Confluence</a>, <a href="https://bitbucket.org/product/" target="_blank">Bitbucket</a></li>
</ul>
<b>Soft Skills:</b>
<ul>
<li>Stakeholder Interviews</li>
<li>Design Documentation</li>
<li>Professional Communication</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div id="rivian-2">
<div class="card section-bg">
<!-- BILL OF MATERIALS ANALYSIS -->
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#bill_of_materials_analysis">
<b>Bill of Materials Analysis</b>
</a>
</div>
<div id="bill_of_materials_analysis" class="collapse" data-parent="#rivian-2">
<div class="card-body">
<p>
<p><b>Problem</b></p>
<p>
Rivian had an existing process for analyzing bill of materials data that needed to be further developed and maintained.
</p>
<p><b>Task</b></p>
<p>
My job was to communicate with project management to determine and implement improvements to mass and cost analysis.
</p>
<p><b>Result</b></p>
<p>
I improved the existing Excel Macro to check for inconsistencies between parent and child items so mass and cost was not double counted. Additionally, improved the user interface by adding macro buttons to allow for quick filtering of pivot tables and highlight potential discrepancies.
</p>
</p>
</div>
</div>
<!-- INTERNAL WEBSITE -->
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#internal_website">
<b>Internal Website</b>
</a>
</div>
<div id="internal_website" class="collapse" data-parent="#rivian-2">
<div class="card-body">
<p>
<p><b>Problem</b></p>
<p>
Requirements management in <a href="https://www.jamasoftware.com/" target="_blank">JAMA</a> was very much a manual process to check for inconsistent relationships between the different types of requirements.
</p>
<p><b>Task</b></p>
<p>
I proposed an automated system that would enforce relationships set by the systems engineering team and highlight issues that required manual intervention.
</p>
<p><b>Result</b></p>
<p>
I designed and implemented an internal-use website that collected and displayed data from business systems like <a href="https://www.jamasoftware.com/" target="_blank">JAMA</a>. This made use of <a href="https://www.jamasoftware.com/" target="_blank">JAMA</a>'s <abbr title="REpresentational State Transfer">REST</abbr> <abbr title="Application Programming Interface">API</abbr> to automatically pull requirements metadata and enforce the determined relational rules. Additionally integrated Bill of Materials analysis macro into website so users would receive the processed spreadsheet via email. Front-end design was written in HTML and back-end scripts were written in <a href="https://www.python.org/" target="_blank">Python</a> using the <a href="https://www.djangoproject.com/" target="_blank">Django Web Framework</a>.
</p>
</p>
</div>
</div>
<!-- IT Service Desk -->
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#it_service_desk">
<b>IT Service Desk</b>
</a>
</div>
<div id="it_service_desk" class="collapse" data-parent="#rivian-2">
<div class="card-body">
<p>
<p><b>Problem</b></p>
<p>
Rivian's previous IT service desk in <a href="https://www.quest.com/products/kace-systems-management-appliance/" target="_blank">KACE Systems Management</a> had issues tracking the status of tickets resulting in an <abbr title="Service-level agreement">SLA</abbr> met percentage of ~75%.
</p>
<p><b>Task</b></p>
<p>
My job was to migrate the IT service desk to <a href="https://www.atlassian.com/software/jira" target="_blank">Jira</a> and improve the ticket tracking process.
</p>
<p><b>Result</b></p>
<p>
I created custom automation rules to assign tickets based on request type and location. Created queues and reports to track response time, workload, request types, and other metrics. These efforts resulted in an <abbr title="Service-level agreement">SLA</abbr> met percentage of ~95%.
</p>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- RIVIAN: Vehicle Integration Intern (2017) -->
<div class="row align-items-center">
<div class="col-md-12">
<hr>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-md-4">
<a href="https://rivian.com/" target="_blank">
<img class="img-fluid mx-auto d-block" src="{{< relpath path=`images/professional_experience/logo-rivian.png` >}}">
</a>
</div>
<div class="col-md-8">
<div class="row">
<div class="col-md-12">
<h2><b>Rivian</b></h2>
<h3>Vehicle Integration Intern</h3>
<h4>Livonia, MI</h4>
<h5><i>June 2017 - August 2017</i></h5>
<p>
<b>Hard Skills:</b>
<ul>
<li>Java</li>
<li>Data Analysis</li>
<li>Systems Engineering / Requirements Management</li>
<li>IBM Rational DOORS</li>
</ul>
<b>Soft Skills:</b>
<ul>
<li>Design Documentation</li>
<li>Professional Communication</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div id="rivian-1">
<div class="card section-bg">
<!-- REQUIREMENTS MANAGEMENT AND SYSTEM DIAGRAMS -->
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#requirements_management_and_system_diagrams">
<b>Requirements Management and System Diagrams</b>
</a>
</div>
<div id="requirements_management_and_system_diagrams" class="collapse" data-parent="#rivian-1">
<div class="card-body">
<p>
<p><b>Problem</b></p>
<p>
Rivian needed an organized way of tracking interfaces between components and managing requirements.
</p>
<p><b>Task</b></p>
<p>
My job was to create system architecture models to help distribute and track requirements from the vehicle level to component level. Additionally, these requirements needed to be managed and distributed via DOORS Next Generation.
</p>
<p><b>Result</b></p>
<p>
I was able to speak with managers of various vehicle subsystems to understand cross-system signal interfaces. These conversations were translated to system architecture models so teams could understand what signals they are consuming and outputting. To aid in cross-team communication, I created custom report templates in DOORS Next Generation.
</p>
</p>
</div>
</div>
<!-- SIMULATION DATA ANALYSIS TOOL -->
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#simulation_data_analysis_tool">
<b>Simulation Data Analysis Tool</b>
</a>
</div>
<div id="simulation_data_analysis_tool" class="collapse" data-parent="#rivian-1">
<div class="card-body">
<p>
<p><b>Problem</b></p>
<p>
Rivian had collected simulation test data and needed to see the effect of changing vehicle parameters on performance metrics, without re-running expensive tests.
</p>
<p><b>Task</b></p>
<p>
My job was to develop a tool that could translate the collected data into a simple user interface to analyze how to optimize vehicle performance.
</p>
<p><b>Result</b></p>
<p>
I designed and developed a GUI program in Java that provided the user with sliders for the input vehicle parameters. The tool would then interpolate the performance metrics from the collected points using a neural network determined multi-variate function. The GUI tool then outputs plots showing the effect of changing each input on the projected performance output.
</p>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-12">
<hr>
</div>
</div>
{{< /rawhtml >}}

View File

@@ -0,0 +1,9 @@
---
title: "Resume"
---
**Latest version of resume can be found on [GitHub](https://github.com/balajsra/resume/blob/master/sravan_balaji_resume.pdf) or in the embedded [PDF viewer](https://docs.google.com/gview?url=https://github.com/balajsra/resume/raw/master/sravan_balaji_resume.pdf) below ([refresh](.) page if it is not visible).**
{{< rawhtml >}}
<iframe src="https://docs.google.com/gview?url=https://github.com/balajsra/resume/raw/master/sravan_balaji_resume.pdf&embedded=true" width="75%" height="1060"></iframe>
{{< /rawhtml >}}

14
hugo/data/en/about.yml Normal file
View File

@@ -0,0 +1,14 @@
############################# About ###################################
about:
enable : true
title : About Me
about_item :
- icon : ti-id-badge # themify icon pack : https://themify.me/themify-icons
title : Bio
# content : Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, nihil, libero, perspiciatis eos provident laborum eum dignissimos.
link: "author/sravan-balaji"
- icon : ti-email # themify icon pack : https://themify.me/themify-icons
title : Contact Info
# content : Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, nihil, libero, perspiciatis eos provident laborum eum dignissimos.
link: "contact/sravan-balaji"

12
hugo/data/en/banner.yml Normal file
View File

@@ -0,0 +1,12 @@
############################### Banner ################################
banner:
enable : true
bg_image_webp : "images/backgrounds/bg-background.webp"
bg_image : "images/backgrounds/bg-background.png"
icon : "" # themify icon pack : https://themify.me/themify-icons
title : "Sravan Balaji"
content : "Welcome to my personal website!"
button:
enable : true
label : "Explore"
link : "#about"

View File

@@ -0,0 +1,29 @@
############################# Portfolio ###################################
portfolio:
enable : true
title : Portfolio
about_item :
- icon : ti-file # themify icon pack : https://themify.me/themify-icons
title : Resume
# content : Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, nihil, libero, perspiciatis eos provident laborum eum dignissimos.
link: "resume/sravan-balaji"
- icon : ti-pencil-alt # themify icon pack : https://themify.me/themify-icons
title : Education
# content : Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, nihil, libero, perspiciatis eos provident laborum eum dignissimos.
link: "portfolio/education"
- icon : ti-briefcase # themify icon pack : https://themify.me/themify-icons
title : Work Experience
# content : Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, nihil, libero, perspiciatis eos provident laborum eum dignissimos.
link: "portfolio/work"
# - icon : ti-search # themify icon pack : https://themify.me/themify-icons
# title : Research
# # content : Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, nihil, libero, perspiciatis eos provident laborum eum dignissimos.
# link: "portfolio/research"
# - icon : ti-ruler-pencil # themify icon pack : https://themify.me/themify-icons
# title : Projects
# # content : Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, nihil, libero, perspiciatis eos provident laborum eum dignissimos.
# link: "portfolio/projects"

30
hugo/i18n/en.yaml Normal file
View File

@@ -0,0 +1,30 @@
- id: blogTitle
translation: Latest Post
- id: readMore
translation: Read More
- id: viewAllPost
translation: View All Posts
- id: share
translation: Share
- id: aboutAuthor
translation: About Author
- id: authorsPosts
translation: Author's Posts
- id: all
translation: All
- id: about
translation: About Me
- id: services
translation: Service
- id: portfolio
translation: Portfolio
- id: team
translation: Team
- id: pricing
translation: Pricing
- id: blog
translation: Blog
- id: contact
translation: Contact
- id: themefisher
translation: Themefisher

16
hugo/public/.htaccess Normal file
View File

@@ -0,0 +1,16 @@
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE image/jpg
AddOutputFilterByType DEFLATE image/png
AddOutputFilterByType DEFLATE image/gif
AddOutputFilterByType DEFLATE image/jpeg
AddOutputFilterByType DEFLATE image/svg+xml
</IfModule>

172
hugo/public/404.html Normal file
View File

@@ -0,0 +1,172 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>404 Page not found</title>
<!-- mobile responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="Responsive Multipurpose Parallax HTML5 Template">
<meta name="author" content="Themefisher">
<meta name="generator" content="Hugo 0.74.3" />
<!-- plugins -->
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/themify-icons/themify-icons.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/magnific-popup/magnific-popup.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/slick/slick.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anaheim%7cQuattrocento&#43;Sans:400,700&amp;display=swap">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="https://sravanbalaji.com/css/style.min.23449a705ddad75fbe841d1d044b1d37019128d3a3d9fc1afb188a12f85c6785a7f6d2c7130f7bbbd0025e114071f4d8.css" integrity="sha384-I0SacF3a11&#43;&#43;hB0dBEsdNwGRKNOj2fwa&#43;xiKEvhcZ4Wn9tLHEw97u9ACXhFAcfTY" media="screen">
<!-- Custom stylesheet - for your changes -->
<link rel="stylesheet" href="/css/custom.css" media="screen">
<!--Favicon-->
<link rel="shortcut icon" href="https://sravanbalaji.com/images/favicon.png" type="image/x-icon">
<link rel="icon" href="https://sravanbalaji.com/images/favicon.png" type="image/x-icon">
</head>
<body id="body" data-spy="scroll" data-target=".navbar" data-offset="55">
<div id="content">
<!-- preloader start -->
<div class="preloader">
<img src="https://sravanbalaji.com/images/logo.png" alt="preloader">
</div>
<!-- preloader end -->
<section class="sticky-top navigation">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand p-0" href="/">
<img class="lozad" data-src="https://sravanbalaji.com/images/logo.png" alt="Sravan Balaji" height="42">
</a>
<button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navigation">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link" href="#body">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/#about">About Me</a>
</li>
<li class="nav-item"><a class="nav-link" href="/#portfolio">Portfolio</a>
</li>
<li class="nav-item"><a class="nav-link" href="/#blog">Blog</a>
</li>
<li class="nav-item"><a class="nav-link" href="/#documentation"></a>
</li>
</ul>
</div>
</nav>
</div>
</section>
<section class="section">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h1>404</h1>
<h2>Page Not Found</h2>
<a class="btn btn-main" href="/">Back to home</a>
</div>
</div>
</div>
</section>
</div><!-- end Contact Area -->
<footer id="footer" class="section-bg">
<div class="container">
<div class="row wow fadeInUp" data-wow-duration="500ms">
<div class="col-xl-12">
<!-- Footer Social Links -->
<div class="social-icon">
<ul class="list-inline">
<li class="list-inline-item"><a href="mailto:balajsra@umich.edu"><i class="ti-email"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/sravan-balaji/"><i class="ti-linkedin"></i></a></li>
<li class="list-inline-item"><a href="https://github.com/balajsra"><i class="ti-github"></i></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UC-xFJ4IKdogbpoQdQf2mgaA"><i class="ti-youtube"></i></a></li>
</ul>
</div>
<!-- copyright -->
<div class="copyright text-center">
<a href="https://sravanbalaji.com/">
<img src="https://sravanbalaji.com/images/logo.png" alt="Sravan Balaji" height="42" />
</a>
<br>
<p>meghna theme copyright © 2020 <a href="https://gethugothemes.com">gethugothemes</a> all right reserved</p>
</div>
</div>
</div>
</div>
</footer>
<!-- /footer -->
<!-- Google Map API -->
<!-- JS Plugins -->
<script src="https://sravanbalaji.com/plugins/jquery/jquery.min.js"></script>
<script src="https://sravanbalaji.com/plugins/bootstrap/bootstrap.min.js"></script>
<script src="https://sravanbalaji.com/plugins/slick/slick.min.js"></script>
<script src="https://sravanbalaji.com/plugins/shuffle/shuffle.min.js"></script>
<script src="https://sravanbalaji.com/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="https://sravanbalaji.com/plugins/lazy-load/lozad.min.js"></script>
<script src="https://sravanbalaji.com/plugins/google-map/map.js"></script>
<!-- Main Script -->
<script src="https://sravanbalaji.com/js/script.min.882f95f2ea1a162fe7cb4bbb2ebc13a32b588315fc6a9b9f41e8b9b2945ee6b50c0007105cec0ef8810e2ee7094e90ce.js" integrity="sha384-iC&#43;V8uoaFi/ny0u7LrwToytYgxX8apufQei5spRe5rUMAAcQXOwO&#43;IEOLucJTpDO"></script>
</body>
</html>

View File

@@ -0,0 +1,200 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Authors</title>
<!-- mobile responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="Responsive Multipurpose Parallax HTML5 Template">
<meta name="author" content="Themefisher">
<meta name="generator" content="Hugo 0.74.3" />
<!-- plugins -->
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/themify-icons/themify-icons.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/magnific-popup/magnific-popup.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/slick/slick.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anaheim%7cQuattrocento&#43;Sans:400,700&amp;display=swap">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="https://sravanbalaji.com/css/style.min.23449a705ddad75fbe841d1d044b1d37019128d3a3d9fc1afb188a12f85c6785a7f6d2c7130f7bbbd0025e114071f4d8.css" integrity="sha384-I0SacF3a11&#43;&#43;hB0dBEsdNwGRKNOj2fwa&#43;xiKEvhcZ4Wn9tLHEw97u9ACXhFAcfTY" media="screen">
<!-- Custom stylesheet - for your changes -->
<link rel="stylesheet" href="/css/custom.css" media="screen">
<!--Favicon-->
<link rel="shortcut icon" href="https://sravanbalaji.com/images/favicon.png" type="image/x-icon">
<link rel="icon" href="https://sravanbalaji.com/images/favicon.png" type="image/x-icon">
</head>
<body id="body" data-spy="scroll" data-target=".navbar" data-offset="55">
<div id="content">
<!-- preloader start -->
<div class="preloader">
<img src="https://sravanbalaji.com/images/logo.png" alt="preloader">
</div>
<!-- preloader end -->
<section class="sticky-top navigation">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand p-0" href="/">
<img class="lozad" data-src="https://sravanbalaji.com/images/logo.png" alt="Sravan Balaji" height="42">
</a>
<button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navigation">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link" href="#body">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/#about">About Me</a>
</li>
<li class="nav-item"><a class="nav-link" href="/#portfolio">Portfolio</a>
</li>
<li class="nav-item"><a class="nav-link" href="/#blog">Blog</a>
</li>
<li class="nav-item"><a class="nav-link" href="/#documentation"></a>
</li>
</ul>
</div>
</nav>
</div>
</section>
<!-- Start Blog Section -->
<section id="blog" class="section">
<div class="container">
<div class="row">
<div class="col-12">
<!-- section title -->
<div class="title text-center wow fadeInDown">
<h2> Latest <span class="color">
Post </span></h2>
<div class="border-meghna"></div>
</div>
</div>
<!-- /section title -->
<article class="col-lg-4 col-md-6 col-12 clearfix wow fadeInUp mb-4" data-wow-duration="500ms">
<div class="post-block">
<div class="media-wrapper">
<img class="img-fluid lozad" data-src="https://sravanbalaji.com" onerror="this.onerror=null;this.src='https:\/\/sravanbalaji.com\/images\/author\/sravan-balaji.jpg'">
</div>
<div class="content">
<h3><a href="https://sravanbalaji.com/author/sravan-balaji/">Sravan Balaji</a></h3>
<p>Sravan Balaji is a Senior at the University of Michigan pursuing dual B.S.E.&rsquo;s in Mechanical Engineering and Computer Science with an expected graduation of December 2020.</p>
<a class="btn btn-transparent" href="https://sravanbalaji.com/author/sravan-balaji/">Read More</a>
</div>
</div>
</article>
<div class="col-12">
</div>
</div>
</div>
</section>
<!-- /blog -->
</div><!-- end Contact Area -->
<footer id="footer" class="section-bg">
<div class="container">
<div class="row wow fadeInUp" data-wow-duration="500ms">
<div class="col-xl-12">
<!-- Footer Social Links -->
<div class="social-icon">
<ul class="list-inline">
<li class="list-inline-item"><a href="mailto:balajsra@umich.edu"><i class="ti-email"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/sravan-balaji/"><i class="ti-linkedin"></i></a></li>
<li class="list-inline-item"><a href="https://github.com/balajsra"><i class="ti-github"></i></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UC-xFJ4IKdogbpoQdQf2mgaA"><i class="ti-youtube"></i></a></li>
</ul>
</div>
<!-- copyright -->
<div class="copyright text-center">
<a href="https://sravanbalaji.com/">
<img src="https://sravanbalaji.com/images/logo.png" alt="Sravan Balaji" height="42" />
</a>
<br>
<p>meghna theme copyright © 2020 <a href="https://gethugothemes.com">gethugothemes</a> all right reserved</p>
</div>
</div>
</div>
</div>
</footer>
<!-- /footer -->
<!-- Google Map API -->
<!-- JS Plugins -->
<script src="https://sravanbalaji.com/plugins/jquery/jquery.min.js"></script>
<script src="https://sravanbalaji.com/plugins/bootstrap/bootstrap.min.js"></script>
<script src="https://sravanbalaji.com/plugins/slick/slick.min.js"></script>
<script src="https://sravanbalaji.com/plugins/shuffle/shuffle.min.js"></script>
<script src="https://sravanbalaji.com/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="https://sravanbalaji.com/plugins/lazy-load/lozad.min.js"></script>
<script src="https://sravanbalaji.com/plugins/google-map/map.js"></script>
<!-- Main Script -->
<script src="https://sravanbalaji.com/js/script.min.882f95f2ea1a162fe7cb4bbb2ebc13a32b588315fc6a9b9f41e8b9b2945ee6b50c0007105cec0ef8810e2ee7094e90ce.js" integrity="sha384-iC&#43;V8uoaFi/ny0u7LrwToytYgxX8apufQei5spRe5rUMAAcQXOwO&#43;IEOLucJTpDO"></script>
</body>
</html>

View File

@@ -0,0 +1,24 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Authors on Sravan Balaji</title>
<link>https://sravanbalaji.com/author/</link>
<description>Recent content in Authors on Sravan Balaji</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<copyright>meghna theme copyright &amp;copy; 2020 [gethugothemes](https://gethugothemes.com) all right reserved</copyright>
<atom:link href="https://sravanbalaji.com/author/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Sravan Balaji</title>
<link>https://sravanbalaji.com/author/sravan-balaji/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://sravanbalaji.com/author/sravan-balaji/</guid>
<description>Sravan Balaji is a Senior at the University of Michigan pursuing dual B.S.E.&amp;rsquo;s in Mechanical Engineering and Computer Science with an expected graduation of December 2020.</description>
</item>
</channel>
</rss>

View File

@@ -0,0 +1 @@
<!DOCTYPE html><html><head><title>https://sravanbalaji.com/author/</title><link rel="canonical" href="https://sravanbalaji.com/author/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://sravanbalaji.com/author/" /></head></html>

View File

@@ -0,0 +1,207 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Sravan Balaji</title>
<!-- mobile responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="Responsive Multipurpose Parallax HTML5 Template">
<meta name="author" content="Themefisher">
<meta name="generator" content="Hugo 0.74.3" />
<!-- plugins -->
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/themify-icons/themify-icons.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/magnific-popup/magnific-popup.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/slick/slick.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anaheim%7cQuattrocento&#43;Sans:400,700&amp;display=swap">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="https://sravanbalaji.com/css/style.min.23449a705ddad75fbe841d1d044b1d37019128d3a3d9fc1afb188a12f85c6785a7f6d2c7130f7bbbd0025e114071f4d8.css" integrity="sha384-I0SacF3a11&#43;&#43;hB0dBEsdNwGRKNOj2fwa&#43;xiKEvhcZ4Wn9tLHEw97u9ACXhFAcfTY" media="screen">
<!-- Custom stylesheet - for your changes -->
<link rel="stylesheet" href="/css/custom.css" media="screen">
<!--Favicon-->
<link rel="shortcut icon" href="https://sravanbalaji.com/images/favicon.png" type="image/x-icon">
<link rel="icon" href="https://sravanbalaji.com/images/favicon.png" type="image/x-icon">
</head>
<body id="body" data-spy="scroll" data-target=".navbar" data-offset="55">
<div id="content">
<!-- preloader start -->
<div class="preloader">
<img src="https://sravanbalaji.com/images/logo.png" alt="preloader">
</div>
<!-- preloader end -->
<section class="sticky-top navigation">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand p-0" href="/">
<img class="lozad" data-src="https://sravanbalaji.com/images/logo.png" alt="Sravan Balaji" height="42">
</a>
<button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navigation">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link" href="#body">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/#about">About Me</a>
</li>
<li class="nav-item"><a class="nav-link" href="/#portfolio">Portfolio</a>
</li>
<li class="nav-item"><a class="nav-link" href="/#blog">Blog</a>
</li>
<li class="nav-item"><a class="nav-link" href="/#documentation"></a>
</li>
</ul>
</div>
</nav>
</div>
</section>
<section class="section section-bg">
<div class="container">
<div class="row">
<div class="col-lg-10 mx-auto">
<div class="title text-center">
<h2> About <span class="color">
Author </span></h2>
<div class="border-meghna"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 mx-auto">
<div class="content text-center">
<figure>
<img class="rounded-circle img-fluid lozad" data-src="/images/author/sravan-balaji.jpg">
<figcaption>
<h5 class="font-weight-bold">
Sravan Balaji
</h5>
</figcaption>
</figure>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-10 mx-auto">
<div class="content text-center">
<hr>
<p>Sravan Balaji is a Senior at the
<a href="https://umich.edu" target="_blank">University of Michigan</a> pursuing dual B.S.E.&rsquo;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> with an expected graduation of December 2020. Upon completion of his Bachelor&rsquo;s degrees, he plans on continuing his education with a Master&rsquo;s in Robotics.</p>
<p>Sravan most recently completed an ADAS Controls Internship at
<a href="https://rivian.com" target="_blank">Rivian</a> for the Summer of 2020. He will be returning to the
<a href="https://umich.edu" target="_blank">University of Michigan</a> for his final undergraduate semester in the Fall of 2020.</p>
<p>Sravan&rsquo;s professional and academic interests are in robotics, mechatronics, autonomous systems, controls, programming, and GNU/Linux among other things. His personal interests include video games, podcasts, music, cooking, football, soccer, and personal / project management software.</p>
<hr>
</div>
</div>
</div>
</div>
</section>
</div><!-- end Contact Area -->
<footer id="footer" class="section-bg">
<div class="container">
<div class="row wow fadeInUp" data-wow-duration="500ms">
<div class="col-xl-12">
<!-- Footer Social Links -->
<div class="social-icon">
<ul class="list-inline">
<li class="list-inline-item"><a href="mailto:balajsra@umich.edu"><i class="ti-email"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/sravan-balaji/"><i class="ti-linkedin"></i></a></li>
<li class="list-inline-item"><a href="https://github.com/balajsra"><i class="ti-github"></i></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UC-xFJ4IKdogbpoQdQf2mgaA"><i class="ti-youtube"></i></a></li>
</ul>
</div>
<!-- copyright -->
<div class="copyright text-center">
<a href="https://sravanbalaji.com/">
<img src="https://sravanbalaji.com/images/logo.png" alt="Sravan Balaji" height="42" />
</a>
<br>
<p>meghna theme copyright © 2020 <a href="https://gethugothemes.com">gethugothemes</a> all right reserved</p>
</div>
</div>
</div>
</div>
</footer>
<!-- /footer -->
<!-- Google Map API -->
<!-- JS Plugins -->
<script src="https://sravanbalaji.com/plugins/jquery/jquery.min.js"></script>
<script src="https://sravanbalaji.com/plugins/bootstrap/bootstrap.min.js"></script>
<script src="https://sravanbalaji.com/plugins/slick/slick.min.js"></script>
<script src="https://sravanbalaji.com/plugins/shuffle/shuffle.min.js"></script>
<script src="https://sravanbalaji.com/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="https://sravanbalaji.com/plugins/lazy-load/lozad.min.js"></script>
<script src="https://sravanbalaji.com/plugins/google-map/map.js"></script>
<!-- Main Script -->
<script src="https://sravanbalaji.com/js/script.min.882f95f2ea1a162fe7cb4bbb2ebc13a32b588315fc6a9b9f41e8b9b2945ee6b50c0007105cec0ef8810e2ee7094e90ce.js" integrity="sha384-iC&#43;V8uoaFi/ny0u7LrwToytYgxX8apufQei5spRe5rUMAAcQXOwO&#43;IEOLucJTpDO"></script>
</body>
</html>

View File

@@ -0,0 +1,185 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Categories</title>
<!-- mobile responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="Responsive Multipurpose Parallax HTML5 Template">
<meta name="author" content="Themefisher">
<meta name="generator" content="Hugo 0.74.3" />
<!-- plugins -->
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/themify-icons/themify-icons.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/magnific-popup/magnific-popup.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/slick/slick.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anaheim%7cQuattrocento&#43;Sans:400,700&amp;display=swap">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="https://sravanbalaji.com/css/style.min.23449a705ddad75fbe841d1d044b1d37019128d3a3d9fc1afb188a12f85c6785a7f6d2c7130f7bbbd0025e114071f4d8.css" integrity="sha384-I0SacF3a11&#43;&#43;hB0dBEsdNwGRKNOj2fwa&#43;xiKEvhcZ4Wn9tLHEw97u9ACXhFAcfTY" media="screen">
<!-- Custom stylesheet - for your changes -->
<link rel="stylesheet" href="/css/custom.css" media="screen">
<!--Favicon-->
<link rel="shortcut icon" href="https://sravanbalaji.com/images/favicon.png" type="image/x-icon">
<link rel="icon" href="https://sravanbalaji.com/images/favicon.png" type="image/x-icon">
</head>
<body id="body" data-spy="scroll" data-target=".navbar" data-offset="55">
<div id="content">
<!-- preloader start -->
<div class="preloader">
<img src="https://sravanbalaji.com/images/logo.png" alt="preloader">
</div>
<!-- preloader end -->
<section class="sticky-top navigation">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand p-0" href="/">
<img class="lozad" data-src="https://sravanbalaji.com/images/logo.png" alt="Sravan Balaji" height="42">
</a>
<button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navigation">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link" href="#body">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/#about">About Me</a>
</li>
<li class="nav-item"><a class="nav-link" href="/#portfolio">Portfolio</a>
</li>
<li class="nav-item"><a class="nav-link" href="/#blog">Blog</a>
</li>
<li class="nav-item"><a class="nav-link" href="/#documentation"></a>
</li>
</ul>
</div>
</nav>
</div>
</section>
<!-- Start Blog Section -->
<section id="blog" class="section">
<div class="container">
<div class="row">
<div class="col-12">
<!-- section title -->
<div class="title text-center wow fadeInDown">
<h2> Latest <span class="color">
Post </span></h2>
<div class="border-meghna"></div>
</div>
</div>
<!-- /section title -->
<div class="col-12">
</div>
</div>
</div>
</section>
<!-- /blog -->
</div><!-- end Contact Area -->
<footer id="footer" class="section-bg">
<div class="container">
<div class="row wow fadeInUp" data-wow-duration="500ms">
<div class="col-xl-12">
<!-- Footer Social Links -->
<div class="social-icon">
<ul class="list-inline">
<li class="list-inline-item"><a href="mailto:balajsra@umich.edu"><i class="ti-email"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/sravan-balaji/"><i class="ti-linkedin"></i></a></li>
<li class="list-inline-item"><a href="https://github.com/balajsra"><i class="ti-github"></i></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UC-xFJ4IKdogbpoQdQf2mgaA"><i class="ti-youtube"></i></a></li>
</ul>
</div>
<!-- copyright -->
<div class="copyright text-center">
<a href="https://sravanbalaji.com/">
<img src="https://sravanbalaji.com/images/logo.png" alt="Sravan Balaji" height="42" />
</a>
<br>
<p>meghna theme copyright © 2020 <a href="https://gethugothemes.com">gethugothemes</a> all right reserved</p>
</div>
</div>
</div>
</div>
</footer>
<!-- /footer -->
<!-- Google Map API -->
<!-- JS Plugins -->
<script src="https://sravanbalaji.com/plugins/jquery/jquery.min.js"></script>
<script src="https://sravanbalaji.com/plugins/bootstrap/bootstrap.min.js"></script>
<script src="https://sravanbalaji.com/plugins/slick/slick.min.js"></script>
<script src="https://sravanbalaji.com/plugins/shuffle/shuffle.min.js"></script>
<script src="https://sravanbalaji.com/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="https://sravanbalaji.com/plugins/lazy-load/lozad.min.js"></script>
<script src="https://sravanbalaji.com/plugins/google-map/map.js"></script>
<!-- Main Script -->
<script src="https://sravanbalaji.com/js/script.min.882f95f2ea1a162fe7cb4bbb2ebc13a32b588315fc6a9b9f41e8b9b2945ee6b50c0007105cec0ef8810e2ee7094e90ce.js" integrity="sha384-iC&#43;V8uoaFi/ny0u7LrwToytYgxX8apufQei5spRe5rUMAAcQXOwO&#43;IEOLucJTpDO"></script>
</body>
</html>

View File

@@ -0,0 +1,15 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Categories on Sravan Balaji</title>
<link>https://sravanbalaji.com/categories/</link>
<description>Recent content in Categories on Sravan Balaji</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<copyright>meghna theme copyright &amp;copy; 2020 [gethugothemes](https://gethugothemes.com) all right reserved</copyright>
<atom:link href="https://sravanbalaji.com/categories/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

View File

@@ -0,0 +1 @@
<!DOCTYPE html><html><head><title>https://sravanbalaji.com/categories/</title><link rel="canonical" href="https://sravanbalaji.com/categories/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://sravanbalaji.com/categories/" /></head></html>

View File

@@ -0,0 +1,200 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Contacts</title>
<!-- mobile responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="Responsive Multipurpose Parallax HTML5 Template">
<meta name="author" content="Themefisher">
<meta name="generator" content="Hugo 0.74.3" />
<!-- plugins -->
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/themify-icons/themify-icons.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/magnific-popup/magnific-popup.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/slick/slick.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anaheim%7cQuattrocento&#43;Sans:400,700&amp;display=swap">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="https://sravanbalaji.com/css/style.min.23449a705ddad75fbe841d1d044b1d37019128d3a3d9fc1afb188a12f85c6785a7f6d2c7130f7bbbd0025e114071f4d8.css" integrity="sha384-I0SacF3a11&#43;&#43;hB0dBEsdNwGRKNOj2fwa&#43;xiKEvhcZ4Wn9tLHEw97u9ACXhFAcfTY" media="screen">
<!-- Custom stylesheet - for your changes -->
<link rel="stylesheet" href="/css/custom.css" media="screen">
<!--Favicon-->
<link rel="shortcut icon" href="https://sravanbalaji.com/images/favicon.png" type="image/x-icon">
<link rel="icon" href="https://sravanbalaji.com/images/favicon.png" type="image/x-icon">
</head>
<body id="body" data-spy="scroll" data-target=".navbar" data-offset="55">
<div id="content">
<!-- preloader start -->
<div class="preloader">
<img src="https://sravanbalaji.com/images/logo.png" alt="preloader">
</div>
<!-- preloader end -->
<section class="sticky-top navigation">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand p-0" href="/">
<img class="lozad" data-src="https://sravanbalaji.com/images/logo.png" alt="Sravan Balaji" height="42">
</a>
<button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navigation">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link" href="#body">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/#about">About Me</a>
</li>
<li class="nav-item"><a class="nav-link" href="/#portfolio">Portfolio</a>
</li>
<li class="nav-item"><a class="nav-link" href="/#blog">Blog</a>
</li>
<li class="nav-item"><a class="nav-link" href="/#documentation"></a>
</li>
</ul>
</div>
</nav>
</div>
</section>
<!-- Start Blog Section -->
<section id="blog" class="section">
<div class="container">
<div class="row">
<div class="col-12">
<!-- section title -->
<div class="title text-center wow fadeInDown">
<h2> Latest <span class="color">
Post </span></h2>
<div class="border-meghna"></div>
</div>
</div>
<!-- /section title -->
<article class="col-lg-4 col-md-6 col-12 clearfix wow fadeInUp mb-4" data-wow-duration="500ms">
<div class="post-block">
<div class="media-wrapper">
<img class="img-fluid lozad" data-src="https://sravanbalaji.com" onerror="this.onerror=null;this.src='https:\/\/sravanbalaji.com'">
</div>
<div class="content">
<h3><a href="https://sravanbalaji.com/contact/sravan-balaji/">Contact Info</a></h3>
<p>Feel free to reach out to me via email, LinkedIn, GitHub, or YouTube via the links below.</p>
<a class="btn btn-transparent" href="https://sravanbalaji.com/contact/sravan-balaji/">Read More</a>
</div>
</div>
</article>
<div class="col-12">
</div>
</div>
</div>
</section>
<!-- /blog -->
</div><!-- end Contact Area -->
<footer id="footer" class="section-bg">
<div class="container">
<div class="row wow fadeInUp" data-wow-duration="500ms">
<div class="col-xl-12">
<!-- Footer Social Links -->
<div class="social-icon">
<ul class="list-inline">
<li class="list-inline-item"><a href="mailto:balajsra@umich.edu"><i class="ti-email"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/sravan-balaji/"><i class="ti-linkedin"></i></a></li>
<li class="list-inline-item"><a href="https://github.com/balajsra"><i class="ti-github"></i></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UC-xFJ4IKdogbpoQdQf2mgaA"><i class="ti-youtube"></i></a></li>
</ul>
</div>
<!-- copyright -->
<div class="copyright text-center">
<a href="https://sravanbalaji.com/">
<img src="https://sravanbalaji.com/images/logo.png" alt="Sravan Balaji" height="42" />
</a>
<br>
<p>meghna theme copyright © 2020 <a href="https://gethugothemes.com">gethugothemes</a> all right reserved</p>
</div>
</div>
</div>
</div>
</footer>
<!-- /footer -->
<!-- Google Map API -->
<!-- JS Plugins -->
<script src="https://sravanbalaji.com/plugins/jquery/jquery.min.js"></script>
<script src="https://sravanbalaji.com/plugins/bootstrap/bootstrap.min.js"></script>
<script src="https://sravanbalaji.com/plugins/slick/slick.min.js"></script>
<script src="https://sravanbalaji.com/plugins/shuffle/shuffle.min.js"></script>
<script src="https://sravanbalaji.com/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="https://sravanbalaji.com/plugins/lazy-load/lozad.min.js"></script>
<script src="https://sravanbalaji.com/plugins/google-map/map.js"></script>
<!-- Main Script -->
<script src="https://sravanbalaji.com/js/script.min.882f95f2ea1a162fe7cb4bbb2ebc13a32b588315fc6a9b9f41e8b9b2945ee6b50c0007105cec0ef8810e2ee7094e90ce.js" integrity="sha384-iC&#43;V8uoaFi/ny0u7LrwToytYgxX8apufQei5spRe5rUMAAcQXOwO&#43;IEOLucJTpDO"></script>
</body>
</html>

View File

@@ -0,0 +1,24 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Contacts on Sravan Balaji</title>
<link>https://sravanbalaji.com/contact/</link>
<description>Recent content in Contacts on Sravan Balaji</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<copyright>meghna theme copyright &amp;copy; 2020 [gethugothemes](https://gethugothemes.com) all right reserved</copyright>
<atom:link href="https://sravanbalaji.com/contact/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Contact Info</title>
<link>https://sravanbalaji.com/contact/sravan-balaji/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://sravanbalaji.com/contact/sravan-balaji/</guid>
<description>Feel free to reach out to me via email, LinkedIn, GitHub, or YouTube via the links below.</description>
</item>
</channel>
</rss>

View File

@@ -0,0 +1 @@
<!DOCTYPE html><html><head><title>https://sravanbalaji.com/contact/</title><link rel="canonical" href="https://sravanbalaji.com/contact/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://sravanbalaji.com/contact/" /></head></html>

View File

@@ -0,0 +1,181 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Contact Info</title>
<!-- mobile responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="Responsive Multipurpose Parallax HTML5 Template">
<meta name="author" content="Themefisher">
<meta name="generator" content="Hugo 0.74.3" />
<!-- plugins -->
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/themify-icons/themify-icons.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/magnific-popup/magnific-popup.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/slick/slick.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anaheim%7cQuattrocento&#43;Sans:400,700&amp;display=swap">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="https://sravanbalaji.com/css/style.min.23449a705ddad75fbe841d1d044b1d37019128d3a3d9fc1afb188a12f85c6785a7f6d2c7130f7bbbd0025e114071f4d8.css" integrity="sha384-I0SacF3a11&#43;&#43;hB0dBEsdNwGRKNOj2fwa&#43;xiKEvhcZ4Wn9tLHEw97u9ACXhFAcfTY" media="screen">
<!-- Custom stylesheet - for your changes -->
<link rel="stylesheet" href="/css/custom.css" media="screen">
<!--Favicon-->
<link rel="shortcut icon" href="https://sravanbalaji.com/images/favicon.png" type="image/x-icon">
<link rel="icon" href="https://sravanbalaji.com/images/favicon.png" type="image/x-icon">
</head>
<body id="body" data-spy="scroll" data-target=".navbar" data-offset="55">
<div id="content">
<!-- preloader start -->
<div class="preloader">
<img src="https://sravanbalaji.com/images/logo.png" alt="preloader">
</div>
<!-- preloader end -->
<section class="sticky-top navigation">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand p-0" href="/">
<img class="lozad" data-src="https://sravanbalaji.com/images/logo.png" alt="Sravan Balaji" height="42">
</a>
<button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navigation">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link" href="#body">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/#about">About Me</a>
</li>
<li class="nav-item"><a class="nav-link" href="/#portfolio">Portfolio</a>
</li>
<li class="nav-item"><a class="nav-link" href="/#blog">Blog</a>
</li>
<li class="nav-item"><a class="nav-link" href="/#documentation"></a>
</li>
</ul>
</div>
</nav>
</div>
</section>
<section class="section">
<div class="container">
<div class="row">
<div class="col-lg-10 mx-auto">
<div class="title text-center">
<h2> Contact <span class="color">
Info </span></h2>
<div class="border-meghna"></div>
</div>
</div>
</div>
</div>
<div class="container">
<p><strong>Feel free to reach out to me via email, LinkedIn, GitHub, or YouTube via the links below. I&rsquo;m happy to discuss my website, college education, professional experience, or anything else really. I will do my best to respond in a timely manner.</strong></p>
<p><strong>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>.</strong></p>
</div>
</section>
</div><!-- end Contact Area -->
<footer id="footer" class="section-bg">
<div class="container">
<div class="row wow fadeInUp" data-wow-duration="500ms">
<div class="col-xl-12">
<!-- Footer Social Links -->
<div class="social-icon">
<ul class="list-inline">
<li class="list-inline-item"><a href="mailto:balajsra@umich.edu"><i class="ti-email"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/sravan-balaji/"><i class="ti-linkedin"></i></a></li>
<li class="list-inline-item"><a href="https://github.com/balajsra"><i class="ti-github"></i></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UC-xFJ4IKdogbpoQdQf2mgaA"><i class="ti-youtube"></i></a></li>
</ul>
</div>
<!-- copyright -->
<div class="copyright text-center">
<a href="https://sravanbalaji.com/">
<img src="https://sravanbalaji.com/images/logo.png" alt="Sravan Balaji" height="42" />
</a>
<br>
<p>meghna theme copyright © 2020 <a href="https://gethugothemes.com">gethugothemes</a> all right reserved</p>
</div>
</div>
</div>
</div>
</footer>
<!-- /footer -->
<!-- Google Map API -->
<!-- JS Plugins -->
<script src="https://sravanbalaji.com/plugins/jquery/jquery.min.js"></script>
<script src="https://sravanbalaji.com/plugins/bootstrap/bootstrap.min.js"></script>
<script src="https://sravanbalaji.com/plugins/slick/slick.min.js"></script>
<script src="https://sravanbalaji.com/plugins/shuffle/shuffle.min.js"></script>
<script src="https://sravanbalaji.com/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="https://sravanbalaji.com/plugins/lazy-load/lozad.min.js"></script>
<script src="https://sravanbalaji.com/plugins/google-map/map.js"></script>
<!-- Main Script -->
<script src="https://sravanbalaji.com/js/script.min.882f95f2ea1a162fe7cb4bbb2ebc13a32b588315fc6a9b9f41e8b9b2945ee6b50c0007105cec0ef8810e2ee7094e90ce.js" integrity="sha384-iC&#43;V8uoaFi/ny0u7LrwToytYgxX8apufQei5spRe5rUMAAcQXOwO&#43;IEOLucJTpDO"></script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 153 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 591 KiB

View File

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View File

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

View File

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

391
hugo/public/index.html Normal file
View File

@@ -0,0 +1,391 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Sravan Balaji</title>
<!-- mobile responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="Responsive Multipurpose Parallax HTML5 Template">
<meta name="author" content="Themefisher">
<meta name="generator" content="Hugo 0.74.3" />
<!-- plugins -->
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/themify-icons/themify-icons.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/magnific-popup/magnific-popup.css">
<link rel="stylesheet" href="https://sravanbalaji.com/plugins/slick/slick.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anaheim%7cQuattrocento&#43;Sans:400,700&amp;display=swap">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="https://sravanbalaji.com/css/style.min.23449a705ddad75fbe841d1d044b1d37019128d3a3d9fc1afb188a12f85c6785a7f6d2c7130f7bbbd0025e114071f4d8.css" integrity="sha384-I0SacF3a11&#43;&#43;hB0dBEsdNwGRKNOj2fwa&#43;xiKEvhcZ4Wn9tLHEw97u9ACXhFAcfTY" media="screen">
<!-- Custom stylesheet - for your changes -->
<link rel="stylesheet" href="/css/custom.css" media="screen">
<!--Favicon-->
<link rel="shortcut icon" href="https://sravanbalaji.com/images/favicon.png" type="image/x-icon">
<link rel="icon" href="https://sravanbalaji.com/images/favicon.png" type="image/x-icon">
</head>
<body id="body" data-spy="scroll" data-target=".navbar" data-offset="55">
<div id="content">
<!-- preloader start -->
<div class="preloader">
<img src="https://sravanbalaji.com/images/logo.png" alt="preloader">
</div>
<!-- preloader end -->
<!-- Welcome Slider-->
<section class="hero-area" style='background-image: url("https://sravanbalaji.com/images/backgrounds/bg-background.webp")'>
<img class="lozad" style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url(https:\/\/sravanbalaji.com\/images\/backgrounds\/bg-background.png)'" data-src="https://sravanbalaji.com/images/backgrounds/bg-background.webp" />
<div class="block">
<h1>Sravan Balaji</h1>
<p>Welcome to my personal website!</p>
<a href="#about" class="btn btn-transparent page-scroll">Explore</a>
</div>
</section>
<!-- /Welcome Slider-->
<section class="sticky-top navigation">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand p-0" href="/">
<img class="lozad" data-src="https://sravanbalaji.com/images/logo.png" alt="Sravan Balaji" height="42">
</a>
<button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navigation">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link" href="#body">Home</a></li>
<li class="nav-item"><a class="nav-link" href="#about">About Me</a></li>
<li class="nav-item"><a class="nav-link" href="#portfolio">Portfolio</a></li>
<li class="nav-item"><a class="nav-link" href="#blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="#documentation"></a></li>
</ul>
</div>
</nav>
</div>
</section>
<!-- Start About Section -->
<section class="bg-one about section" id="about">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<!-- section title -->
<div class="title text-center wow fadeIn" data-wow-duration="1500ms">
<h2> About <span class="color">
Me </span></h2>
<div class="border-meghna"></div>
</div>
</div>
<!-- /section title -->
<!-- About item -->
<div class="col-lg-4 text-center wow fadeInUp" data-wow-duration="500ms">
<a href="author/sravan-balaji">
<div class="block">
<div class="icon-box">
<i class="ti-id-badge"></i>
</div>
<!-- Express About Yourself -->
<div class="content text-center">
<h3>Bio</h3>
<p></p>
</div>
</div>
</a>
</div>
<!-- About item -->
<div class="col-lg-4 text-center wow fadeInUp" data-wow-duration="500ms">
<a href="contact/sravan-balaji">
<div class="block">
<div class="icon-box">
<i class="ti-email"></i>
</div>
<!-- Express About Yourself -->
<div class="content text-center">
<h3>Contact Info</h3>
<p></p>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- /about -->
<!-- Portfolio Section -->
<section class="bg-one about section" id="portfolio">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<!-- section title -->
<div class="title text-center wow fadeIn" data-wow-duration="1500ms">
<h2> Portfolio <span class="color">
</span></h2>
<div class="border-meghna"></div>
</div>
</div>
<!-- /section title -->
<!-- About item -->
<div class="col-lg-4 text-center wow fadeInUp" data-wow-duration="500ms">
<a href="resume/sravan-balaji">
<div class="block">
<div class="icon-box">
<i class="ti-file"></i>
</div>
<!-- Express About Yourself -->
<div class="content text-center">
<h3>Resume</h3>
<p></p>
</div>
</div>
</a>
</div>
<!-- About item -->
<div class="col-lg-4 text-center wow fadeInUp" data-wow-duration="500ms">
<a href="portfolio/education">
<div class="block">
<div class="icon-box">
<i class="ti-pencil-alt"></i>
</div>
<!-- Express About Yourself -->
<div class="content text-center">
<h3>Education</h3>
<p></p>
</div>
</div>
</a>
</div>
<!-- About item -->
<div class="col-lg-4 text-center wow fadeInUp" data-wow-duration="500ms">
<a href="portfolio/work">
<div class="block">
<div class="icon-box">
<i class="ti-briefcase"></i>
</div>
<!-- Express About Yourself -->
<div class="content text-center">
<h3>Work Experience</h3>
<p></p>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- /portfolio -->
<!-- Start Blog Section -->
<section id="blog" class="section">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<!-- section title -->
<div class="title text-center wow fadeInDown">
<h2> Latest <span class="color">
Post </span></h2>
<div class="border-meghna"></div>
</div>
</div>
<!-- /section title -->
<div class="all-post text-center col-lg-12">
<a class="btn btn-main"
href="https://sravanbalaji.com/blog">View All Posts</a>
</div>
</div>
</div>
</section>
<!-- /blog -->
</div><!-- end Contact Area -->
<footer id="footer" class="section-bg">
<div class="container">
<div class="row wow fadeInUp" data-wow-duration="500ms">
<div class="col-xl-12">
<!-- Footer Social Links -->
<div class="social-icon">
<ul class="list-inline">
<li class="list-inline-item"><a href="mailto:balajsra@umich.edu"><i class="ti-email"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/sravan-balaji/"><i class="ti-linkedin"></i></a></li>
<li class="list-inline-item"><a href="https://github.com/balajsra"><i class="ti-github"></i></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UC-xFJ4IKdogbpoQdQf2mgaA"><i class="ti-youtube"></i></a></li>
</ul>
</div>
<!-- copyright -->
<div class="copyright text-center">
<a href="https://sravanbalaji.com/">
<img src="https://sravanbalaji.com/images/logo.png" alt="Sravan Balaji" height="42" />
</a>
<br>
<p>meghna theme copyright © 2020 <a href="https://gethugothemes.com">gethugothemes</a> all right reserved</p>
</div>
</div>
</div>
</div>
</footer>
<!-- /footer -->
<!-- Google Map API -->
<!-- JS Plugins -->
<script src="https://sravanbalaji.com/plugins/jquery/jquery.min.js"></script>
<script src="https://sravanbalaji.com/plugins/bootstrap/bootstrap.min.js"></script>
<script src="https://sravanbalaji.com/plugins/slick/slick.min.js"></script>
<script src="https://sravanbalaji.com/plugins/shuffle/shuffle.min.js"></script>
<script src="https://sravanbalaji.com/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="https://sravanbalaji.com/plugins/lazy-load/lozad.min.js"></script>
<script src="https://sravanbalaji.com/plugins/google-map/map.js"></script>
<!-- Main Script -->
<script src="https://sravanbalaji.com/js/script.min.882f95f2ea1a162fe7cb4bbb2ebc13a32b588315fc6a9b9f41e8b9b2945ee6b50c0007105cec0ef8810e2ee7094e90ce.js" integrity="sha384-iC&#43;V8uoaFi/ny0u7LrwToytYgxX8apufQei5spRe5rUMAAcQXOwO&#43;IEOLucJTpDO"></script>
</body>
</html>

78
hugo/public/index.xml Normal file
View File

@@ -0,0 +1,78 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Sravan Balaji</title>
<link>https://sravanbalaji.com/</link>
<description>Recent content on Sravan Balaji</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<copyright>meghna theme copyright &amp;copy; 2020 [gethugothemes](https://gethugothemes.com) all right reserved</copyright>
<atom:link href="https://sravanbalaji.com/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Contact Info</title>
<link>https://sravanbalaji.com/contact/sravan-balaji/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://sravanbalaji.com/contact/sravan-balaji/</guid>
<description>Feel free to reach out to me via email, LinkedIn, GitHub, or YouTube via the links below.</description>
</item>
<item>
<title>Education</title>
<link>https://sravanbalaji.com/portfolio/education/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://sravanbalaji.com/portfolio/education/</guid>
<description>University of Michigan (Ann Arbor, MI) B.S.E. in Mechanical Engineering September 2016 - December 2020 GPA: 3.</description>
</item>
<item>
<title>Projects</title>
<link>https://sravanbalaji.com/portfolio/projects/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://sravanbalaji.com/portfolio/projects/</guid>
<description>Install this template by following those simple steps: STEP-1 : Hugo installation Check this link below for install hugo on your computer.</description>
</item>
<item>
<title>Research</title>
<link>https://sravanbalaji.com/portfolio/research/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://sravanbalaji.com/portfolio/research/</guid>
<description>Install this template by following those simple steps: STEP-1 : Hugo installation Check this link below for install hugo on your computer.</description>
</item>
<item>
<title>Resume</title>
<link>https://sravanbalaji.com/resume/sravan-balaji/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://sravanbalaji.com/resume/sravan-balaji/</guid>
<description>Latest version of resume can be found on GitHub or in the embedded PDF viewer below (refresh page if it is not visible).</description>
</item>
<item>
<title>Sravan Balaji</title>
<link>https://sravanbalaji.com/author/sravan-balaji/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://sravanbalaji.com/author/sravan-balaji/</guid>
<description>Sravan Balaji is a Senior at the University of Michigan pursuing dual B.S.E.&amp;rsquo;s in Mechanical Engineering and Computer Science with an expected graduation of December 2020.</description>
</item>
<item>
<title>Work Experience</title>
<link>https://sravanbalaji.com/portfolio/work/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://sravanbalaji.com/portfolio/work/</guid>
<description>Rivian ADAS Controls Intern Remote June 2020 - August 2020 Hard Skills: MATLAB Simulink Atlassian Products - Jira, Confluence, Bitbucket Soft Skills: Public Presentation Design Documentation Professional Communication Model-In-Loop Test Case Generation Problem</description>
</item>
</channel>
</rss>

View File

@@ -0,0 +1,7 @@
$(window).on('load',function(){$('.preloader').fadeOut(100);});jQuery(function($){"use strict";const observer=lozad();observer.observe();$('.image-popup').magnificPopup({type:'image',removalDelay:160,callbacks:{beforeOpen:function(){this.st.image.markup=this.st.image.markup.replace('mfp-figure','mfp-figure mfp-with-anim');this.st.mainClass=this.st.el.attr('data-effect');}},closeOnContentClick:true,midClick:true,fixedContentPos:false,fixedBgPos:true});var containerEl=document.querySelector('.shuffle-wrapper');if(containerEl){var Shuffle=window.Shuffle;var myShuffle=new Shuffle(document.querySelector('.shuffle-wrapper'),{itemSelector:'.shuffle-item',buffer:1});jQuery('input[name="shuffle-filter"]').on('change',function(evt){var input=evt.currentTarget;if(input.checked){myShuffle.filter(input.value);}});}
$("#testimonials").slick({infinite:true,arrows:false,autoplay:true,autoplaySpeed:4000});var html_body=$('html, body');$('nav a, .page-scroll').on('click',function(){if(location.pathname.replace(/^\//,'')===this.pathname.replace(/^\//,'')&&location.hostname===this.hostname){var target=$(this.hash);target=target.length?target:$('[name='+this.hash.slice(1)+']');if(target.length){html_body.animate({scrollTop:target.offset().top-50},1500,'easeInOutExpo');return false;}}});jQuery.extend(jQuery.easing,{easeInOutExpo:function(x,t,b,c,d){if(t===0){return b;}
if(t===d){return b+c;}
if((t/=d/2)<1){return c/2*Math.pow(2,10*(t-1))+b;}
return c/2*(-Math.pow(2,-10*--t)+2)+b;}});function counter(){var oTop;if($('.count').length!==0){oTop=$('.count').offset().top-window.innerHeight;}
if($(window).scrollTop()>oTop){$('.count').each(function(){var $this=$(this),countTo=$this.attr('data-count');$({countNum:$this.text()}).animate({countNum:countTo},{duration:1000,easing:'swing',step:function(){$this.text(Math.floor(this.countNum));},complete:function(){$this.text(this.countNum);}});});}}
$(window).on('scroll',function(){counter();});});

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,3 @@
window.marker=null;function initialize(){var map;var latitude=$('#map').attr('data-latitude');var longitude=$('#map').attr('data-longitude');var mapMarker=$('#map').attr('data-marker');var mapMarkerName=$('#map').attr('data-marker-name');var nottingham=new google.maps.LatLng(latitude,longitude);var style=[{"featureType":"all","elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#000000"},{"lightness":40}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#000000"},{"lightness":16}]},{"featureType":"all","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":17},{"weight":1.2}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":21}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":16}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":19}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":17}]}];var mapOptions={center:nottingham,mapTypeId:google.maps.MapTypeId.ROADMAP,backgroundColor:"#000",zoom:15,panControl:!1,zoomControl:!0,mapTypeControl:!1,scaleControl:!1,streetViewControl:!1,overviewMapControl:!1,zoomControlOptions:{style:google.maps.ZoomControlStyle.LARGE}}
map=new google.maps.Map(document.getElementById('map'),mapOptions);var mapType=new google.maps.StyledMapType(style,{name:"Grayscale"});map.mapTypes.set('grey',mapType);map.setMapTypeId('grey');var marker_image=mapMarker;var pinIcon=new google.maps.MarkerImage(marker_image,null,null,null,new google.maps.Size(46,40));marker=new google.maps.Marker({position:nottingham,map:map,icon:pinIcon,title:mapMarkerName})}
var map=document.getElementById('map');if(map!=null){google.maps.event.addDomListener(window,'load',initialize)}

File diff suppressed because one or more lines are too long

Some files were not shown because too many files have changed in this diff Show More