atridad/atridotdad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

IDK why I didn't do this... using server islands :')

Browse Source
This commit is contained in:
Atridad Lahiji
2025-10-09 09:36:08 -06:00
parent 9b98476df6
commit 7d14ba51fa
5 changed files with 113 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/components/ProjectsLoader.astro Normal file
View File

@@ -0,0 +1,46 @@
---
const skeletonCount = 6;
---
<div
class="flex flex-row flex-wrap justify-center gap-4 sm:gap-6 max-w-6xl mx-auto"
>
{
Array.from({ length: skeletonCount }).map((_, i) => (
<div class="card bg-accent text-accent-content w-full max-w-sm shrink shadow-lg">
<div class="card-body">
<div class="skeleton h-8 w-3/4 mx-auto mb-4" />
<div class="space-y-2 mb-4">
<div class="skeleton h-4 w-full" />
<div class="skeleton h-4 w-5/6 mx-auto" />
</div>
<div class="divider my-2 before:bg-accent-content/30 after:bg-accent-content/30" />
<div class="flex flex-wrap gap-3 justify-center">
<div class="skeleton h-5 w-24" />
<div class="skeleton h-5 w-24" />
</div>
<div class="flex flex-wrap gap-2 justify-center mt-2">
<div class="skeleton h-5 w-16 rounded-full" />
<div class="skeleton h-5 w-20 rounded-full" />
</div>
<div class="divider my-2 before:bg-accent-content/30 after:bg-accent-content/30" />
<div class="flex gap-2 flex-wrap justify-center">
<div class="skeleton h-5 w-16 rounded-full" />
<div class="skeleton h-5 w-20 rounded-full" />
<div class="skeleton h-5 w-14 rounded-full" />
</div>
<div class="card-actions justify-center gap-2 mt-4">
<div class="skeleton h-8 w-20" />
</div>
</div>
</div>
))
}
</div>