Convert React pages to Flask

oorah.

src/templates/partials/project.html

@@ -0,0 +1,33 @@
+{% macro project(title, classes, status, bgi, content, links) %}
+<div class="project {{ classes }}" data-aos="fade-up">
+  <div class="vFlex">
+    <div class="projTitle">
+      <h3>{{ title }}</h3>
+      <p class="{{ status }} tab">⬤</p>
+    </div>
+    <div class="projBody vFlex spaceBetween">
+      {% if bgi|length > 0 %}
+      {% set path = url_for('static', filename='photos/' + bgi) %}
+      <div style="background-image: url('{{path}}');" class="bgi"></div>
+      {% endif %}
+      <div class="topBox">
+        <p class="backedBody">{{ content }}</p>
+      </div>
+      <div class="bottomBox">
+        {% for i in links %} {% set src = 'icons/' + i[0] + '.svg' %}
+        <a href="{{i[1]}}">
+          <img src="{{ url_for('static', filename=src) }}" alt="{{i[0]}}" />
+        </a>
+        {% endfor %} {% if links|length == 0 %}
+        <div class="placeholder">
+          <img
+            alt="no links!"
+            src="{{ url_for('static', filename='photos/placeholder.png') }}"
+          />
+        </div>
+        {% endif %}
+      </div>
+    </div>
+  </div>
+</div>
+{% endmacro %}

src/templates/partials/skills.html

@@ -0,0 +1,5 @@
+{% macro skills(skills) %}
+<ul class='skills'>
+    {% for i in skills %}<li class='skill'>{{i}}</li>{% endfor %}
+</ul>
+{% endmacro %}

src/templates/partials/socials.html

@@ -0,0 +1,7 @@
+<div class='socials'>
+    <a href='https://github.com/asimonson1125'><img alt='Github' src="{{ url_for('static', filename='icons/github.svg') }}" /></a>
+    <a href='https://www.instagram.com/an_a.simonson/'><img alt='Instagram' src="{{ url_for('static', filename='icons/instagram.svg') }}" /></a>
+    <a href='https://www.linkedin.com/in/simonsonandrew/'><img alt='LinkedIn' src="{{ url_for('static', filename='icons/linkedin.svg') }}" /></a>
+    <a href='mailto:asimonson1125@gmail.com'><img alt='E-mail' src="{{ url_for('static', filename='icons/email.svg') }}" /></a>
+    <div id='vertLine'></div>
+</div>

src/templates/partials/timeline.html

@@ -0,0 +1,13 @@
+{% 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 %}