Update about page to use templates
This commit is contained in:
Sravan Balaji
28
src/_data/contact.json
Normal file
28
src/_data/contact.json
Normal file
@@ -0,0 +1,28 @@
|
||||
{
|
||||
"items": [
|
||||
{
|
||||
"label": "Email",
|
||||
"icon": "/assets/about/email.png",
|
||||
"link": "mailto:balajsra@umich.edu",
|
||||
"displayText": "balajsra@umich.edu"
|
||||
},
|
||||
{
|
||||
"label": "LinkedIn",
|
||||
"icon": "/assets/about/linkedin.png",
|
||||
"link": "https://www.linkedin.com/in/sravan-balaji",
|
||||
"displayText": "sravan-balaji"
|
||||
},
|
||||
{
|
||||
"label": "GitHub",
|
||||
"icon": "/assets/about/github.png",
|
||||
"link": "https://github.com/balajsra",
|
||||
"displayText": "balajsra"
|
||||
},
|
||||
{
|
||||
"label": "YouTube",
|
||||
"icon": "/assets/about/youtube.png",
|
||||
"link": "https://www.youtube.com/channel/UC-xFJ4IKdogbpoQdQf2mgaA",
|
||||
"displayText": "Sravan Balaji"
|
||||
}
|
||||
]
|
||||
}
|
||||
43
src/_includes/layouts/about.html
Normal file
43
src/_includes/layouts/about.html
Normal file
@@ -0,0 +1,43 @@
|
||||
|
||||
<!doctype html>
|
||||
{% extends "layouts/base.html" %}
|
||||
{% block content %}
|
||||
<div class="container-fluid px-md-6">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-12">
|
||||
<h1><a name="bio">Bio</a></h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3">
|
||||
<img
|
||||
class="img-fluid mx-auto d-block"
|
||||
src="{{ profilePicture }}"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
{{ content | safe }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-12">
|
||||
<h1><a name="contact_me">Contact Me</a></h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
{% for item in contact.items %}
|
||||
<div class="col-md-{{ 12//contact.items.length }} text-center">
|
||||
<a href="{{ item.link }}" target="_blank">
|
||||
<img
|
||||
class="img-fluid mx-auto d-block"
|
||||
width=50%
|
||||
alt="{{ item.label }}"
|
||||
src="{{ item.icon }}"
|
||||
/>
|
||||
</a>
|
||||
<p><br /><b>{{ item.label }}:</b> {{ item.displayText }}</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -33,7 +33,7 @@
|
||||
<ul class="navbar-nav">
|
||||
{% for item in navigation.items %}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ item.url }}">{{ item.text }}</a>
|
||||
<a class="nav-link" href="{{ item.url }}"><b>{{ item.text }}</b></a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
60
src/about.md
60
src/about.md
@@ -1,67 +1,11 @@
|
||||
---
|
||||
title: About
|
||||
layout: "layouts/home.html"
|
||||
layout: "layouts/about.html"
|
||||
profilePicture: "/assets/about/profile_picture.jpg"
|
||||
---
|
||||
|
||||
# Bio
|
||||
|
||||
|
||||
|
||||
Sravan Balaji completed his undergraduate and graduate degrees at the [University of Michigan, Ann Arbor](https://umich.edu). He earned dual B.S.E.'s in [Mechanical Engineering](https://me.engin.umich.edu) and [Computer Science](https://cse.engin.umich.edu) in December 2020 and an M.S. in [Robotics](https://robotics.umich.edu) in December 2021.
|
||||
|
||||
Sravan worked as a Graduate Navigation Intern at [MITRE](https://www.mitre.org) during summer 2021. You can learn more about this and his other work experiences in the [professional experience](/portfolio#professional_experience) section of the [portfolio](/portfolio) page. He later returned to [MITRE](https://www.mitre.org) full-time to work as an Autonomous Systems Engineer in McLean, VA. He currently works at [Metron](https://metsci.com) as a Software Engineer in Reston, VA.
|
||||
|
||||
Sravan's professional and academic interests are in controls, motion planning, robotic perception & manipulation, autonomous & connected vehicles, software development, and GNU/Linux among other things. His personal interests include video games, podcasts, music, cooking, football, soccer, formula 1, and productivity software.
|
||||
|
||||
# Contact Me
|
||||
|
||||
Feel free to reach out to me via email if you have any questions about my website, college education, professional experience, or anything else. If you have suggestions for the website or would like to see the source files, check out my [GitHub repository](https://github.com/balajsra/sravanbalaji.com). If you would like to connect with me on LinkedIn, use the link below. I will do my best to respond to any communication in a timely manner. Finally, check out my YouTube channel if you are interested in some of the projects I have worked on.
|
||||
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3 text-center">
|
||||
<a href="mailto:balajsra@umich.edu" target="_blank">
|
||||
<img
|
||||
class="img-fluid mx-auto d-block"
|
||||
alt="Email"
|
||||
src="/assets/about/email.png"
|
||||
/>
|
||||
</a>
|
||||
<p><br /><b>Email:</b> balajsra@umich.edu</p>
|
||||
</div>
|
||||
<div class="col-md-3 text-center">
|
||||
<a
|
||||
href="https://www.linkedin.com/in/sravan-balaji/"
|
||||
target="_blank"
|
||||
>
|
||||
<img
|
||||
class="img-fluid mx-auto d-block"
|
||||
alt="LinkedIn"
|
||||
src="/assets/about/linkedin.png"
|
||||
/>
|
||||
</a>
|
||||
<p><br /><b>LinkedIn:</b> sravan-balaji</p>
|
||||
</div>
|
||||
<div class="col-md-3 text-center">
|
||||
<a href="https://github.com/balajsra" target="_blank">
|
||||
<img
|
||||
class="img-fluid mx-auto d-block"
|
||||
alt="GitHub"
|
||||
src="/assets/about/github.png"
|
||||
/>
|
||||
</a>
|
||||
<p><br /><b>GitHub:</b> balajsra</p>
|
||||
</div>
|
||||
<div class="col-md-3 text-center">
|
||||
<a
|
||||
href="https://www.youtube.com/channel/UC-xFJ4IKdogbpoQdQf2mgaA"
|
||||
target="_blank"
|
||||
>
|
||||
<img
|
||||
class="img-fluid mx-auto d-block"
|
||||
alt="YouTube"
|
||||
src="/assets/about/youtube.png"
|
||||
/>
|
||||
</a>
|
||||
<p><br /><b>YouTube:</b> Sravan Balaji</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user