lepton/Webserver
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated look
All checks were successful
Deploy Website / build-and-deploy (push) Successful in 2m15s
Details

Browse Source
This commit is contained in:
Akshay Kolli
2026-04-11 23:27:29 -04:00
parent aa7fe8ecc7
commit 382edaab75
21 changed files with 740 additions and 397 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
app/blog/loading.tsx
View File

@@ -1,19 +1,26 @@
export default function BlogLoading() {
return (
<div className="max-w-3xl mx-auto px-6 py-24 space-y-12 animate-pulse">
<div className="space-y-4">
<div className="h-10 bg-zinc-200 dark:bg-zinc-800 rounded w-1/3" />
<div className="h-5 bg-zinc-200 dark:bg-zinc-800 rounded w-2/3" />
</div>
<div className="grid gap-10">
{Array.from({ length: 3 }).map((_, i) => (
<div key={i} className="space-y-3">
<div className="h-4 bg-zinc-200 dark:bg-zinc-800 rounded w-1/4" />
<div className="h-7 bg-zinc-200 dark:bg-zinc-800 rounded w-3/4" />
<div className="h-5 bg-zinc-200 dark:bg-zinc-800 rounded w-full" />
<div className="h-5 bg-zinc-200 dark:bg-zinc-800 rounded w-5/6" />
</div>
))}
<div className="page-frame py-20 sm:py-24">
<div className="mx-auto max-w-[72rem] animate-pulse space-y-10">
<div className="space-y-4 border-b border-line pb-10">
<div className="h-3 w-20 rounded-full bg-accent-soft" />
<div className="h-14 w-2/3 rounded-[1rem] bg-paper-strong" />
<div className="h-5 w-1/2 rounded-full bg-paper-strong" />
</div>
<div className="space-y-8">
{Array.from({ length: 2 }).map((_, i) => (
<div key={i} className="grid gap-3 border-b border-line pb-6 md:grid-cols-[8rem_minmax(0,1fr)] md:gap-6">
<div className="h-3 w-20 rounded-full bg-accent-soft" />
<div className="space-y-3">
<div className="h-9 w-3/4 rounded-[0.9rem] bg-paper-strong" />
<div className="space-y-2">
<div className="h-4 w-full rounded-full bg-paper-strong" />
<div className="h-4 w-4/5 rounded-full bg-paper-strong" />
</div>
</div>
</div>
))}
</div>
</div>
</div>
);