51 lines
2.1 KiB
HTML
51 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="min-h-full overflow-x-hidden">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
|
|
<link rel="manifest" href="./site.webmanifest">
|
|
<link rel="stylesheet" href="cum.css">
|
|
<title>Klectr | Blog</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
</head>
|
|
|
|
|
|
<body class="bg-black text-white mx-auto max-w-2xl my-6 ubuntu-regular p-4 gradient">
|
|
<!-- ______________________________________________________________ -->
|
|
<nav class="flex justify-between items-center">
|
|
<a href="" class="glow"><img src="./avatar.png" alt="avatar" width={30} height={30} class="w-10 h-10" /></a>
|
|
<div class="flex gap-6 text-md text-slate-400 ">
|
|
<a href="./index.html" class="hover:text-[#ffce00]">Home</a>
|
|
<a href="./about.html" class="hover:text-[#ffce00] ">About</a>
|
|
<a href="./now.html" class="hover:text-[#ffce00] ">Now</a>
|
|
<a href="./featured.html" class="hover:text-[#ffce00] border-b border-[#ffce00]">Featured</a>
|
|
</div>
|
|
<a href="mailto:tarmstrong95@proton.me">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
|
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
|
class="lucide lucide-mail text-slate-400 hover:text-[#ffce00]">
|
|
<rect width="20" height="16" x="2" y="4" rx="2" />
|
|
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
|
|
</svg>
|
|
</a>
|
|
</nav>
|
|
|
|
<!-- ______________________________________________________________ -->
|
|
<main class="mt-20 text-slate-200">
|
|
<h1 class="text-2xl font-bold text-white">Blog</h1>
|
|
<p class="text-slate-400">Thoughts, Stories, and More.</p>
|
|
|
|
<div class="my-6 flex flex-col gap-6 ">
|
|
<p>Nothing To See Here Yet!</p>
|
|
</div>
|
|
|
|
</main>
|
|
</body>
|
|
|
|
</html>
|