Split portfolio template into partial sections
This commit is contained in:
@@ -2,101 +2,9 @@
|
|||||||
{% extends "layouts/base.html" %}
|
{% extends "layouts/base.html" %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="container-fluid px-md-6">
|
<div class="container-fluid px-md-6">
|
||||||
<div class="row align-items-center">
|
{% include "partials/resume.html" %}
|
||||||
<div class="col-md-12">
|
{% include "partials/professionalExperience.html" %}
|
||||||
<h1><a name="resume">Resume</a></h1>
|
{% include "partials/education.html" %}
|
||||||
</div>
|
{% include "partials/research.html" %}
|
||||||
</div>
|
|
||||||
<div class="row align-items-center">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<p>
|
|
||||||
The latest version of my resume is hosted on
|
|
||||||
<a
|
|
||||||
href="https://github.com/balajsra/resume/blob/master/sravan_balaji_resume.pdf"
|
|
||||||
target="_blank"
|
|
||||||
>GitHub</a
|
|
||||||
>.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row align-items-center">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<h1>
|
|
||||||
<a name="professional_experience">Professional Experience</a>
|
|
||||||
</h1>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% for profExp in collections.professionalExperience %}
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-4">
|
|
||||||
<a href="{{ profExp.data.companyUrl }}" target="_blank">
|
|
||||||
<img
|
|
||||||
class="img-fluid mx-auto d-block"
|
|
||||||
src="{{ profExp.data.companyLogo }}"
|
|
||||||
/>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-8">
|
|
||||||
<h2><b>{{ profExp.data.companyName }}</b></h2>
|
|
||||||
<h3>{{ profExp.data.jobTitle }}</h3>
|
|
||||||
<h4>{{ profExp.data.workLocation }}</h4>
|
|
||||||
<h5><i>{{ profExp.data.startDate }} - {{ profExp.data.endDate }}</i></h5>
|
|
||||||
{{ profExp.content | safe }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% if collections.professionalExperienceProjects.length > 0 %}
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div id="{{ profExp.data.id }}">
|
|
||||||
{% for project in (collections.professionalExperienceProjects | findProjectAssociatedWithExperience(profExp.data.id)) %}
|
|
||||||
{% set projectSlug = (profExp.data.id + '-' + project.data.name | slugify) %}
|
|
||||||
<div class="card section-bg">
|
|
||||||
<div class="card-header">
|
|
||||||
<a
|
|
||||||
class="card-link"
|
|
||||||
data-toggle="collapse"
|
|
||||||
href="#{{ projectSlug }}"
|
|
||||||
>
|
|
||||||
<b>{{ project.data.name }}</b>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
id="{{ projectSlug }}"
|
|
||||||
class="collapse"
|
|
||||||
data-parent="#{{ profExp.data.id }}"
|
|
||||||
>
|
|
||||||
<div class="card-body">
|
|
||||||
{{ project.content | safe }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
<div class="row align-items-center">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<h1><a name="education">Education</a></h1>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row align-items-center">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<h1><a name="research">Research</a></h1>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row align-items-center">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<h1><a name="projects">Projects</a></h1>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
6
src/_includes/partials/education.html
Normal file
6
src/_includes/partials/education.html
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<h1><a name="education">Education</a></h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
61
src/_includes/partials/professionalExperience.html
Normal file
61
src/_includes/partials/professionalExperience.html
Normal file
@@ -0,0 +1,61 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<h1>
|
||||||
|
<a name="professional_experience">Professional Experience</a>
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% for profExp in collections.professionalExperience %}
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<a href="{{ profExp.data.companyUrl }}" target="_blank">
|
||||||
|
<img
|
||||||
|
class="img-fluid mx-auto d-block"
|
||||||
|
src="{{ profExp.data.companyLogo }}"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8">
|
||||||
|
<h2><b>{{ profExp.data.companyName }}</b></h2>
|
||||||
|
<h3>{{ profExp.data.jobTitle }}</h3>
|
||||||
|
<h4>{{ profExp.data.workLocation }}</h4>
|
||||||
|
<h5><i>{{ profExp.data.startDate }} - {{ profExp.data.endDate }}</i></h5>
|
||||||
|
{{ profExp.content | safe }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% if collections.professionalExperienceProjects.length > 0 %}
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div id="{{ profExp.data.id }}">
|
||||||
|
{% for project in (collections.professionalExperienceProjects | findProjectAssociatedWithExperience(profExp.data.id)) %}
|
||||||
|
{% set projectSlug = (profExp.data.id + '-' + project.data.name | slugify) %}
|
||||||
|
<div class="card section-bg">
|
||||||
|
<div class="card-header">
|
||||||
|
<a
|
||||||
|
class="card-link"
|
||||||
|
data-toggle="collapse"
|
||||||
|
href="#{{ projectSlug }}"
|
||||||
|
>
|
||||||
|
<b>{{ project.data.name }}</b>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
id="{{ projectSlug }}"
|
||||||
|
class="collapse"
|
||||||
|
data-parent="#{{ profExp.data.id }}"
|
||||||
|
>
|
||||||
|
<div class="card-body">
|
||||||
|
{{ project.content | safe }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
6
src/_includes/partials/research.html
Normal file
6
src/_includes/partials/research.html
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<h1><a name="research">Research</a></h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
18
src/_includes/partials/resume.html
Normal file
18
src/_includes/partials/resume.html
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<h1><a name="resume">Resume</a></h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<p>
|
||||||
|
The latest version of my resume is hosted on
|
||||||
|
<a
|
||||||
|
href="https://github.com/balajsra/resume/blob/master/sravan_balaji_resume.pdf"
|
||||||
|
target="_blank"
|
||||||
|
>GitHub</a
|
||||||
|
>.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
Reference in New Issue
Block a user