https://rulankor.lokifrak.com/blog/Recent content in Blog on Gibran AlfaroHugoen-usFri, 10 Jul 2026 00:00:00 +0000https://rulankor.lokifrak.com/blog/building-with-hugo-and-tailwind/Fri, 10 Jul 2026 00:00:00 +0000https://rulankor.lokifrak.com/blog/building-with-hugo-and-tailwind/<p>This site is built with <strong>Hugo Extended</strong> and <strong>Tailwind CSS v4</strong>, using Hugo&rsquo;s native <code>css.TailwindCSS</code> pipeline.</p> <h2 id="the-shape-of-the-stack">The shape of the stack</h2> <ul> <li>Hugo generates pages from Markdown and Go templates</li> <li>Tailwind scans <code>hugo_stats.json</code> for class names used in templates</li> <li>A small theme script handles <strong>light / dark / system</strong> preferences</li> <li>Google Fonts load <strong>Orbitron</strong> for headings and <strong>Noto Sans</strong> for body text</li> </ul> <h2 id="theme-tokens">Theme tokens</h2> <p>Orange is the accent. Dark mode uses a near-black surface with subtle orange grid lines; light mode keeps the same geometry with softer contrast.</p>https://rulankor.lokifrak.com/blog/welcome-to-the-network/Wed, 01 Jul 2026 00:00:00 +0000https://rulankor.lokifrak.com/blog/welcome-to-the-network/<p>Every good system starts with a handshake. This is mine.</p> <p>This site is a dual-purpose outpost:</p> <ol> <li><strong>Portfolio</strong> — project files, demos, and the story behind selected builds.</li> <li><strong>Blog</strong> — transmissions about engineering, design, and the tools that keep the lights on.</li> </ol> <h2 id="why-sci-fi">Why sci-fi?</h2> <p>Because interfaces should feel intentional. Grid lines, orange signal glow, and typography that could belong on a starship console — all of that is a reminder to treat every page as a designed surface, not a dump of content.</p>