Split portfolio template into partial sections
This commit is contained in:
@@ -2,101 +2,9 @@
|
||||
{% 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="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>
|
||||
|
||||
<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>
|
||||
{% include "partials/resume.html" %}
|
||||
{% include "partials/professionalExperience.html" %}
|
||||
{% include "partials/education.html" %}
|
||||
{% include "partials/research.html" %}
|
||||
</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