tristonarmstrong/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add now page and fill it with content

Browse Source
This commit is contained in:
Triston Armstrong 2024-07-23 21:51:05 -05:00
parent c8a5933955
commit e6e52596ab
No known key found for this signature in database
GPG Key ID: FADE6AC6F956FC52
2 changed files with 204 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
about.html
View File

@ -125,6 +125,12 @@
everyone makes mistakes and learning from those experiences. This has helped me grow as an engineer
and become more effective in my work.</p>
<p>
<a href="https://github.com/tristonarmstrong" target="_blank"> <img
src="https://img.shields.io/github/followers/tristonarmstrong.svg?label=Follow%20@tristonarmstrong&amp;style=social"
alt="GitHub Followers | @tristonarmstrong"> </a>
</p>
<p>When I'm not coding, you can find me spending time with
family or exploring new ideas and technologies.</p>
</div>

198
now.html Normal file
View File

@ -0,0 +1,198 @@
<!DOCTYPE html>
<html lang="en" class="min-h-full overflow-x-hidden">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
<link rel="manifest" href="./site.webmanifest">
<link rel="stylesheet" href="cum.css">
<title>Klectr | Now</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-black text-white mx-auto max-w-2xl my-6 ubuntu-regular p-4 gradient">
<!-- ______________________________________________________________ -->
<nav class="flex justify-between items-center">
<a href="" class="glow"><img src="./avatar.png" alt="avatar" width={30} height={30} class="w-10 h-10" /></a>
<div class="flex gap-6 text-md text-slate-400 ">
<a href="./index.html" class="hover:text-[#ffce00]">Home</a>
<a href="./about.html" class="hover:text-[#ffce00] ">About</a>
<a class="hover:text-[#ffce00] border-b border-[#ffce00]">Now</a>
<a class="hover:text-[#ffce00]">Featured</a>
</div>
<a href="mailto:tarmstrong95@proton.me">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-mail text-slate-400 hover:text-[#ffce00]">
<rect width="20" height="16" x="2" y="4" rx="2" />
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
</svg>
</a>
</nav>
<!-- ______________________________________________________________ -->
<main class="mt-20 text-slate-200">
<h1 class="text-2xl font-bold text-white">Now</h1>
<p class="text-slate-400">Where I'm at, what I'm focused on, and what I'm not.</p>
<div class="my-6 flex flex-col gap-6 ">
<p>Lately, I've been heavily involved with <span
class="font-bold bg-clip-text text-transparent bg-gradient-to-r from-[#ffce00] to-red-500">Rust</span> and
<span
class="font-bold bg-clip-text text-transparent bg-gradient-to-r from-[#ffce00] to-red-500">TypeScript</span>,
working on personal projects that challenge me as a developer.
<p>
On the side, I enjoy contributing to open-source projects, but more importantly I've started a new initiative
called <span
class="font-bold bg-clip-text text-transparent bg-gradient-to-r from-[#ffce00] to-red-500">Klectr</span>.
Klectr is a collection (klection) of aggrigator tools, or just useful tools in general.
</p>
<p>
<a href="https://git.tristonarmstrong.com/Klectr" target="_blank"> <img
src="https://img.shields.io/github/followers/Klectr.svg?label=Follow%20@Klectr&amp;style=social"
alt="GitHub Followers | @Klectr"> </a>
</p>
<p>
When I'm not coding, you can find me spending time with my family or traveling around <span
class="font-bold bg-clip-text text-transparent bg-gradient-to-r from-[#ffce00] to-red-500">Thailand</span>.
I've also
been experimenting with photography and trying to capture the
beauty of wild life.
</p>
<p>
The best part? You can grab the Source Code of any of my projects on my self hosted Gitea and make it your own!
If you've enjoyed
using any of them, consider leaving a star on Gitea, and share them. It means a lot!</p>
</p>
<h2 class="text-lg font-bold">Current Projects</h2>
<h3>Mine</h3>
<div class="flex gap-2">
<a href="https://git.tristonarmstrong.com/tristonarmstrong/ExtronLib-CDS" target="_blank"
class="flex gap-2 border border-slate-400 text-slate-400 rounded-lg p-2 justify-between flex-1">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="6" x2="6" y1="3" y2="15" />
<circle cx="18" cy="6" r="3" />
<circle cx="6" cy="18" r="3" />
<path d="M18 9a9 9 0 0 1-9 9" />
</svg>
<p>Extron Lib CDS</p>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-arrow-up-right">
<path d="M7 7h10v10" />
<path d="M7 17 17 7" />
</svg>
</a>
<a href="https://git.tristonarmstrong.com/tristonarmstrong/htmx-playground" target="_blank"
class="flex gap-2 border border-slate-400 text-slate-400 rounded-lg p-2 justify-between flex-1">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="6" x2="6" y1="3" y2="15" />
<circle cx="18" cy="6" r="3" />
<circle cx="6" cy="18" r="3" />
<path d="M18 9a9 9 0 0 1-9 9" />
</svg>
<p>HTMX Playground</p>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-arrow-up-right">
<path d="M7 7h10v10" />
<path d="M7 17 17 7" />
</svg>
</a>
</div>
<h3>Klectr</h3>
<div class="flex gap-2">
<a href="https://git.tristonarmstrong.com/Klectr/KlectrStandup" target="_blank"
class="flex gap-2 border border-slate-400 text-slate-400 rounded-lg p-2 justify-between flex-1">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="6" x2="6" y1="3" y2="15" />
<circle cx="18" cy="6" r="3" />
<circle cx="6" cy="18" r="3" />
<path d="M18 9a9 9 0 0 1-9 9" />
</svg>
<p>Klectr Standup</p>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-arrow-up-right">
<path d="M7 7h10v10" />
<path d="M7 17 17 7" />
</svg>
</a>
<a href="https://git.tristonarmstrong.com/Klectr/KlectrBin" target="_blank"
class="flex gap-2 border border-slate-400 text-slate-400 rounded-lg p-2 justify-between flex-1">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="6" x2="6" y1="3" y2="15" />
<circle cx="18" cy="6" r="3" />
<circle cx="6" cy="18" r="3" />
<path d="M18 9a9 9 0 0 1-9 9" />
</svg>
<p>Klectr Bin</p>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-arrow-up-right">
<path d="M7 7h10v10" />
<path d="M7 17 17 7" />
</svg>
</a>
</div>
<div class="border rounded-lg border-dashed p-4 flex flex-col gap-2 text-slate-400 border-slate-400">
<div class="flex gap-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-calendar-clock">
<path d="M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5" />
<path d="M16 2v4" />
<path d="M8 2v4" />
<path d="M3 10h5" />
<path d="M17.5 17.5 16 16.3V14" />
<circle cx="16" cy="16" r="6" />
</svg>
<p>Last Modified: Tuesday, July 23, 2024 8:26 PM</p>
</div>
<div class="flex gap-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-map-pinned">
<path d="M18 8c0 4.5-6 9-6 9s-6-4.5-6-9a6 6 0 0 1 12 0" />
<circle cx="12" cy="8" r="2" />
<path
d="M8.835 14H5a1 1 0 0 0-.9.7l-2 6c-.1.1-.1.2-.1.3 0 .6.4 1 1 1h18c.6 0 1-.4 1-1 0-.1 0-.2-.1-.3l-2-6a1 1 0 0 0-.9-.7h-3.835" />
</svg>
<p>Location: Tennessee, USA</p>
</div>
<div class="flex gap-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-git-branch">
<line x1="6" x2="6" y1="3" y2="15" />
<circle cx="18" cy="6" r="3" />
<circle cx="6" cy="18" r="3" />
<path d="M18 9a9 9 0 0 1-9 9" />
</svg>
<p>Commited by: @tristonarmstrong</p>
</div>
</div>
</div>
</main>
</body>
</html>