134 lines
5.8 KiB
HTML
134 lines
5.8 KiB
HTML
<!doctype html>
|
|
<html class="not-ready lg:text-base overflow-y-scroll scroll-pt-14" lang="en">
|
|
|
|
<head prefix="og: https://ogp.me/ns#">
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
<meta name="generator" content="Zola" />
|
|
<title>lvl0</title>
|
|
<meta property="og:site_name" content="lvl0" />
|
|
<meta property="og:title" content="lvl0" />
|
|
<meta property="og:url" content="https://lvl0.xyz/" />
|
|
<link rel="canonical" href="https://lvl0.xyz/" />
|
|
<meta property="og:type" content="website" />
|
|
<!-- Begin Head inject -->
|
|
|
|
<!-- End Head inject -->
|
|
<link rel="stylesheet" href="https://lvl0.xyz/main.min.css?h=fc65ba308cf36d3ba82c" />
|
|
<style>
|
|
:root{--bg: #f4f4f5; --header: #e4e4e7; color-scheme: light;}
|
|
:root.dark{--bg: #18181b; --header: #27272a; color-scheme: dark;}
|
|
</style>
|
|
<meta name="theme-color" data-light="#e4e4e7" data-dark="#27272a" content="#e4e4e7" />
|
|
<link rel="icon" type="image/x-icon" sizes="16x16" href="https://lvl0.xyz/favicon.ico" />
|
|
<link rel="apple-touch-icon" type="image/png" href="https://lvl0.xyz/apple-touch-icon.png?h=58bee300054c5308feb3" />
|
|
<link rel="icon" type="image/png" href="https://lvl0.xyz/android-icon.png?h=8d80ec95446bd2c36826" />
|
|
<script src="https://lvl0.xyz/js/linkita.min.js?h=1dd3ed42fc674277bc34"></script>
|
|
<!-- Begin Head End inject -->
|
|
|
|
<!-- End Head End inject -->
|
|
</head>
|
|
|
|
<body class="text-black duration-100 ease-out bg-[var(--bg)] dark:text-white">
|
|
<!-- Header -->
|
|
<header class="bg-[var(--header)] fixed top-0 z-40 mx-auto min-h-[3.25rem] w-full header-icons">
|
|
<div class="mx-auto w-full max-w-4xl p-2.5 lg:flex lg:justify-between">
|
|
<div class="flex justify-between">
|
|
<div class="flex items-center min-h-8">
|
|
<a title="Go to home page" accesskey="!"
|
|
href="https://lvl0.xyz/" class="text-2xl font-semibold">lvl0</a>
|
|
<button type="button" title="Switch color scheme" accesskey="$"
|
|
onclick="window.linkita.toggleDarkMode();" ondblclick="window.linkita.resetDarkMode();"
|
|
class="btn-dark ml-4 h-6 w-6 shrink-0 cursor-pointer text-[0] bg-center bg-no-repeat bg-cover dark:invert [background-image:var(--icon-theme-dark)] dark:[background-image:var(--icon-theme-light)]"
|
|
></button>
|
|
</div>
|
|
<div title="Menu" role="button" accesskey="+" tabindex="0"
|
|
class="btn-menu relative z-50 flex h-8 w-8 shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden"
|
|
onclick="window.linkita.toggleHeaderMenu();"
|
|
onkeydown="(event.keyCode == 13 || event.keyCode == 32) ? event.preventDefault() || window.linkita.toggleHeaderMenu() : true;"
|
|
></div>
|
|
</div>
|
|
<nav class="flex w-full items-center lg:w-auto">
|
|
<menu
|
|
class="nav-wrapper flex w-full flex-col py-2 lg:w-auto lg:flex-row lg:self-center lg:py-0">
|
|
<li>
|
|
<a
|
|
class="primary-link block py-2 text-center text-lg font-medium lg:px-3 lg:py-0"
|
|
href="/announcements/"
|
|
>Announcements</a>
|
|
</li>
|
|
</menu>
|
|
<!-- Begin Header Nav inject -->
|
|
|
|
<!-- End Header Nav inject -->
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Begin Body Start inject -->
|
|
|
|
<!-- End Body Start inject -->
|
|
<main class="prose prose-neutral relative mx-auto min-h-[calc(100%-4rem)]
|
|
max-w-3xl break-words px-4 pb-12 pt-28 lg:pt-32 dark:prose-invert prose-pre:rounded-lg prose-img:rounded-lg">
|
|
|
|
<section><p><strong>lvl0 is a starting point.</strong></p>
|
|
<p>We build tiny, focused tools that support calm productivity, financial independence, and long-term thinking.</p>
|
|
<p>Our projects embrace minimalism, self-hosting, and the pursuit of autonomy — in tech, finance, and life.</p>
|
|
<h2 id="current-projects">Current Projects</h2>
|
|
<p><strong><a href="https://incr.lvl0.xyz">incr</a></strong> — Track your FIRE journey in shares, not slogans. A minimalist tool for monitoring your path to financial independence with precision and clarity.</p>
|
|
</section>
|
|
<section class="mt-16 not-prose">
|
|
<h2 class="text-2xl font-semibold mb-6 text-black dark:text-white">Recent Announcements</h2>
|
|
<div class="grid gap-6 md:grid-cols-1 lg:grid-cols-3">
|
|
<article class="border border-gray-200 dark:border-gray-700 rounded-lg p-4 hover:shadow-md transition-shadow">
|
|
<h3 class="text-lg font-medium mb-2">
|
|
<a href="https://lvl0.xyz/announcements/incr-stable-release/" class="text-blue-600 dark:text-blue-400 hover:underline">
|
|
incr 0.1.2: First Stable Release
|
|
</a>
|
|
</h3>
|
|
<time class="text-sm text-gray-500 dark:text-gray-400 mb-3 block">
|
|
August 01, 2025
|
|
</time>
|
|
<div class="text-gray-700 dark:text-gray-300">
|
|
We're excited to announce the first stable release of incr - our FIRE journey tracking tool that focuses on shares, not slogans.
|
|
What is incr?
|
|
incr is…
|
|
</div>
|
|
</article>
|
|
</div>
|
|
<div class="mt-6 text-center">
|
|
<a href="/announcements/" class="text-blue-600 dark:text-blue-400 hover:underline font-medium">
|
|
View all announcements →
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Page List -->
|
|
|
|
|
|
</main>
|
|
<!-- Footer -->
|
|
<footer class="mx-auto flex lg:mt-5 max-w-3xl flex-wrap items-center px-4 py-3 text-sm opacity-60">
|
|
<div class="mr-auto basis-full lg:basis-1/2">
|
|
© <time datetime="2025">2025</time>
|
|
</div>
|
|
<div class="flex basis-full lg:basis-1/2 lg:justify-end">
|
|
<span class="mr-6 lg:ml-6">
|
|
<a class="link" href="https://www.getzola.org/" target="_blank">Powered by Zola</a>
|
|
</span>
|
|
<a class="link" href="https://www.getzola.org/themes/linkita/" target="_blank">✎ Linkita</a>
|
|
</div>
|
|
<!-- Begin Footer inject -->
|
|
|
|
<!-- End Footer inject -->
|
|
</footer>
|
|
|
|
|
|
|
|
<!-- Begin Body End inject -->
|
|
|
|
<!-- End Body End inject -->
|
|
</body>
|
|
|
|
</html>
|