Initial styling

gmsundar15 · Jan 18, 2025 · 8bde7da · 8bde7da
1 parent 980449b
commit 8bde7da
Show file tree

Hide file tree

Showing 7 changed files with 185 additions and 11 deletions.
diff --git a/_data/cv.yml b/_data/cv.yml
@@ -12,18 +12,12 @@ cv:
     - A German-born theoretical physicist, widely ranked among the greatest and most
       influential scientists of all time
     education:
-    - institution: University of Zurich, Zurich, Switzerland
+    - institution: University of Zurich
       area: Software Development
       degree: PhD
       start_date: '1905-01-01'
       end_date: '1905-01-01'
-      highlights:
-      - Theory of Relativity
-    - institution: University of Zurich, Zurich, Switzerland
-      area: Software Development
-      degree: PhD
-      start_date: '1908-01-01'
-      end_date: '1908-01-01'
+      location: 'Zurich, CH'
       highlights:
       - Theory of Relativity
     experience:
@@ -32,11 +26,12 @@ cv:
       location: 'Princeton, NY'
       start_date: '1933-01-01'
       end_date: '1955-01-01'
+      summary: 'Teaching at Palmer Physical Laboratory (now 302 Frist Campus Center). While not a professor at Princeton, I associated with the physics professors and continued to give lectures on campus.'
       highlights:
       - Relativity
     publications:
     - title: "Zur Elektrody/namik bewegter K\xF6rper"
-      authors: []
+      authors: ['Albert Einstein', 'Hermann Minkowski']
       date: '1905-06-30'
       url: https://en.wikisource.org/wiki/Translation:On_the_Electrodynamics_of_Moving_Bodies
     - title: "\xDCber einen die Erzeugung und Verwandlung des Lichtes betreffenden\
@@ -52,11 +47,12 @@ cv:
     projects:
     - name: Quantum Computing
       date: '2018-01-01'
-      highlights: []
-    technologies:
+      highlights: ['Quantum Teleportation', 'Quantum Cryptography']
+    skills:
     - label: Physics
       details: Quantum Mechanics, Quantum Computing, Quantum Information, Quantum
         Cryptography, Quantum Communication, Quantum Teleportation
+      icon: 'fa-solid fa-hashtag'
     awards:
     - label: Nobel Prize in Physics
       details: Royal Swedish Academy of Sciences
