fbtech/public/posts/index.html

362 lines
7.5 KiB
HTML

<!doctype html>
<html
lang="en"
dir="ltr"
class="scroll-smooth"
data-default-appearance="light"
data-auto-appearance="true"
><head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#FFFFFF" />
<title>Posts &middot; Congo</title>
<meta name="title" content="Posts &middot; Congo" />
<script
type="text/javascript"
src="/js/appearance.min.8a082f81b27f3cb2ee528df0b0bdc39787034cf2cc34d4669fbc9977c929023c.js"
integrity="sha256-iggvgbJ/PLLuUo3wsL3Dl4cDTPLMNNRmn7yZd8kpAjw="
></script>
<link
type="text/css"
rel="stylesheet"
href="/css/main.bundle.min.77a79972dfd1fba3e37eaab972e5cf479aea24376fc39d827f5760735ebc834e.css"
integrity="sha256-d6eZct/R&#43;6Pjfqq5cuXPR5rqJDdvw52Cf1dgc168g04="
/>
<meta
name="description"
content="
"
/>
<link rel="canonical" href="/posts/" />
<link rel="alternate" type="application/rss+xml" href="/posts/index.xml" title="Congo" />
<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" />
<meta property="og:url" content="/posts/">
<meta property="og:site_name" content="Congo">
<meta property="og:title" content="Posts">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Posts">
</head>
<body
class="m-auto flex h-screen max-w-7xl flex-col bg-neutral px-6 text-lg leading-7 text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
>
<div id="the-top" class="absolute flex self-center">
<a
class="-translate-y-8 rounded-b-lg bg-primary-200 px-3 py-1 text-sm focus:translate-y-0 dark:bg-neutral-600"
href="#main-content"
><span class="pe-2 font-bold text-primary-600 dark:text-primary-400">&darr;</span
>Skip to main content</a
>
</div>
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral sm:py-10 print:hidden">
<nav class="flex items-start justify-between sm:items-center">
<div class="flex flex-row items-center">
<a
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
rel="me"
href="/"
>Congo</a
>
</div>
<ul class="flex list-none flex-col text-end sm:flex-row">
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/posts/"
title="Posts"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Blog</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/categories/"
title="Categories"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Categories</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/tags/"
title="Tags"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Tags</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
</li>
</ul>
</nav>
</header>
<div class="relative flex grow flex-col">
<main id="main-content" class="grow">
<header>
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">Posts</h1>
</header>
<section
class="mt-0 prose flex max-w-full flex-col dark:prose-invert lg:flex-row"
>
<div class="min-h-0 min-w-0 max-w-prose grow">
</div>
</section>
<section>
<h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
2026
</h2>
<hr class="w-36 border-dotted border-neutral-400" />
<article class="mt-6 flex max-w-prose flex-row">
<div>
<h3 class="flex items-center text-xl font-semibold">
<a
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/posts/hello-world/"
>Hello World</a
>
</h3>
<div class="text-sm text-neutral-500 dark:text-neutral-400">
<div class="flex flex-row flex-wrap items-center">
<time datetime="2026-06-19 11:00:31 -0500 CDT">19 June 2026</time><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">1 min</span>
</div>
</div>
</div>
</article>
</section>
</main>
<div
class="pointer-events-none absolute bottom-0 end-0 top-[100vh] w-12"
id="to-top"
hidden="true"
>
<a
href="#the-top"
class="pointer-events-auto sticky top-[calc(100vh-5.5rem)] flex h-12 w-12 items-center justify-center rounded-full bg-neutral/50 text-xl text-neutral-700 backdrop-blur hover:text-primary-600 dark:bg-neutral-800/50 dark:text-neutral dark:hover:text-primary-400"
aria-label="Scroll to top"
title="Scroll to top"
>
&uarr;
</a>
</div>
<footer class="py-10 print:hidden">
<div class="flex items-center justify-between">
<div>
<p class="text-sm text-neutral-500 dark:text-neutral-400">
&copy;
2026
</p>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> &amp; <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://github.com/jpanther/congo" target="_blank" rel="noopener noreferrer">Congo</a>
</p>
</div>
<div class="flex flex-row items-center">
</div>
</div>
</footer>
</div>
</body>
</html>