htmx-playground/templates/portfolio.html

88 lines
3.7 KiB
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 %}