tristonarmstrong/htmx-playground
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

update home page style

Browse Source
This commit is contained in:
Triston Armstrong 2024-03-26 23:25:02 -05:00
parent de226454df
commit 186e9b908c
2 changed files with 38 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
templates/base.html
View File

@ -1,6 +1,7 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<script src="https://cdn.tailwindcss.com"></script>
<script <script
src="https://unpkg.com/htmx.org@1.9.6" src="https://unpkg.com/htmx.org@1.9.6"
integrity="sha384-FhXw7b6AlE/jyjlZH5iHa/tTe9EpJ1Y55RjcgPbjeWMskSxZt1v9qkxLJWNJaGni" integrity="sha384-FhXw7b6AlE/jyjlZH5iHa/tTe9EpJ1Y55RjcgPbjeWMskSxZt1v9qkxLJWNJaGni"
@ -11,6 +12,7 @@
<link <link
rel="stylesheet" rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css"
defer
/> />
<link <link
rel="stylesheet" rel="stylesheet"
@ -33,8 +35,15 @@
crossorigin="anonymous" crossorigin="anonymous"
referrerpolicy="no-referrer" referrerpolicy="no-referrer"
/> />
<title>{% block title %}{{ title }} - My Site{% endblock %}</title> <title>{% block title %}{{ title }} - My Site{% endblock %}</title>
<script>
tailwind.config = {
corePlugins: {
preflight: false,
},
};
</script>
{% block head %}{% endblock %} {% block head %}{% endblock %}
</head> </head>
<body> <body>

60
templates/portfolio.html
View File

@ -1,21 +1,30 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block title %}Portfolio{% endblock %} {% block title %}Portfolio{% endblock %}
{% macro skill(link, label)%} {% macro skill(link, label) %}
<a href="{{link}}" target="_blank" style="text-decoration: none !important"> <a href="{{link}}" target="_blank" style="text-decoration: none !important">
{{label}} {{label}}
</a> </a>
{% endmacro %} {% endmacro %}
{% macro job(title, date, description)%} {% macro job(title, date, description) %}
<div> <div class="rounded-xl my-1 px-4 py-2 bg-white bg-opacity-5">
<h3>{{title}} <h3 class="my-1 text-white text-opacity-40">{{title}}
<small style="font-weight: normal"><i> / {{date}}</i></small> <small style="font-weight: normal"><i> / {{date}}</i></small>
</h3> </h3>
<p>{{description}}</p> <p class="my-1">{{description}}</p>
</div> </div>
{% endmacro %} {% endmacro %}
{% macro project(link, label) %}
<div class="flex w-full items-baseline gap-1 my-1">
<a href="{{link}}" target="_blank">{{label}}</a>
<div class="flex-1 border border-dashed h-0 border-white border-opacity-20"></div>
<a href="{{link}}" target="_blank">&#10238;</a>
</div>
{% endmacro %}
{% block content %} {% block content %}
<nav> <nav>
<small> <small>
@ -35,7 +44,7 @@
to solving problems using code. to solving problems using code.
</p> </p>
<h2>🤹 Skills</h2> <h2 class="text-white text-opacity-80">🤹 Skills</h2>
<p> <p>
{% call skill("https://www.typescriptlang.org/docs/handbook/intro.html", "Typescript") %} {% call skill("https://www.typescriptlang.org/docs/handbook/intro.html", "Typescript") %}
| {% call skill("https://docs.python.org/3/", "Python") %} | {% call skill("https://docs.python.org/3/", "Python") %}
@ -43,37 +52,24 @@
| {% call skill("https://developer.mozilla.org/en-US/docs/Web/javascript#reference","Javascript") %} | {% call skill("https://developer.mozilla.org/en-US/docs/Web/javascript#reference","Javascript") %}
</p> </p>
<h2>💼 Jobs</h2> <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("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("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("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") %} {% call job("Makers Ladder LLC", "Dec. '19 - Apr. '22", "Did some thangs") %}
<h2>🚧 Projects</h2> <h2 class="text-white text-opacity-80">🚧 Projects</h2>
<p> {% call project("https://github.com/tristonarmstrong/SolarBatteryMonitorApi", "Solar Battery Monitor API")%}
<a href="https://github.com/tristonarmstrong/SolarBatteryMonitorApi" target="_blank">Solar Battery Monitor API</a> {% call project("https://github.com/tristonarmstrong/armstrong-editor", "Armstrong Editor")%}
| {% call project("https://github.com/tristonarmstrong/web-window-manager", "Web Window Manager")%}
<a href="https://github.com/tristonarmstrong/armstrong-editor" target="_blank">Armstrong Editor</a> {% call project("https://github.com/tristonarmstrong/component-test-helper", "Component Test Helper")%}
| {% call project("https://github.com/tristonarmstrong/hive-dapp", "Hive DAPP")%}
<a href="https://github.com/tristonarmstrong/web-window-manager" target="_blank">Web Window Manager</a> {% call project("https://github.com/tristonarmstrong/KivyTwistedInputCapture", "Kivy Twisted Input Capture")%}
| {% call project("https://github.com/tristonarmstrong/PlantMonitorNodeMCU", "Plant Monitor Node MCU")%}
<a href="https://github.com/tristonarmstrong/component-test-helper" target="_blank">Component Test Helper</a> {% 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")%}
<a href="https://github.com/tristonarmstrong/hive-dapp" target="_blank">Hive DAPP</a> {% call project("https://github.com/tristonarmstrong/chat.io", "Chat IO")%}
| {% call project("https://github.com/tristonarmstrong/zipapp", "Zip Code Distance App")%}
<a href="https://github.com/tristonarmstrong/KivyTwistedInputCapture" target="_blank">Kivy Twisted Input Capture</a>
|
<a href="https://github.com/tristonarmstrong/PlantMonitorNodeMCU" target="_blank">Plant Monitor Node MCU</a>
|
<a href="https://github.com/tristonarmstrong/oppo_bdp_103_CLI" target="_blank">Oppo BDP 103 CLI</a>
|
<a href="https://github.com/tristonarmstrong/sony_bravia_pro_display_mock_server" target="_blank">Sony Bravia Pro
Server</a>
|
<a href="https://github.com/tristonarmstrong/chat.io" target="_blank">Chat IO</a>
|
<a href="https://github.com/tristonarmstrong/zipapp" target="_blank">Zip Code Distance App</a>
</p>
<footer> <footer>
<a href="https://github.com/tristonarmstrong">Github</a> <a href="https://github.com/tristonarmstrong">Github</a>