2024-03-09 22:41:35 +00:00
|
|
|
---
|
|
|
|
|
import BaseHead from "../components/BaseHead.astro";
|
|
|
|
|
import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";
|
|
|
|
|
import Link from "../components/Link.astro";
|
|
|
|
|
import FormattedDate from "../components/FormattedDate.astro";
|
2024-06-18 21:12:25 +01:00
|
|
|
import LuaLine from "../components/LuaLine.astro";
|
2024-03-09 22:41:35 +00:00
|
|
|
import { getBlogs } from "../content/blog";
|
|
|
|
|
|
|
|
|
|
const posts = (await getBlogs()).sort(
|
2024-03-12 18:15:50 +00:00
|
|
|
(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
|
2024-03-09 22:41:35 +00:00
|
|
|
);
|
2024-06-18 21:12:25 +01:00
|
|
|
const currentMonth = new Date().getMonth();
|
2024-03-09 22:41:35 +00:00
|
|
|
---
|
|
|
|
|
|
|
|
|
|
<!doctype html>
|
2024-05-14 00:01:06 +01:00
|
|
|
<html lang="en" class="latte dark:mocha">
|
2024-06-18 21:12:25 +01:00
|
|
|
<head>
|
|
|
|
|
<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
|
|
|
|
|
</head>
|
|
|
|
|
<body
|
|
|
|
|
class="bg-base text-text h-screen m-auto p-8 flex items-center justify-center overflow-hidden"
|
|
|
|
|
>
|
|
|
|
|
<main
|
|
|
|
|
class="py-8 max-w-2xl flex flex-col items-center space-y-0 leading-tight"
|
|
|
|
|
>
|
|
|
|
|
<p>KENNETHNYM v23.{currentMonth + 4}</p>
|
|
|
|
|
<p class="leading-none"> </p>
|
|
|
|
|
<p>software engineer. unpaid hhkb salesman.</p>
|
|
|
|
|
<p> </p>
|
|
|
|
|
<p> </p>
|
|
|
|
|
<ul class="w-full">
|
|
|
|
|
{
|
|
|
|
|
posts.map((post) => (
|
|
|
|
|
<li class="flex flex-row justify-between hover:bg-opacity-10 hover:bg-text -mx-2 px-2 rounded space-x-8">
|
|
|
|
|
<Link href={`/blog/${post.slug}`}>{post.data.title}</Link>
|
|
|
|
|
<FormattedDate date={post.data.pubDate} />
|
|
|
|
|
</li>
|
|
|
|
|
))
|
|
|
|
|
}
|
|
|
|
|
</ul>
|
|
|
|
|
</main>
|
|
|
|
|
<div class="absolute w-full h-full px-2 -z-10 leading-tight">
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
<p>~</p>
|
|
|
|
|
</div>
|
|
|
|
|
<LuaLine />
|
|
|
|
|
</body>
|
2024-03-09 22:41:35 +00:00
|
|
|
</html>
|
