https://nietaki.com/tags/alpine.js/Recent content in Alpine.js on almost doneHugo -- gohugo.ioenhello@nietaki.com (nietaki)hello@nietaki.com (nietaki)Fri, 10 Apr 2026 00:00:00 +0000https://nietaki.com/projects/epstein-roulette/Fri, 10 Apr 2026 00:00:00 +0000hello@nietaki.com (nietaki)https://nietaki.com/projects/epstein-roulette/<p>Examine a random Epstein file from the millions that have been released. You can narrow the pool down by file type or text contents.</p> <p>Another small project I wrote while teaching myself golang. It uses the <a href="https://echo.labstack.com/" target="_blank" rel="noreferrer">Echo web framework</a> and sqlite as the database.</p> <div class="admonition relative overflow-hidden rounded-lg border-l-4 my-3 px-4 py-3 shadow-sm" data-type="note"> <div class="flex items-center gap-2 font-semibold text-inherit"> <div class="flex shrink-0 h-5 w-5 items-center justify-center text-lg"><span class="relative block icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z"/></svg> </span></div> <div class="grow"> Note </div> </div><div class="admonition-content mt-3 text-base leading-relaxed text-inherit"><p>The logo was (obviously) AI generated, but the code was written by hand as a learning exercise, not vibe-coded.</p>https://nietaki.com/projects/split-keyboard-gallery/Fri, 10 Apr 2026 00:00:00 +0000hello@nietaki.com (nietaki)https://nietaki.com/projects/split-keyboard-gallery/<article class="article-link--shortcode flex flex-col md:flex-row relative overflow-hidden rounded-lg border border-neutral-300 dark:border-neutral-600"> <div class="flex-none relative overflow-hidden thumbnail"> <img src="https://nietaki.com/img/projects/split-keyboard-gallery.png" role="presentation" loading="lazy" decoding="async" class="not-prose absolute inset-0 w-full h-full object-cover"> </div> <div class="p-4 pt-2"> <header class="items-center text-start text-xl font-semibold"> <a href="https://splitkeyboard.gallery/" target="_blank" rel="external" class="not-prose before:absolute before:inset-0 decoration-primary-500 dark:text-neutral text-xl font-bold text-neutral-800 hover:underline hover:underline-offset-2"> <h2> (not just) Split Keyboard Gallery <span class="cursor-default align-top text-xs text-neutral-400 dark:text-neutral-500"> </span> </h2> </a> </header> <div class="text-sm text-neutral-500 dark:text-neutral-400"> https://splitkeyboard.gallery/ </div> <div class="article-link__summary prose dark:prose-invert max-w-fit mt-1 line-clamp-3"> Split Keyboard Gallery - tool for browsing over 100 keyboards and filtering them by properties </div> </div> </article> <p>A weekend project to teach myself myself <a href="https://alpinejs.dev/" target="_blank" rel="noreferrer">Alpine.js</a> and <a href="https://gohugo.io/" target="_blank" rel="noreferrer">hugo</a>. And to get the word about my <a href="https://ntkstudio.net/products/revolt-keyboard/" target="_blank" rel="noreferrer">Revolt keyboard</a> out there.</p>