portfolio/now.html

199 lines
9.6 KiB
HTML
Raw Normal View History

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&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>