105 lines
4.0 KiB
HTML
105 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html class="dark">
|
|
|
|
<head>
|
|
<title>Social Robot</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="dist/style.css">
|
|
</head>
|
|
|
|
<body class="bg-white dark:bg-gray-800 dark:text-white">
|
|
<div class="lg:px-24 mx-auto">
|
|
|
|
<div class="lg:flex mt-2">
|
|
<div class="lg:w-1/4">
|
|
<form method="GET">
|
|
<div class="relative text-gray-600 focus-within:text-gray-400">
|
|
<span class="absolute inset-y-0 left-0 flex items-center pl-2">
|
|
<button type="submit" class="p-1 focus:outline-none focus:shadow-outline">
|
|
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-6 h-6"><path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg>
|
|
</button>
|
|
</span>
|
|
<input type="search" name="q" class="w-full py-2 text-sm dark:text-white dark:bg-gray-900 rounded-md pl-10 focus:outline-none dark:focus:bg-white dark:focus:text-gray-900" placeholder="Search..." autocomplete="off">
|
|
</div>
|
|
</form>
|
|
<div class="flex items-center text-sm mt-5">
|
|
<img src="https://i.pravatar.cc/48" alt="John Doe" class="rounded-md mr-2">
|
|
John Doe
|
|
</div>
|
|
<div class="my-4">
|
|
<form action="">
|
|
<textarea class="w-full p-1 dark:text-white dark:bg-gray-900 rounded-md focus:outline-none dark:focus:bg-white dark:focus:text-gray-900" name="body" id="" cols="20" placeholder="What's on your mind?"></textarea>
|
|
<hr class="my-4">
|
|
<div class="flex justify-end">
|
|
<button class="place-content-end bg-blue-500 rounded-md shadow py-2 px-2 text-white" type="submit">TOOT!</button>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="lg:flex-1 lg:mx-10">
|
|
<div class="dark:bg-gray-700 flex p-4">
|
|
<div class="mr-4 flex-shrink-0">
|
|
<img src="https://i.pravatar.cc/48" alt="John Doe" class="rounded-md">
|
|
</div>
|
|
<div>
|
|
<h5 class="font-bold mb-4">John Doe</h5>
|
|
|
|
<p>There are so many programs configurable in #Lua. I am making a list.</p>
|
|
|
|
<p>I revisited the tiling window manager topic. #awesomewm is configurable in Lua, but for now I think I will rewrite my #bspwm config in Lua and learn how to do more advanced customization with conditionals.</p>
|
|
|
|
<p>Found out that #conky's visualizations are done in Lua with the Cairo graphics library. That looks really cool and I hope to do some with that soon. </p>
|
|
|
|
<p>Set terminal text and bspwm to #gruvbox colors.</p>
|
|
|
|
<p>#RetroEdgeTechStack</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="lg:w-1/4">
|
|
<ul>
|
|
<li>
|
|
<a class="font-bold text-lg mb-4 block">Home</a>
|
|
</li>
|
|
<li>
|
|
<a class="font-bold text-lg mb-4 block">Notifications</a>
|
|
</li>
|
|
<li>
|
|
<a class="font-bold text-lg mb-4 block">Local</a>
|
|
</li>
|
|
<li>
|
|
<a class="font-bold text-lg mb-4 block">Federated</a>
|
|
</li>
|
|
<li>
|
|
<a class="font-bold text-lg mb-4 block">Direct messages</a>
|
|
</li>
|
|
<li>
|
|
<a class="font-bold text-lg mb-4 block">Favourites</a>
|
|
</li>
|
|
<li>
|
|
<a class="font-bold text-lg mb-4 block">Bookmarks</a>
|
|
</li>
|
|
<li>
|
|
<a class="font-bold text-lg mb-4 block">Lists</a>
|
|
</li>
|
|
<li>
|
|
<a class="font-bold text-lg mb-4 block">Profile directory</a>
|
|
</li>
|
|
<li>
|
|
<a class="font-bold text-lg mb-4 block">Preferences</a>
|
|
</li>
|
|
<li>
|
|
<a class="font-bold text-lg mb-4 block">Follows and followers</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |