kennethnym/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Kenneth
2024-06-18 21:12:25 +01:00
parent 062fb7b207
commit de79cbce9b
1 changed files with 72 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
src/pages/index.astro
View File

@@ -1,58 +1,87 @@
--- ---
import BaseHead from "../components/BaseHead.astro"; import BaseHead from "../components/BaseHead.astro";
import Footer from "../components/Footer.astro";
import { SITE_TITLE, SITE_DESCRIPTION } from "../consts"; import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";
import Link from "../components/Link.astro"; import Link from "../components/Link.astro";
import FormattedDate from "../components/FormattedDate.astro"; import FormattedDate from "../components/FormattedDate.astro";
import LuaLine from "../components/LuaLine.astro";
import { getBlogs } from "../content/blog"; import { getBlogs } from "../content/blog";
const posts = (await getBlogs()).sort( const posts = (await getBlogs()).sort(
(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(), (a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
); );
const currentMonth = new Date().getMonth();
--- ---
<!doctype html> <!doctype html>
<html lang="en" class="latte dark:mocha"> <html lang="en" class="latte dark:mocha">
<head> <head>
<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} /> <BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
</head> </head>
<body <body
class="bg-base text-text max-w-4xl m-auto p-8" class="bg-base text-text h-screen m-auto p-8 flex items-center justify-center overflow-hidden"
> >
<header> <main
<p class="font-bold text-2xl">kennethnym</p> class="py-8 max-w-2xl flex flex-col items-center space-y-0 leading-tight"
</header> >
<main class="py-8"> <p>KENNETHNYM v23.{currentMonth + 4}</p>
<p>dumping ground for my thoughts. all opinions are my own.</p> <p class="leading-none">&nbsp;</p>
<h1 class="font-bold mt-8 mb-2 text-lg visited">current projects:</h1> <p>software engineer. unpaid hhkb salesman.</p>
<ul class="not-prose space-y-4 md:space-y-2"> <p>&nbsp;</p>
<li> <p>&nbsp;</p>
<Link href="https://polygui.org">poly</Link>: a language-agnostic, <ul class="w-full">
cross-platform GUI framework for building OS-native applications.
</li>
<li>
<Link href="https://polygui.org/nanopack/introduction/">nanopack</Link
>: a zero-runtime, type-safe binary serialization format.
</li>
<li>
<Link href="https://github.com/kennethnym/StarlightLauncher"
>starlight launcher</Link
>: an open-source android launcher with a search-based ui.
</li>
</ul>
<h1 class="font-bold mt-8 mb-2 text-lg visited">my thoughts:</h1>
<ul>
{ {
posts.map((post) => ( posts.map((post) => (
<li class="flex flex-row justify-between hover:bg-opacity-10 hover:bg-text -mx-2 px-2 rounded"> <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> <Link href={`/blog/${post.slug}`}>{post.data.title}</Link>
<FormattedDate date={post.data.pubDate} /> <FormattedDate date={post.data.pubDate} />
</li> </li>
)) ))
} }
</ul> </ul>
</main> </main>
<hr class="py-2" /> <div class="absolute w-full h-full px-2 -z-10 leading-tight">
<Footer /> <p>~</p>
</body> <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>
</html> </html>