diff --git a/_includes/cv/awards.liquid b/_includes/cv/awards.liquid
@@ -0,0 +1,20 @@
+<ul class="card-text font-weight-light list-group list-group-flush">
+  {% for content in entry[1] %}
+    <li class="list-group-item">
+      <div class="row">
+        <div class="col-xs-2 cl-sm-2 col-md-2 text-center date-column">
+          {% if content.date %} {% assign date = content.date | split: '-' | join: '.' %} {% else %} {% assign date = '' %} {% endif %}
+          <span class="badge font-weight-bold danger-color-dark text-uppercase align-middle" style="min-width: 75px"> {{ date }} </span>
+        </div>
+        <div class="col-xs-10 cl-sm-10 col-md-10 mt-2 mt-md-0">
+          <h6 class="title font-weight-bold ml-1 ml-md-4">
+            <a href="{{ content.url }}">{{ content.label }}</a>
+          </h6>
+          <h6 class="ml-1 ml-md-4" style="font-size: 0.95rem">{{ content.awarder }}</h6>
+          <h6 class="ml-1 ml-md-4" style="font-size: 0.95rem; font-style: italic">{{ content.details }}</h6>
+        </div>
+      </div>
+    </li>
+  {% endfor %}
+</ul>
+
diff --git a/_includes/cv/projects.liquid b/_includes/cv/projects.liquid
@@ -0,0 +1,30 @@
+<ul class="card-text font-weight-light list-group list-group-flush">
+  {% for content in entry[1] %}
+    <li class="list-group-item">
+      <div class="row">
+        <div class="col-xs-2 cl-sm-2 col-md-2 text-center date-column">
+          {% if content.date %}
+            {% assign date = content.date | split: '-' | slice: 0, 2 | join: '.' %}
+          {% else %}
+            {% assign date = '' %}
+          {% endif %}
+          <span class="badge font-weight-bold danger-color-dark text-uppercase align-middle" style="min-width: 75px"> {{ date }} </span>
+        </div>
+        <div class="col-xs-10 cl-sm-10 col-md-10 mt-2 mt-md-0">
+          <h6 class="title font-weight-bold ml-1 ml-md-4">
+            {{ content.name }}
+          </h6>
+          <h6 class="ml-1 ml-md-4" style="font-size: 0.95rem; font-style: italic">{{ content.summary }}</h6>
+          <ul class="items">
+            {% for item in content.highlights %}
+              <li>
+                <span class="item">{{ item }}</span>
+              </li>
+            {% endfor %}
+          </ul>
+        </div>
+      </div>
+    </li>
+  {% endfor %}
+</ul>
+
diff --git a/_includes/cv/publications.liquid b/_includes/cv/publications.liquid
@@ -0,0 +1,27 @@
+<ul class="card-text font-weight-light list-group list-group-flush">
+  {% assign publications = entry[1] | sort: 'entry.date' | reverse %}
+  {% for content in publications %}
+    <li class="list-group-item">
+      <div class="row">
+        <div class="col-xs-2 cl-sm-2 col-md-2 text-center date-column">
+          {% if content.date %} {% assign date = content.date | split: '-' | join: '.' %} {% else %} {% assign date = '' %} {% endif %}
+          <table class="table-cv">
+            <tbody>
+              <tr>
+                <td>
+                  <span class="badge font-weight-bold danger-color-dark text-uppercase align-middle" style="min-width: 75px">{{ date }}</span>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div class="col-xs-10 cl-sm-10 col-md-10 mt-2 mt-md-0">
+          <h6 class="title font-weight-bold ml-1 ml-md-4">
+            <a href="{{ content.url }}">{{ content.title }}</a>
+          </h6>
+		  <h6 class="ml-1 ml-md-4" style="font-size: 0.95rem; font-style: italic">{{ content.authors[] | join: ", " }}</h6>
+        </div>
+      </div>
+    </li>
+  {% endfor %}
+</ul>
diff --git a/_includes/cv/skills.liquid b/_includes/cv/skills.liquid
@@ -0,0 +1,34 @@
+<div class="list-groups">
+  {% for content in entry[1] %}
+    <div class="list-group col-md-6" title="{{ content.label }}">
+      <table class="table-cv list-group-table">
+        <tbody>
+          <tr>
+            {% if content.icon %}
+              <td class="list-group-category-icon">
+                <i class="{{ content.icon }}"></i>
+              </td>
+            {% else %}
+              <td class="list-group-category-icon"></td>
+            {% endif %}
+            <!-- Calculate colspan number for category title -->
+            {% assign i = 1 %}
+            {% for item in content.items %}
+              {% assign i = i | plus: 1 %}
+            {% endfor %}
+            <td colspan="{{ i }}" class="list-group-category">{{ content.label }}</td>
+          </tr>
+          {% for item in content.details %}
+            <tr>
+              <td></td>
+              <td class="list-group-name">
+                <b>{{ item }}</b>
+              </td>
+            </tr>
+          {% endfor %}
+        </tbody>
+      </table>
+    </div>
+  {% endfor %}
+</div>
+
diff --git a/_includes/cv/work.liquid b/_includes/cv/work.liquid
@@ -0,0 +1,52 @@
+<ul class="card-text font-weight-light list-group list-group-flush">
+  {% assign work = entry[1] | sort: 'entry.start_date' | reverse %}
+  {% for content in work %}
+    <li class="list-group-item">
+      <div class="row">
+        <div class="col-xs-2 cl-sm-2 col-md-2 text-center date-column">
+          {% if content.start_date %}
+            {% assign startDate = content.start_date | split: '-' | slice: 0, 2 | join: '.' %}
+            {% assign endDate = content.end_date | split: '-' | slice: 0, 2 | join: '.' | default: 'Present' %}
+            {% assign date = startDate | append: ' - ' %}
+            {% assign date = date | append: endDate %}
+          {% else %}
+            {% assign date = '' %}
+          {% endif %}
+          <table class="table-cv">
+            <tbody>
+              <tr>
+                <td>
+                  <span class="badge font-weight-bold danger-color-dark text-uppercase align-middle" style="min-width: 75px"> {{ date }} </span>
+                </td>
+              </tr>
+              {% if content.location %}
+                <tr>
+                  <td>
+                    <p class="location">
+                      <i class="fa-solid fa-location-dot iconlocation"></i>
+                      {{ content.location }}
+                    </p>
+                  </td>
+                </tr>
+              {% endif %}
+            </tbody>
+          </table>
+        </div>
+        <div class="col-xs-10 cl-sm-10 col-md-10 mt-2 mt-md-0">
+          <h6 class="title font-weight-bold ml-1 ml-md-4">
+            {{ content.position }}
+          </h6>
+          <h6 class="ml-1 ml-md-4" style="font-size: 0.95rem">{{ content.company }}</h6>
+          <h6 class="ml-1 ml-md-4" style="font-size: 0.95rem; font-style: italic">{{ content.summary }}</h6>
+          <ul class="items">
+            {% for item in content.highlights %}
+              <li>
+                <span class="item">{{ item }}</span>
+              </li>
+            {% endfor %}
+          </ul>
+        </div>
+      </div>
+    </li>
+  {% endfor %}
+</ul>
diff --git a/_layouts/cv.liquid b/_layouts/cv.liquid
@@ -38,6 +38,21 @@ layout: default
 					{% if entry[0] == "education" %}
 						{% include cv/education.liquid %}
 					{% endif %}
+					{% if entry[0] == "experience" %}
+						{% include cv/work.liquid %}
+					{% endif %}
+					{% if entry[0] == "publications" %}
+						{% include cv/publications.liquid %}
+					{% endif %}
+					{% if entry[0] == "projects" %}
+						{% include cv/projects.liquid %}
+					{% endif %}
+					{% if entry[0] == "skills" %}
+						{% include cv/skills.liquid %}
+					{% endif %}
+					{% if entry[0] == "awards" %}
+						{% include cv/awards.liquid %}
+					{% endif %}
 				</div>
 			  {% endunless %}
 		  {% endfor %}