This is an idea for a Twitter clone for programmers, similar to how Dribbble is twitter for designers. It'll most likely not feature any images other than people's avatars, and no videos, or audio. Just text. 'Cause we're coders.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

91 lines
3.5 KiB

<div class="text-gray-950">
<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" />
</bar>
<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>
<bar>
<button>Unwatch</button>
<button>Start</button>
<button>Fork</button>
</bar>
</block>
<block>
<bar class="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>
</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>
<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>
</block>
<hr class="pb-6"/>
<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>
</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>
</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>
</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>
</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>
</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>
</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>
</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>
</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>
</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>
</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>
</bar>
</block>
</div>