jet/website
jet/website
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add project and email service

Browse source
This commit is contained in:
Jet Pham 2026-03-11 13:00:51 -07:00 • committed by Jet
parent 99715f6105
commit f48390b15e
29 changed files with 2631 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

72
index.html
View file

@ -71,8 +71,8 @@
},
"sameAs": [
"https://github.com/jetpham",
"https://x.com/jetpham5",
"https://bsky.app/profile/jetpham.com",
"https://x.com/exmistsoftware",
"https://bsky.app/profile/extremist.software",
"https://git.extremist.software"
]
}
@ -80,62 +80,22 @@
</head>
<body style="background:#000">
<canvas id="canvas" class="fixed top-0 left-0 -z-10 h-screen w-screen" aria-hidden="true"></canvas>
<main>
<div class="flex flex-col items-center justify-start px-4">
<!-- FrostedBox -->
<div class="relative px-[2ch] py-[2ch] my-[2ch] w-full max-w-[66.666667%] min-w-fit md:mt-[4ch]">
<div
class="pointer-events-none absolute inset-0 h-[200%]"
style="background-color: rgba(0, 0, 0, 0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); mask-image: linear-gradient(to bottom, black 0% 50%, transparent 50% 100%); -webkit-mask-image: linear-gradient(to bottom, black 0% 50%, transparent 50% 100%);"
aria-hidden="true"
></div>
<div class="absolute inset-0 border-2 border-white" aria-hidden="true"></div>
<!-- Content -->
<div class="relative z-10">
<div class="flex flex-col items-center justify-center gap-[2ch] md:flex-row">
<div class="order-1 flex flex-col items-center md:order-2">
<h1 class="sr-only">Jet Pham</h1>
<div id="ansi-art" aria-hidden="true"></div>
<p class="mt-[2ch]">Software Extremist</p>
</div>
<div class="order-2 shrink-0 md:order-1">
<img
src="/jet.svg"
alt="A picture of Jet wearing a beanie in purple and blue lighting"
width="250"
height="250"
class="aspect-square w-full max-w-[250px] object-cover md:h-[263px] md:w-[175px] md:max-w-none"
style="background-color: #a80055; color: transparent"
/>
</div>
</div>
<!-- Contact -->
<fieldset class="mt-[2ch] border-2 border-white px-[calc(1.5ch-0.5px)] pb-[1ch] pt-0">
<legend class="-mx-[0.5ch] px-[0.5ch] text-white">Contact</legend>
<a href="mailto:jet@extremist.software">jet@extremist.software</a>
</fieldset>
<!-- Links -->
<fieldset class="mt-[2ch] border-2 border-white px-[calc(1.5ch-0.5px)] pb-[1ch] pt-0">
<legend class="-mx-[0.5ch] px-[0.5ch] text-white">Links</legend>
<ol>
<li>
<a href="https://git.extremist.software" class="inline-flex items-center">Forgejo</a>
</li>
<li>
<a href="https://github.com/jetpham" class="inline-flex items-center">GitHub</a>
</li>
<li>
<a href="https://x.com/jetpham5" class="inline-flex items-center">X</a>
</li>
<li>
<a href="https://bsky.app/profile/jetpham.com" class="inline-flex items-center">Bluesky</a>
</li>
</ol>
</fieldset>
</div>
<nav class="flex justify-center px-4">
<div class="relative px-[2ch] py-[1ch] mt-[2ch] w-full max-w-[66.666667%] min-w-fit">
<div
class="pointer-events-none absolute inset-0"
style="background-color: rgba(0, 0, 0, 0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);"
aria-hidden="true"
></div>
<div class="absolute inset-0 border-2 border-white" aria-hidden="true"></div>
<div class="relative z-10 flex gap-[2ch]">
<a href="/">[HOME]</a>
<a href="/projects">[PROJECTS]</a>
<a href="/qa">[Q&A]</a>
</div>
</div>
</main>
</nav>
<div id="outlet"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>