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

feat: move to vite

Browse source
This commit is contained in:
Jet Pham 2026-03-05 17:26:17 -08:00
parent 5cbe032c23
commit 4c09d416cf
No known key found for this signature in database
14 changed files with 112 additions and 881 deletions
Download patch file Download diff file Expand all files Collapse all files

59
index.html
View file

@ -20,7 +20,62 @@
<meta name="twitter:description" content="Jet Pham's personal website" />
</head>
<body style="background:#000">
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
<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]">
<!-- Frosted glass backdrop with mask -->
<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%);"
></div>
<!-- Border -->
<div class="absolute inset-0 border-2 border-white"></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">
<div id="ansi-art"></div>
<div class="mt-[2ch]">Software Extremist</div>
</div>
<div class="order-2 shrink-0 md:order-1">
<img
src="/jet.svg"
alt="Jet"
width="250"
height="250"
class="aspect-square w-full max-w-[250px] object-cover md:h-[263px] md:w-[175px] md:max-w-none"
/>
</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>
</div>
</div>
</main>
<script type="module" src="/src/main.ts"></script>
</body>
</html>