impliment use of askama macros and move some sections

moved sections (tools, no css) from portfolio as it doesnt make much
sense to put there

templates/portfolio.html

@@ -1,5 +1,22 @@
-{% extends "base.html" %} {% block title %}Portfolio{% endblock %} {% block
+{% extends "base.html" %}
-content %}
+{% block title %}Portfolio{% endblock %}
+
+{% macro skill(link, label)%}
+<a href="{{link}}" target="_blank" style="text-decoration: none !important">
+  {{label}}
+</a>
+{% endmacro %}
+
+{% macro job(title, date, description)%}
+<div>
+  <h3>{{title}} 
+    <small style="font-weight: normal"><i> / {{date}}</i></small>
+  </h3>
+  <p>{{description}}</p>
+</div>
+{% endmacro %}
+
+{% block content %}
 <nav>
   <small>
     <a href="/tuts">Micro Tuts</a> / <a href="/notes">Notes</a> /
@@ -20,180 +37,42 @@ content %}
 
 <h2>🤹 Skills</h2>
 <p>
-    <a
+  {% call skill("https://www.typescriptlang.org/docs/handbook/intro.html", "Typescript") %}
-        href="https://www.typescriptlang.org/docs/handbook/intro.html"
+  | {% call skill("https://docs.python.org/3/", "Python") %}
-        target="_blank"
+  | {% call skill("https://doc.rust-lang.org/std/index.html", "Rust") %}
-        style="text-decoration: none !important"
+  | {% call skill("https://developer.mozilla.org/en-US/docs/Web/javascript#reference","Javascript") %}
-        >Typescript</a
-    >
-    |
-    <a
-        href="https://docs.python.org/3/"
-        target="_blank"
-        style="text-decoration: none !important"
-        >Python</a
-    >
-    |
-    <a
-        href="https://doc.rust-lang.org/std/index.html"
-        target="_blank"
-        style="text-decoration: none !important"
-        >Rust</a
-    >
-    |
-    <a
-        href="https://developer.mozilla.org/en-US/docs/Web/javascript#reference"
-        target="_blank"
-        style="text-decoration: none !important"
-        >Javascript</a
-    >
 </p>
 
 <h2>💼 Jobs</h2>
-<div>
+{% call job("Ventra Health","May '23 - Present","Maintaining and iterating on an internal web application") %}
-    <h3>
+{% call job("Randstad Technologies", "May '22 - May '23", "Built Web Applications for external clients") %}
-        Ventra Health
+{% call job("Damiano Global Corporation", "July '20 - Nov. '21", "Built Web Applications for external clients") %}
-        <small style="font-weight: normal"><i> / May '23 - Present</i></small>
+{% call job("Makers Ladder LLC", "Dec. '19 - Apr. '22", "Did some thangs") %}
-    </h3>
-    <p>Maintaining and iterating on an internal web application</p>
-</div>
-
-<div>
-    <h3>
-        Randstad Technologies<small style="font-weight: normal"
-            ><i> / May '22 - May '23</i></small
-        >
-    </h3>
-    <p>Built Web Applications for external clients</p>
-</div>
-
-<div>
-    <h3>
-        Damiano Global Corporation<small style="font-weight: normal"
-            ><i> / July '20 - Nov. '21</i></small
-        >
-    </h3>
-    <p>Built Web Applications for external clients</p>
-</div>
-
-<div>
-    <h3>
-        Makers Ladder LLC<small style="font-weight: normal"
-            ><i> / Dec. '19 - Apr. '22</i></small
-        >
-    </h3>
-    <p>Did some thangs</p>
-</div>
 
 <h2>🚧 Projects</h2>
 <p>
-    <a
+  <a href="https://github.com/tristonarmstrong/SolarBatteryMonitorApi" target="_blank">Solar Battery Monitor API</a>
-        href="https://github.com/tristonarmstrong/SolarBatteryMonitorApi"
-        target="_blank"
-        >Solar Battery Monitor API</a
-    >
   |
-    <a
+  <a href="https://github.com/tristonarmstrong/armstrong-editor" target="_blank">Armstrong Editor</a>
-        href="https://github.com/tristonarmstrong/armstrong-editor"
-        target="_blank"
-        >Armstrong Editor</a
-    >
   |
