Fixed up dark mode vs. not and added a linkedin mobil copy.

This commit is contained in:
Zed A. Shaw 2025-08-14 00:37:02 -04:00
parent bf1426261d
commit 2477603190
12 changed files with 758 additions and 491 deletions

View file

@ -1,10 +1,9 @@
<div class="text-gray-950">
<block class="horizontal justify-between">
<bar class="justify-between">
<img src="/icons/cup-soda.svg" alt="Home" />
<img src="/icons/bell.svg" alt="Home" />
<img src="/icons/menu.svg" alt="Home" />
</block>
</bar>
<block class="gap-10">
<div class="flex text-2xl gap-4">
@ -12,16 +11,15 @@
<a href="#">learn-code-the-hard-way</a> / <a href="#">ssgod</a>
</div>
<div class="flex gap-4">
<bar>
<button>Unwatch</button>
<button>Start</button>
<button>Fork</button>
</div>
</bar>
</block>
<block>
<div class="flex gap-4 border-b-1 border-gray-500 pb-3 *:text-nowrap">
<bar class="border-b-1 border-gray-500 pb-3 *:text-nowrap">
<button>Code</button>
<button>Issues</button>
<button>Pull Requests</button>
@ -29,8 +27,8 @@
<button>Projects</button>
<button>Releases</button>
<button>Wiki</button>
</div>
<div class="flex flex-col gap-4">
</bar>
<block>
<p class="text-2xl">SSG is a Static Site Generator that is only a Static Site Generator. No resumes here! Just a piece of code that generates static files from templates for websites, and can do it live while you develop said templates.</p>
<h3 class="text-xl!">Manage Topics</h3>
@ -40,98 +38,54 @@
<span><img class="inline" src="/icons/tag.svg" /> 0 Tags</span>
<span><img class="inline" src="/icons/database.svg" /> 589 KiB</span>
</toolbar>
</div>
</block>
<hr class="pb-6"/>
<div class="flex flex-col rounded-md border-1 border-gray-300">
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
<block class="rounded-md border-1 border-gray-300 p-0!">
<bar class="p-2! w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
</bar>
<bar class="p-2! w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
</bar>
<bar class="p-2! w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
</bar>
<bar class="p-2! w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
</bar>
<bar class="p-2! w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
</bar>
<bar class="p-2! w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
</bar>
<bar class="p-2! w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
</bar>
<bar class="p-2! w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
</bar>
<bar class="p-2! w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
</bar>
<bar class="p-2! w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
</bar>
<bar class="p-2! w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
<div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
<span><img class="inline" src="/icons/baby.svg"> Name</span>
<span>Time</span>
</div>
</bar>
</block>
</div>