Add new pages, update main page grid

This commit is contained in:
2026-10-03 20:08:13 -06:00
parent 63ffa1206c
commit c02bf7f37e
9 changed files with 160 additions and 33 deletions
+29 -23
View File
@@ -160,15 +160,17 @@ function grid() {
<!-- ROW 2 -->
<div data-motion='card' class='p-6 bg-white dark:bg-neutral-800 rounded-3xl'>
<a href='https://gitea.happylizard.me'>
<div data-motion='icon' class='w-15 h-15 flex items-center justify-center mb-5'>
<img src='assets/img/gitea.png'>
<div data-motion='card' class='p-8 bg-fuchsia-700/40 rounded-3xl flex flex-col justify-between'>
<a href='https://navidrome.happylizard.me'>
<div>
<div data-motion='icon' class='w-20 h-20 rounded-xl flex items-center justify-center mb-6'>
<img src='assets/img/gitea.png'>
</div>
<h3 class='text-white text-xl font-semibold mb-3'>Gitea</h3>
<p class='text-indigo-100 text-base'>
A self-hosted version of github/gitlab that works pretty well
</p>
</div>
<h3 class='text-slate-900 dark:text-white text-lg font-semibold mb-2'>Gitea</h3>
<p class='text-slate-600 dark:text-neutral-400 text-sm'>
A self-hosted version of github/gitlab that works pretty well
</p>
</a>
</div>
@@ -198,15 +200,17 @@ function grid() {
</div>
<!-- Small Feature Cards -->
<div data-motion='card' class='p-6 bg-white dark:bg-neutral-800 rounded-3xl'>
<a href='https://gitea.happylizard.me'>
<div data-motion='icon' class='w-15 h-15 flex items-center justify-center mb-5'>
<img src='assets/img/gitea.png'>
<div data-motion='card' class='p-8 bg-orange-500/80 rounded-3xl flex flex-col justify-between'>
<a href='https://gameyfin.happylizard.me'>
<div>
<div data-motion='icon' class='w-20 h-20 rounded-xl flex items-center justify-center mb-6'>
<img src='assets/img/gameyfin_small.png'>
</div>
<h3 class='text-black text-xl font-semibold mb-3'>Gameyfin</h3>
<p class='text-black text-base'>
A game-sharing site, with many nintendo, steam, and other misc. games
</p>
</div>
<h3 class='text-slate-900 dark:text-white text-lg font-semibold mb-2'>Gitea</h3>
<p class='text-slate-600 dark:text-neutral-400 text-sm'>
A self-hosted version of github/gitlab that works pretty well
</p>
</a>
</div>
@@ -234,15 +238,17 @@ function grid() {
</a>
</div>
<div data-motion='card' class='p-6 bg-white dark:bg-neutral-800 rounded-3xl'>
<div data-motion='card' class='p-8 bg-blue-800/60 rounded-3xl flex flex-col justify-between'>
<a href='https://copyparty.happylizard.me'>
<div data-motion='icon' class='w-15 h-15 flex items-center justify-center mb-5'>
<img src='assets/img/copyparty.png'>
<div>
<div data-motion='icon' class='w-20 h-20 rounded-xl flex items-center justify-center mb-6'>
<img src='assets/img/copyparty.png'>
</div>
<h3 class='text-white text-xl font-semibold mb-3'>Copyparty</h3>
<p class='text-indigo-100 text-base'>
A web fileserver that anybody can use, hosts most of the server files and has very good network drive support
</p>
</div>
<h3 class='text-slate-900 dark:text-white text-lg font-semibold mb-2'>Copyparty</h3>
<p class='text-slate-600 dark:text-neutral-400 text-sm'>
A web fileserver that anybody can use, hosts most of the server files and has very good network drive support
</p>
</a>
</div>