Mike/freno-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cleaned up

Browse Source
This commit is contained in:
Michael Freno
2025-12-19 15:09:13 -05:00
parent cc48a1382c
commit 5a0483422a
1 changed files with 48 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
src/routes/index.tsx
View File

@@ -34,26 +34,27 @@ export default function Home() {
here (github) here (github)
</a> </a>
</Typewriter> </Typewriter>
<div class="pt-[10%] text-center"> <div class="pt-8 text-center">
Some of my recent projects: <div class="pb-4">Some of my recent projects:</div>
<div class="flex flex-col items-center justify-center gap-4 2xl:flex-row"> <div class="flex flex-col items-center gap-6 2xl:flex-row 2xl:items-start 2xl:justify-center">
<div class="border-surface0 flex flex-col gap-2 rounded-md border-2 p-4 text-center"> {/* Life and Lineage */}
My mobile game: <div class="border-surface0 flex w-full max-w-2xl flex-col gap-2 rounded-md border-2 p-4 text-center">
<div>My mobile game:</div>
<a <a
class="text-blue hover-underline-animation" class="text-blue hover-underline-animation"
href="https://apps.apple.com/us/app/life-and-lineage/id6737252442" href="https://apps.apple.com/us/app/life-and-lineage/id6737252442"
> >
Life and Lineage{" "} Life and Lineage
</a> </a>
<div class="flex flex-col items-center justify-center gap-2 xl:flex-row"> <div class="grid grid-cols-1 gap-4 sm:grid-cols-3">
<div class="aspect-auto w-36 overflow-hidden rounded-lg md:w-52 xl:w-64"> <div class="aspect-auto w-full overflow-hidden rounded-lg">
<img <img
src="/lineage-home.png" src="/lineage-home.png"
alt="Work sample 1" alt="Life and Lineage Home"
class="h-full w-full object-cover" class="h-full w-full object-cover"
/> />
</div> </div>
<div class="aspect-auto w-36 overflow-hidden rounded-lg md:w-52 xl:w-80"> <div class="aspect-auto w-full overflow-hidden rounded-lg">
<video <video
src="/lineage-preview.mp4" src="/lineage-preview.mp4"
class="h-full w-full object-cover" class="h-full w-full object-cover"
@@ -63,52 +64,56 @@ export default function Home() {
playsinline playsinline
/> />
</div> </div>
<div class="aspect-auto w-36 overflow-hidden rounded-lg md:w-52 xl:w-64"> <div class="aspect-auto w-full overflow-hidden rounded-lg">
<img <img
src="/lineage-shops.png" src="/lineage-shops.png"
alt="Work sample 2" alt="Life and Lineage Shops"
class="h-full w-full object-cover" class="h-full w-full object-cover"
/> />
</div> </div>
</div> </div>
</div> </div>
<div class="border-surface0 flex flex-col gap-2 rounded-md border-2 p-4 text-center">
My LÖVE UI library{" "} {/* FlexLöve */}
<div class="border-surface0 flex w-full max-w-md flex-col gap-2 rounded-md border-2 p-4 text-center">
<div>My LÖVE UI library</div>
<a <a
href="https://github.com/mikefreno/flexlove" href="https://github.com/mikefreno/flexlove"
class="text-blue hover-underline-animation" class="text-blue hover-underline-animation"
> >
FlexLöve FlexLöve
</a> </a>
<div class="aspect-auto w-48 overflow-hidden rounded-lg md:w-64 xl:w-80"> <div class="flex flex-col gap-4">
<video <div class="aspect-auto w-full overflow-hidden rounded-lg">
src="/flexlove-scrollable.mp4" <video
class="h-full w-full object-cover" src="/flexlove-scrollable.mp4"
autoplay class="h-full w-full object-cover"
loop autoplay
muted loop
playsinline muted
/> playsinline
</div> />
<div class="aspect-auto w-48 overflow-hidden rounded-lg md:w-64 xl:w-80"> </div>
<video <div class="aspect-auto w-full overflow-hidden rounded-lg">
src="/flexlove-input.mp4" <video
class="h-full w-full object-cover" src="/flexlove-input.mp4"
autoplay class="h-full w-full object-cover"
loop autoplay
muted loop
playsinline muted
/> playsinline
</div> />
<div class="aspect-auto w-48 overflow-hidden rounded-lg md:w-64 xl:w-80"> </div>
<video <div class="aspect-auto w-full overflow-hidden rounded-lg">
src="/flexlove-slider.mp4" <video
class="h-full w-full object-cover" src="/flexlove-slider.mp4"
autoplay class="h-full w-full object-cover"
loop autoplay
muted loop
playsinline muted
/> playsinline
/>
</div>
</div> </div>
</div> </div>
</div> </div>