From 40028ed8305c9b15d70c7fa8085833ad5f79357c Mon Sep 17 00:00:00 2001
From: Sravan Balaji <balajsra@umich.edu>
Date: Thu, 2 Jan 2025 10:10:57 -0500
Subject: [PATCH] Split portfolio template into partial sections

---
 src/_includes/layouts/portfolio.html          | 102 +-----------------
 src/_includes/partials/education.html         |   6 ++
 .../partials/professionalExperience.html      |  61 +++++++++++
 src/_includes/partials/research.html          |   6 ++
 src/_includes/partials/resume.html            |  18 ++++
 5 files changed, 96 insertions(+), 97 deletions(-)
 create mode 100644 src/_includes/partials/education.html
 create mode 100644 src/_includes/partials/professionalExperience.html
 create mode 100644 src/_includes/partials/research.html
 create mode 100644 src/_includes/partials/resume.html

diff --git a/src/_includes/layouts/portfolio.html b/src/_includes/layouts/portfolio.html
index 1e75c47..23fa51c 100644
--- a/src/_includes/layouts/portfolio.html
+++ b/src/_includes/layouts/portfolio.html
@@ -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 %}
\ No newline at end of file
diff --git a/src/_includes/partials/education.html b/src/_includes/partials/education.html
new file mode 100644
index 0000000..5cc06c7
--- /dev/null
+++ b/src/_includes/partials/education.html
@@ -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>
\ No newline at end of file
diff --git a/src/_includes/partials/professionalExperience.html b/src/_includes/partials/professionalExperience.html
new file mode 100644
index 0000000..303b46a
--- /dev/null
+++ b/src/_includes/partials/professionalExperience.html
@@ -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 %}
\ No newline at end of file
diff --git a/src/_includes/partials/research.html b/src/_includes/partials/research.html
new file mode 100644
index 0000000..3e9991e
--- /dev/null
+++ b/src/_includes/partials/research.html
@@ -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>
\ No newline at end of file
diff --git a/src/_includes/partials/resume.html b/src/_includes/partials/resume.html
new file mode 100644
index 0000000..900a6bd
--- /dev/null
+++ b/src/_includes/partials/resume.html
@@ -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>
\ No newline at end of file