htmx-playground/templates/portfolio.html

{% extends "base.html" %}
{% block title %}Portfolio{% endblock %}

{% macro link(link, value) %}
  <a href="{{link}}" target="_blank" class="text-indigo-300">{{value}}</a>
{% endmacro %}

{% macro skill(link, label) %}
  {% call link(link, label) %}
{% endmacro %}

{% macro job(title, date, description) %}
<div class="rounded-xl my-1 px-4 py-2 bg-white bg-opacity-5">
  <h3 class="my-1 text-white text-opacity-40">{{title}} 
    <small style="font-weight: normal"><i> / {{date}}</i></small>
  </h3>
  <p class="my-1">{{description}}</p>
</div>
{% endmacro %}

{% macro project(link, label) %}
<div class="flex w-full items-baseline gap-1 my-1">
  {% call link(link, label) %}
  <div class="flex-1 border border-dashed h-0 border-white border-opacity-20"></div>
  {% call link(link, "👉") %}
</div>
{% endmacro %}


{% block content %}
<nav>
  <small>
   {% call link("/tuts", "Micro Tuts") %} / {% call link("/notes", "Notes") %} / {% call link("https://tristonarmstrong.com/social", "Social") %}
  </small>
</nav>
<hr />

<h1 class="text-indigo-500">Triston Armstrong 🫰</h1>
<p>
  Full Stack Software Developer
  {% call link("https://ventrahealth.com", "@VentraHealth") %}
</p>
<p>
  I am a self taught Full Stack Software Developer with an unhealthy addiction
  to solving problems using code.
</p>

<h2 class="text-white text-opacity-80">🤹 Skills</h2>
<p>
  {% call skill("https://www.typescriptlang.org/docs/handbook/intro.html", "Typescript") %}
  | {% call skill("https://docs.python.org/3/", "Python") %}
  | {% call skill("https://doc.rust-lang.org/std/index.html", "Rust") %}
  | {% call skill("https://developer.mozilla.org/en-US/docs/Web/javascript#reference","Javascript") %}
</p>

<h2 class="text-white text-opacity-80">💼 Jobs</h2>
{% call job("Ventra Health","May '23 - Present","Maintaining and iterating on an internal web application") %}
{% call job("Randstad Technologies", "May '22 - May '23", "Built Web Applications for external clients") %}
{% call job("Damiano Global Corporation", "July '20 - Nov. '21", "Built Web Applications for external clients") %}
{% call job("Makers Ladder LLC", "Dec. '19 - Apr. '22", "Did some thangs") %}

<h2 class="text-white text-opacity-80">🚧 Projects</h2>
{% call project("https://github.com/tristonarmstrong/SolarBatteryMonitorApi", "Solar Battery Monitor API")%}
{% call project("https://github.com/tristonarmstrong/armstrong-editor", "Armstrong Editor")%}
{% call project("https://github.com/tristonarmstrong/web-window-manager", "Web Window Manager")%}
{% call project("https://github.com/tristonarmstrong/component-test-helper", "Component Test Helper")%}
{% call project("https://github.com/tristonarmstrong/hive-dapp", "Hive DAPP")%}
{% call project("https://github.com/tristonarmstrong/KivyTwistedInputCapture", "Kivy Twisted Input Capture")%}
{% call project("https://github.com/tristonarmstrong/PlantMonitorNodeMCU", "Plant Monitor Node MCU")%}
{% call project("https://github.com/tristonarmstrong/oppo_bdp_103_CLI", "Oppo BDP 103 CLI")%}
{% call project("https://github.com/tristonarmstrong/sony_bravia_pro_display_mock_server", "Sony Bravia Pro Server")%}
{% call project("https://github.com/tristonarmstrong/chat.io", "Chat IO")%}
{% call project("https://github.com/tristonarmstrong/zipapp", "Zip Code Distance App")%}

<footer>
  {% call link("https://github.com/tristonarmstrong", "Github") %}
  |
  {% call link("https://www.linkedin.com/in/triston95strong/", "LinkedIn") %}
  |
  {% call link("https://gitlab.com/Tarmstrong95", "GitLab") %}
  |
  {% call link("https://twitter.com/triston_armstr", "Twitter") %}
  |
  {% call link("https://fosstodon.org/@TristonArmstrong", "Fosstodon") %}
  <p><small>©2023-2024 Triston Armstrong. All rights reserved.</small></p>
</footer>
{% endblock %}