<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Home on Gibran Alfaro</title><link>https://rulankor.lokifrak.com/</link><description>Recent content in Home on Gibran Alfaro</description><generator>Hugo</generator><language>en-us</language><lastBuildDate>Fri, 10 Jul 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://rulankor.lokifrak.com/index.xml" rel="self" type="application/rss+xml"/><item><title>Incident Tracker</title><link>https://rulankor.lokifrak.com/portfolio/incident-tracker/</link><pubDate>Mon, 01 Dec 2025 00:00:00 +0000</pubDate><guid>https://rulankor.lokifrak.com/portfolio/incident-tracker/</guid><description>&lt;p&gt;Built during my data analyst internship at &lt;strong&gt;Bank Rakyat Indonesia&lt;/strong&gt;, Incident Tracker supports in-house teams monitoring risk across the bank’s many systems and services.&lt;/p&gt;
&lt;h2 id="what-it-does"&gt;What it does&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Search and filter incidents at scale (tens of thousands of records in the live dashboard view)&lt;/li&gt;
&lt;li&gt;Capture notes on service-level risks across domains such as information security, resiliency, data, workforce, and third parties&lt;/li&gt;
&lt;li&gt;Surface a &lt;strong&gt;Digital Risk Dashboard&lt;/strong&gt; with domain breakdowns, charts, and recovery-oriented overview&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;BRI runs a large service surface area — this tool helps operators see exposure quickly and keep risk notes attached to the right systems.&lt;/p&gt;</description></item><item><title>LokiFRAK / PanelFRAK Website</title><link>https://rulankor.lokifrak.com/portfolio/lokifrak-website/</link><pubDate>Sun, 01 Jun 2025 00:00:00 +0000</pubDate><guid>https://rulankor.lokifrak.com/portfolio/lokifrak-website/</guid><description>&lt;p&gt;I built the website for my IP studio &lt;strong&gt;LokiFRAK&lt;/strong&gt; (PanelFRAK on the live brand). It lists the studio’s works and includes a blog — without a traditional database backend.&lt;/p&gt;
&lt;h2 id="approach"&gt;Approach&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Hugo&lt;/strong&gt; static site generation for speed, portability, and simple content workflows&lt;/li&gt;
&lt;li&gt;Featured worlds carousel, works archive, and theme-aware chrome&lt;/li&gt;
&lt;li&gt;Cyberpunk / night-city visual language aligned with the studio’s fiction&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;See it live at &lt;a href="https://comics.lokifrak.com"&gt;comics.lokifrak.com&lt;/a&gt;.&lt;/p&gt;</description></item><item><title>Capstone Projects</title><link>https://rulankor.lokifrak.com/portfolio/capstone-projects/</link><pubDate>Thu, 01 Aug 2024 00:00:00 +0000</pubDate><guid>https://rulankor.lokifrak.com/portfolio/capstone-projects/</guid><description>&lt;p&gt;These sites were built during my web development bootcamp — from foundational personal pages to fuller applications with server and database layers.&lt;/p&gt;
&lt;h2 id="included-builds"&gt;Included builds&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Personal resume / portfolio layouts (light and dark variants)&lt;/li&gt;
&lt;li&gt;Blog-style post listing and detail views&lt;/li&gt;
&lt;li&gt;Weather-aware welcome page (Jakarta conditions demo)&lt;/li&gt;
&lt;li&gt;Book reviews app with ISBN lookup UI&lt;/li&gt;
&lt;/ul&gt;</description></item><item><title>Aetheria</title><link>https://rulankor.lokifrak.com/portfolio/aetheria/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://rulankor.lokifrak.com/portfolio/aetheria/</guid><description>&lt;p&gt;&lt;strong&gt;Aetheria&lt;/strong&gt; is my worldbuilding project, managed by PanelFRAK and co-developed with collaborators — some of them abroad. The setting blends sci-fi atmosphere with character-driven comic storytelling.&lt;/p&gt;
&lt;p&gt;Selections from a comic book in this universe include shipboard sequences, character drama, and a full suit turnaround for a key armored design. See the gallery below for pages and concept art.&lt;/p&gt;</description></item><item><title>Day One Studio Website</title><link>https://rulankor.lokifrak.com/portfolio/day-one-studio/</link><pubDate>Thu, 01 Jun 2023 00:00:00 +0000</pubDate><guid>https://rulankor.lokifrak.com/portfolio/day-one-studio/</guid><description>&lt;p&gt;Long before the PanelFRAK website, I built a site for my former employer, &lt;strong&gt;Day One Studio&lt;/strong&gt;. Development was underway when disagreements on another topic led to my departure. The live site was deleted, but the wireframe remains.&lt;/p&gt;
&lt;h2 id="direction"&gt;Direction&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Dark studio aesthetic with Indonesian comics positioning (“Underline” hero treatment, Webtoon CTA)&lt;/li&gt;
&lt;li&gt;Navigation for Home, Tentang, Karya, Blog, Kontak, plus store entry&lt;/li&gt;
&lt;li&gt;Welcome copy framing Day One’s creative world and comic slate&lt;/li&gt;
&lt;/ul&gt;</description></item><item><title>Building with Hugo and Tailwind CSS</title><link>https://rulankor.lokifrak.com/blog/building-with-hugo-and-tailwind/</link><pubDate>Fri, 10 Jul 2026 00:00:00 +0000</pubDate><guid>https://rulankor.lokifrak.com/blog/building-with-hugo-and-tailwind/</guid><description>&lt;p&gt;This site is built with &lt;strong&gt;Hugo Extended&lt;/strong&gt; and &lt;strong&gt;Tailwind CSS v4&lt;/strong&gt;, using Hugo&amp;rsquo;s native &lt;code&gt;css.TailwindCSS&lt;/code&gt; pipeline.&lt;/p&gt;
&lt;h2 id="the-shape-of-the-stack"&gt;The shape of the stack&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Hugo generates pages from Markdown and Go templates&lt;/li&gt;
&lt;li&gt;Tailwind scans &lt;code&gt;hugo_stats.json&lt;/code&gt; for class names used in templates&lt;/li&gt;
&lt;li&gt;A small theme script handles &lt;strong&gt;light / dark / system&lt;/strong&gt; preferences&lt;/li&gt;
&lt;li&gt;Google Fonts load &lt;strong&gt;Orbitron&lt;/strong&gt; for headings and &lt;strong&gt;Noto Sans&lt;/strong&gt; for body text&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="theme-tokens"&gt;Theme tokens&lt;/h2&gt;
&lt;p&gt;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.&lt;/p&gt;</description></item><item><title>Welcome to the Network</title><link>https://rulankor.lokifrak.com/blog/welcome-to-the-network/</link><pubDate>Wed, 01 Jul 2026 00:00:00 +0000</pubDate><guid>https://rulankor.lokifrak.com/blog/welcome-to-the-network/</guid><description>&lt;p&gt;Every good system starts with a handshake. This is mine.&lt;/p&gt;
&lt;p&gt;This site is a dual-purpose outpost:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Portfolio&lt;/strong&gt; — project files, demos, and the story behind selected builds.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Blog&lt;/strong&gt; — transmissions about engineering, design, and the tools that keep the lights on.&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id="why-sci-fi"&gt;Why sci-fi?&lt;/h2&gt;
&lt;p&gt;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.&lt;/p&gt;</description></item><item><title>About</title><link>https://rulankor.lokifrak.com/about/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://rulankor.lokifrak.com/about/</guid><description>&lt;h2 id="hello"&gt;Hello&lt;/h2&gt;
&lt;p&gt;I&amp;rsquo;m &lt;strong&gt;Gibran Alfaro&lt;/strong&gt; (Muhammad Gibran Alfaro Gasman) — a web developer and IP creator based in &lt;strong&gt;Jakarta, Indonesia&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;I operate across two disciplines: &lt;strong&gt;web development&lt;/strong&gt; and &lt;strong&gt;IP creation&lt;/strong&gt;, sharpening both to bring realistic futures into the present. Inspired by cyberpunk, atompunk, and FUI design, I build technically sound systems and culturally resonant narratives.&lt;/p&gt;
&lt;p&gt;Clients include &lt;strong&gt;Bank Rakyat Indonesia&lt;/strong&gt;, Indonesia’s largest bank by assets. I seek collaborators and investors who know the future isn’t waited for — it’s built.&lt;/p&gt;</description></item></channel></rss>