67 lines
4.5 KiB
PHP
67 lines
4.5 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>TinyTalk</title>
|
|
|
|
<!-- Font -->
|
|
<link rel="stylesheet" href="/assets/css/font.css">
|
|
|
|
<!-- Tailwind CSS -->
|
|
<link rel="stylesheet" href="/assets/css/tw.css">
|
|
</head>
|
|
<div class="w-full border-b border-black bg-gray-100 p-4">
|
|
<h1 class="text-3xl font-bold mb-1">blog</h1>
|
|
<div class="flex gap-2">
|
|
<a href="/login" class="text-blue-500 underline text-sm">posts</a>
|
|
<a href="/register" class="text-blue-500 underline text-sm">categories</a>
|
|
<a href="/register" class="text-blue-500 underline text-sm">webmaster</a>
|
|
</div>
|
|
</div>
|
|
<div class="w-full flex">
|
|
<div class="w-1/5 border-r border-b border-black bg-gray-100">
|
|
<div id="recent-posts">
|
|
<div class="w-full border-b border-black py-0.5 px-4">
|
|
<h1 class="font-bold">recent posts</h1>
|
|
</div>
|
|
<div class="w-full px-4 mt-1 mb-4 flex flex-col gap-0.5">
|
|
<a href="/post/1" class="text-blue-500 underline text-sm">Example Post</a>
|
|
<a href="/post/1" class="text-blue-500 underline text-sm">Example Post</a>
|
|
<a href="/post/1" class="text-blue-500 underline text-sm">Example Post</a>
|
|
<a href="/post/1" class="text-blue-500 underline text-sm">Example Post</a>
|
|
<a href="/post/1" class="text-blue-500 underline text-sm">Example Post</a>
|
|
<a href="/post/1" class="text-blue-500 underline text-sm">Example Post</a>
|
|
<a href="/post/1" class="text-blue-500 underline text-sm">Example Post</a>
|
|
<a href="/post/1" class="text-blue-500 underline text-sm">Example Post</a>
|
|
</div>
|
|
</div>
|
|
<div id="categories">
|
|
<div class="w-full border-b border-t border-black py-0.5 px-4">
|
|
<h1 class="font-bold">categories</h1>
|
|
</div>
|
|
<div class="w-full px-4 mt-1 mb-2 flex flex-col gap-0.5">
|
|
<a href="/category/1" class="text-blue-500 underline text-sm">Example Category</a>
|
|
<a href="/category/1" class="text-blue-500 underline text-sm">Example Category</a>
|
|
<a href="/category/1" class="text-blue-500 underline text-sm">Example Category</a>
|
|
<a href="/category/1" class="text-blue-500 underline text-sm">Example Category</a>
|
|
<a href="/category/1" class="text-blue-500 underline text-sm">Example Category</a>
|
|
<a href="/category/1" class="text-blue-500 underline text-sm">Example Category</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="w-4/5 border-b border-black p-4">
|
|
<div class="mb-3">
|
|
<h1 class="text-3xl font-bold">this is an example post</h1>
|
|
<a href="/category/1" class="text-blue-500 underline text-sm">Example Category</a>
|
|
</div>
|
|
<div class="flex flex-col mt-2 gap-4">
|
|
<p>Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder</p>
|
|
<p>Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder</p>
|
|
<p>Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder Placeholder</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |