zedshaw-games/pages/copy/gitea.html

<div class="text-gray-950">

  <block class="horizontal 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>

  <block class="gap-10">
    <div class="flex text-2xl gap-4">
      <img src="/icons/baby.svg" />
      <a href="#">learn-code-the-hard-way</a> / <a href="#">ssgod</a>
    </div>

    <div class="flex gap-4">
      <button>Unwatch</button>
      <button>Start</button>
      <button>Fork</button>
    </div>

  </block>

  <block>
    <div class="flex gap-4 border-b-1 border-gray-500 pb-3 *:text-nowrap">
      <button>Code</button>
      <button>Issues</button>
      <button>Pull Requests</button>
      <button>Packages</button>
      <button>Projects</button>
      <button>Releases</button>
      <button>Wiki</button>
    </div>
    <div class="flex flex-col gap-4">
      <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>
      <toolbar class="flex justify-between">
        <span><img class="inline" src="/icons/timer.svg" /> 21 Commits</span>
        <span><img class="inline" src="/icons/git-branch.svg" /> 1 Branch</span>
        <span><img class="inline" src="/icons/tag.svg" /> 0 Tags</span>
        <span><img class="inline" src="/icons/database.svg" /> 589 KiB</span>
      </toolbar>
    </div>

    <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">
        <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>
      <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>
  </block>
</div>