-    <a
+  <a href="https://github.com/tristonarmstrong/web-window-manager" target="_blank">Web Window Manager</a>
-        href="https://github.com/tristonarmstrong/web-window-manager"
-        target="_blank"
-        >Web Window Manager</a
-    >
   |
-    <a
+  <a href="https://github.com/tristonarmstrong/component-test-helper" target="_blank">Component Test Helper</a>
-        href="https://github.com/tristonarmstrong/component-test-helper"
-        target="_blank"
-        >Component Test Helper</a
-    >
   |
-    <a href="https://github.com/tristonarmstrong/hive-dapp" target="_blank"
+  <a href="https://github.com/tristonarmstrong/hive-dapp" target="_blank">Hive DAPP</a>
-        >Hive DAPP</a
-    >
   |
-    <a
+  <a href="https://github.com/tristonarmstrong/KivyTwistedInputCapture" target="_blank">Kivy Twisted Input Capture</a>
-        href="https://github.com/tristonarmstrong/KivyTwistedInputCapture"
-        target="_blank"
-        >Kivy Twisted Input Capture</a
-    >
   |
-    <a
+  <a href="https://github.com/tristonarmstrong/PlantMonitorNodeMCU" target="_blank">Plant Monitor Node MCU</a>
-        href="https://github.com/tristonarmstrong/PlantMonitorNodeMCU"
-        target="_blank"
-        >Plant Monitor Node MCU</a
-    >
   |
-    <a
+  <a href="https://github.com/tristonarmstrong/oppo_bdp_103_CLI" target="_blank">Oppo BDP 103 CLI</a>
-        href="https://github.com/tristonarmstrong/oppo_bdp_103_CLI"
-        target="_blank"
-        >Oppo BDP 103 CLI</a
-    >
   |
-    <a
+  <a href="https://github.com/tristonarmstrong/sony_bravia_pro_display_mock_server" target="_blank">Sony Bravia Pro
-        href="https://github.com/tristonarmstrong/sony_bravia_pro_display_mock_server"
+    Server</a>
-        target="_blank"
-        >Sony Bravia Pro Server</a
-    >
   |
-    <a href="https://github.com/tristonarmstrong/chat.io" target="_blank"
+  <a href="https://github.com/tristonarmstrong/chat.io" target="_blank">Chat IO</a>
-        >Chat IO</a
-    >
   |
-    <a href="https://github.com/tristonarmstrong/zipapp" target="_blank"
+  <a href="https://github.com/tristonarmstrong/zipapp" target="_blank">Zip Code Distance App</a>
-        >Zip Code Distance App</a
-    >
-</p>
-
-<h2>🧰 Tools</h2>
-<p>
-    <a href="" target="_blank">CSS-Tricks</a>
-    |
-    <a href="" target="_blank">Indie Hackers</a>
-    |
-    <a href="" target="_blank">W3Schools</a>
-    |
-    <a href="https://simpleicons.org" target="_blank">Simple Icons</a>
-    |
-    <a href="https://heroicons.com" target="_blank">Hero Icons</a>
-    |
-    <a href="https://nerdcave.com/tailwind-cheat-sheet" target="_blank"
-        >Tailwind Cheatsheet</a
-    >
-    |
-    <a href="https://tw-elements.com" target="_blank">Tailwind Elements</a>
-    |
-    <a href="https://tailwindcomponents.com" target="_blank"
-        >Tailwind Components</a
-    >
-</p>
-
-<h2>🎨 NoCss</h2>
-<p>
-    <a href="https://watercss.kognise.dev" target="_blank">Water CSS</a>
-    |
-    <a href="https://andybrewer.github.io/mvp/" target="_blank">MPV CSS</a>
-    |
-    <a href="https://hakanalpay.com/bahunya/" target="_blank">Bahunya</a>
-    |
-    <a href="https://mblode.github.io/marx/" target="_blank">Marx</a>
-    |
-    <a href="https://oxal.org/projects/sakura/" target="_blank">Sakura</a>
-    |
-    <a href="https://yegor256.github.io/tacit/" target="_blank">Tacit</a>
-    |
-    <a href="https://newcss.net" target="_blank">New CSS</a>
-    |
-    <a href="https://marcop135.github.io/bullframe.css/" target="_blank"
-        >Bullframe CSS</a
-    >
-    |
-    <a href="https://markdowncss.github.io/modest/" target="_blank"
-        >Markdown CSS (modest)</a
-    >
 </p>
 
 <footer>