2024-07-24 02:51:05 +00:00
|
|
|
<!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>
|
2024-07-24 02:54:36 +00:00
|
|
|
<a href="./now.html" class="hover:text-[#ffce00] border-b border-[#ffce00]">Now</a>
|
2024-07-24 02:51:05 +00:00
|
|
|
<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&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>
|
