projects restyle and timeline deprecation

src/templates/partials/project.html

@@ -1,35 +1,32 @@
 {% macro project(title, classes, status, bgi, content, links) %}
 <div class="project {{ classes }}" data-aos="fade-up">
-  <div class="projTitle">
-    <h3>{{ title }}</h3>
-    <p><span class="state-dot {{ status }}"></span> {{ status }}</p>
+  <div class="projImageWrap">
+    {% if bgi|length > 0 %}
+      {% set path = url_for('static', filename='photos/projects/' + bgi) %}
+      <img src="{{ path }}" alt="Ref image for {{ title }} project" />
+    {% else %}
+      <div class="projImagePlaceholder"></div>
+    {% endif %}
+    <div class="proj-status-badge {{ status }}">
+      <span class="status-indicator"></span>{{ status }}
+    </div>
   </div>
-  <div class="projBody mobileV">
-    <div class="projImage">
-      {% if bgi|length > 0 %} {% set path = url_for('static',
-      filename='photos/projects/' + bgi) %}
-      <img class="" src="{{ path }}" alt="Ref image for {{ title }} project" />
-      {% endif %}
-    </div>
-
-    <div class="grow backedBody">
-      <div class="projDesc vFlex spaceBetween">
-        <p>{{ content }}</p>
-        <div class="projLinks">
-          {% for i in links %} {% set src = 'icons/' + i[0] + '.svg' %}
-          {% if i[1].startswith('https://') or i[1].startswith('http://') %}
-          <a href="{{i[1]}}" rel="noopener noreferrer">
-            <img
-              class="projectLink"
-              src="{{ url_for('static', filename=src) }}"
-              alt="{{i[0]}}"
-            />
-          </a>
-          {% endif %}
-          {% endfor %}
-        </div>
-      </div>
+  <div class="projContent">
+    <h3>{{ title }}</h3>
+    <p class="projDesc">{{ content }}</p>
+    {% if links %}
+    <div class="projLinks">
+      {% for i in links %}
+        {% set src = 'icons/' + i[0] + '.svg' %}
+        {% if i[1].startswith('https://') or i[1].startswith('http://') %}
+        <a href="{{ i[1] }}" rel="noopener noreferrer" class="proj-link">
+          <img class="projectLink" src="{{ url_for('static', filename=src) }}" alt="{{ i[0] }}" />
+          <span>{{ i[2] }}</span>
+        </a>
+        {% endif %}
+      {% endfor %}
     </div>
+    {% endif %}
   </div>
 </div>
 {% endmacro %}

src/templates/partials/timeline.html

@@ -1,13 +0,0 @@
-{% macro timeitem(title, classes, date, deets) %}
-<div class="timeitem {{classes}}">
-  <p class="datetext">{{date}}</p>
-  <div class="timeline-item">
-    <h2>{{title}}</h2>
-    <div class="timeline-deets">
-      <p>
-        {{deets}}
-      </p>
-    </div>
-  </div>
-</div>
-{% endmacro %}

src/templates/projects.html

@@ -4,7 +4,7 @@
     <div class="flex equalitems vertOnMobile">
         <div>
             <div>
-                <h2 class="concentratedHead">About Me</h2>
+                <h2 class="concentratedHead">About Me<p><sup>Data Scientist, Amateur SysAdmin, Polymath</sup></p></h2>
                 <p>
                     I'm Andrew Simonson<!--, CEO of the anti-thermodynamics syndicate.-->,
                     a <strong>Data Scientist at Ecolab</strong> and a graduate Data
@@ -71,7 +71,7 @@
       </div>
     </div>
     </!-->
-    <div class="projectList vContainer">
+    <div class="projectList">
         {% from 'partials/project.html' import project %} {% for i in
         var["projects"] %} {{ project(i, var["projects"][i]["classes"],
         var["projects"][i]["status"], var["projects"][i]["bgi"],