https://rulankor.lokifrak.com/tags/hugo/Recent content in Hugo on Gibran AlfaroHugoen-usFri, 10 Jul 2026 00:00:00 +0000https://rulankor.lokifrak.com/portfolio/lokifrak-website/Sun, 01 Jun 2025 00:00:00 +0000https://rulankor.lokifrak.com/portfolio/lokifrak-website/<p>I built the website for my IP studio <strong>LokiFRAK</strong> (PanelFRAK on the live brand). It lists the studio’s works and includes a blog — without a traditional database backend.</p> <h2 id="approach">Approach</h2> <ul> <li><strong>Hugo</strong> static site generation for speed, portability, and simple content workflows</li> <li>Featured worlds carousel, works archive, and theme-aware chrome</li> <li>Cyberpunk / night-city visual language aligned with the studio’s fiction</li> </ul> <p>See it live at <a href="https://comics.lokifrak.com">comics.lokifrak.com</a>.</p>https://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>