planetnix · garbas · Jan 9, 2026 · Jan 8, 2026 · Jan 8, 2026 · Jan 9, 2026
diff --git a/.claude/settings.json b/.claude/settings.json
@@ -0,0 +1,18 @@
+{
+  "permissions": {
+    "allow": [
+      "mcp__playwright__browser_take_screenshot",
+      "mcp__playwright__browser_run_code",
+      "mcp__playwright__browser_evaluate",
+      "mcp__playwright__browser_hover",
+      "mcp__playwright__browser_close"
+    ],
+    "deny": [],
+    "ask": []
+  },
+  "enabledMcpjsonServers": [
+    "figma",
+    "playwright",
+    "fellow-ai"
+  ]
+}
diff --git a/.mcp.json b/.mcp.json
@@ -0,0 +1,20 @@
+{
+  "mcpServers": {
+    "figma": {
+      "type": "http",
+      "url": "https://mcp.figma.com/mcp"
+    },
+    "playwright": {
+      "type": "stdio",
+      "command": "npx",
+      "args": [
+        "@playwright/mcp@latest"
+      ],
+      "env": {}
+    },
+    "fellow-ai": {
+      "type": "http",
+      "url": "https://fellow.app/mcp"
+    }
+  }
+}
diff --git a/agenda.html b/agenda.html
@@ -0,0 +1,338 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="color-scheme" content="light dark">
+
+  <title>Agenda - PlanetNix 2026</title>
+  <meta name="description" content="PlanetNix 2026 Agenda - A two-day conference for Nix builders. March 5-6, 2026 in Pasadena, CA.">
+
+  <link rel="apple-touch-icon" sizes="180x180" href="assets/images/generated/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="assets/images/generated/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="assets/images/generated/favicon-16x16.png">
+  <link rel="manifest" href="site.webmanifest">
+
+  <link rel="preload" href="assets/images/generated/hero-moon.webp" as="image" type="image/webp" fetchpriority="high">
+  <link rel="preload" href="assets/fonts/Geist-400.ttf" as="font" type="font/ttf" crossorigin>
+  <link rel="preload" href="assets/fonts/Geist-700.ttf" as="font" type="font/ttf" crossorigin>
+  <link rel="preload" href="assets/fonts/GeistMono-400.ttf" as="font" type="font/ttf" crossorigin>
+
+  <link rel="stylesheet" href="assets/css/pico.min.css">
+
+  <style>
+    @font-face {
+      font-family: 'Geist';
+      font-style: normal;
+      font-weight: 400;
+      font-display: swap;
+      src: url(assets/fonts/Geist-400.ttf) format('truetype');
+    }
+    @font-face {
+      font-family: 'Geist';
+      font-style: normal;
+      font-weight: 700;
+      font-display: swap;
+      src: url(assets/fonts/Geist-700.ttf) format('truetype');
+    }
+    @font-face {
+      font-family: 'Geist Mono';
+      font-style: normal;
+      font-weight: 400;
+      font-display: swap;
+      src: url(assets/fonts/GeistMono-400.ttf) format('truetype');
+    }
+
+    [data-theme="dark"], :root, :host {
+      --pico-font-family-sans-serif: "Geist", sans-serif;
+      --pico-font-family-monospace: "geist mono", monospace;
+      --pico-color: #FFFFFF;
+    }
+
+    img { max-width: 100%; height: auto; }
+    html { scroll-behavior: smooth; }
+
+    body {
+      background: linear-gradient(to bottom, #1E1E1E 0%, #2E2E2E 50%, #1E1E1E 100%);
+      background-attachment: fixed;
+      min-height: 100vh;
+    }
+    body > .container { padding: 0; }
+
+    /* CFP Section */
+    .cfp-section {
+      display: flex;
+      justify-content: center;
+      flex-direction: row;
+      font-family: var(--pico-font-family-monospace);
+      font-size: 18px;
+      gap: 2em;
+      height: 4em;
+      margin: 0;
+    }
+    .cfp-callout { line-height: 4em; color: #FFFFFF; }
+    @media (max-width: 576px) { .cfp-callout { display: none; } }
+    .cfp-button {
+      color: #FFD02B;
+      border: 1px solid #FFD02B;
+      padding: 0.5em 1em;
+      align-self: center;
+      text-decoration: none;
+    }
+    .cfp-button:hover { background: #FFD02B; color: #000000; }
+
+    /* Hero Section */
+    .hero-section { position: relative; height: 467px; margin: 0; }
+    .hero-planet {
+      position: absolute; left: 0; top: 0; width: 100%; height: 100%;
+      z-index: 1; background: #000000;
+      display: flex; justify-content: center; align-items: end; flex-direction: column;
+    }
+    .hero-content {
+      position: absolute; bottom: 0; left: 0; height: 100%; width: 100%;
+      z-index: 5; display: flex; justify-content: end; align-items: center;
+      flex-direction: column; text-align: center;
+    }
+    @media (max-width: 1024px) { .hero-content { padding: 0 7%; } }
+    .hero-logo {
+      width: 100%; margin-bottom: 1em;
+      display: flex; justify-content: center; align-items: center; flex-direction: column;
+    }
+    .hero-logo > img { z-index: 10; }
+    .hero-tagline { color: #ffffff; font-size: 40px; }
+    @media (max-width: 768px) { .hero-tagline { font-size: 27px; } }
+    .hero-date {
+      color: #FFD02B; margin-bottom: 50px;
+      font-family: var(--pico-font-family-monospace); font-size: 18px;
+    }
+
+    /* Content wrapper */
+    .content {
+      background-color: #1B1B1B;
+      color: #FFFFFF;
+      min-height: 300px;
+      position: relative;
+    }
+
+    .content-grid-bg {
+      position: absolute;
+      top: 0;
+      left: -202px;
+      width: calc(100% + 402px);
+      height: 100%;
+      background-image: url(assets/images/grid.png), url(assets/images/grid.png);
+      background-position: left 0px top -35px, right 0px top -35px;
+      background-repeat: repeat-y, repeat-y;
+      z-index: 5;
+      display: block;
+    }
+
+    /* Signup Section */
+    .signup-section {
+      height: 180px;
+      background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(27,27,27,0.4) 80%, rgba(27,27,27,0) 100%);
+      z-index: 5; position: relative;
+      display: flex; justify-content: center; align-items: center; gap: 1.5em;
+    }
+    .signup-button {
+      color: #FFFFFF; background-color: #5916C7; border: 1px solid #5916C7;
+      padding: 0.5em 1em; align-self: center; text-decoration: none;
+    }
+
+    /* Navigation */
+    .navigation-section {
+      background-color: rgba(0, 0, 0, 0.7);
+      backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
+      justify-content: center; position: sticky; top: 0; z-index: 100;
+      gap: 2em; height: 60px;
+      border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;
+    }
+    .navigation-section::before {
+      position: absolute; background-color: #FFFFFF; width: 1px; height: 70px;
+      content: ""; z-index: 100; top: -6px; left: 46px;
+    }
+    .navigation-section::after {
+      position: absolute; background-color: #FFFFFF; width: 1px; height: 70px;
+      content: ""; z-index: 100; top: -6px; right: 46px;
+    }
+    @media (max-width: 576px) {
+      .navigation-section::before { left: 0; }
+      .navigation-section::after { right: 0; }
+    }
+    .navigation-section ul {
+      display: flex; list-style: none; margin: 0; padding: 0;
+      align-items: center; height: 100%;
+    }
+    .navigation-section li {
+      display: flex; align-items: center; height: 100%;
+      border-right: 1px solid #FFFFFF; padding: 0;
+    }
+    .navigation-section li:last-child { border-right: none; }
+    .navigation-section a {
+      text-decoration: none; text-transform: uppercase; color: #FFFFFF;
+      margin: 0 2em; padding: 0; font-size: 16px;
+      border-bottom: 1px solid transparent; transition: border-color 0.2s ease;
+    }
+    @media (max-width: 1024px) { .navigation-section a { margin: 0 0.8em; } }
+    .navigation-section a:hover { color: #757575; }
+
+    /* Speakers Section - copied from index.html */
+    .speakers-section {
+      margin-top: -4em;
+      padding-top: 4em;
+      padding-bottom: 4em;
+      position: relative;
+      background: #000000;
+      background: linear-gradient(
+        0deg,
+        rgba(0, 0, 0, 0) 0%,
+        rgba(0, 0, 0, 0.4) 5%,
+        rgba(0, 0, 0, 1) 10%
+      );
+    }
+
+    .section-title {
+      text-transform: uppercase;
+      font-size: 70px;
+      font-weight: bold;
+      text-align: center;
+      margin: 1em;
+      position: relative;
+      z-index: 10;
+    }
+    @media (max-width: 768px) { .section-title { font-size: 60px; } }
+
+    .section-content {
+      position: relative;
+      z-index: 10;
+      margin: 0 19%;
+    }
+    @media (max-width: 1024px) { .section-content { margin: 0 7%; } }
+
+    .sessionize-embed { min-height: 500px; }
+
+    /* Hide Sessionize bullet points */
+    .sessionize-embed ul, .sessionize-embed ol {
+      list-style: none !important; list-style-type: none !important;
+      padding-left: 0 !important; margin-left: 0 !important;
+    }
+    .sessionize-embed li { list-style: none !important; list-style-type: none !important; }
+    .sessionize-embed li::marker, .sessionize-embed li::before {
+      content: none !important; display: none !important;
+    }
+
+    /* Hide Sessionize attribution */
+    .sessionize-embed a[href="https://sessionize.com/"],
+    .sessionize-embed a[href*="sessionize.com"] { display: none !important; }
+    .sessionize-embed > a:last-of-type,
+    .sessionize-embed > div > a:last-of-type { display: none !important; }
+    .sessionize-embed > img:last-of-type { display: none !important; }
+
+    /* Footer */
+    footer {
+      font-size: 16px;
+      font-family: var(--pico-font-family-monospace);
+      min-height: 250px; margin-top: 5em; padding-top: 120px;
+      position: relative; z-index: 10;
+      background: linear-gradient(0deg, rgba(0,0,0,1) 70%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0) 100%);
+    }
+    @media (max-width: 768px) { footer { margin-top: -6em; } }
+    .footer-callout {
+      display: flex; flex-direction: row; justify-content: center;
+      margin: 0 10%; border-top: 1px solid #FFF; padding: 1em; line-height: 1.8em; gap: 3em;
+    }
+    .footer-callout a { color: #FFFFFF; text-decoration: none; }
+    .footer-socials {
+      display: flex; flex-direction: row; justify-content: center;
+      margin: 0 10%; border-top: 1px solid #FFF; padding: 1em; line-height: 1.8em; gap: 3em;
+    }
+    .footer-content {
+      display: flex; flex-direction: row; justify-content: space-between;
+      margin: 0 10%; border-top: 1px solid #FFF; padding: 0.5em; line-height: 1.8em;
+    }
+    @media (max-width: 768px) { .footer-content { flex-direction: column; align-items: center; } }
+    .footer-content a { color: #ffd02b; text-decoration: none; }
+    .footer-content a:hover { border-bottom: 1px solid #ffd02b; }
+  </style>
+</head>
+<body data-theme="dark">
+  <main class="container">
+    <!-- CFP Section -->
+    <section class="cfp-section">
+      <div class="cfp-callout">Call for Papers Open Now!</div>
+      <a href="https://sessionize.com/planet-nix-2026/" class="cfp-button">Submit CFP</a>
+    </section>
+
+    <!-- Hero Section -->
+    <section class="hero-section">
+      <div class="hero-planet">
+        <picture>
+          <source srcset="assets/images/generated/hero-moon.webp" type="image/webp">
+          <img src="assets/images/hero-moon.png" alt="Moon" fetchpriority="high" width="1024" height="467">
+        </picture>
+      </div>
+      <div class="hero-content">
+        <div class="hero-logo">
+          <a href="index.html">
+            <img src="assets/images/planetnix-logo.svg" alt="PlanetNix Logo" width="796" height="143">
+          </a>
+        </div>
+        <h1 class="hero-tagline">Where Nix Builders Come Together</h1>
+        <div class="hero-date">March 5th-6th, 2026 @ Pasadena, CA</div>
+      </div>
+    </section>
+
+    <div class="content">
+      <div class="content-grid-bg"></div>
+
+      <!-- Signup Section -->
+      <section class="signup-section">
+        <a href="https://register.socallinuxexpo.org/reg23/" class="signup-button">Sign Up Now</a>
+        <a href="https://sessionize.com/planet-nix-2026/" class="cfp-button">Submit CFP</a>
+      </section>
+
+      <!-- Navigation -->
+      <nav class="navigation-section">
+        <ul>
+          <li><a href="index.html#speakers">Speakers</a></li>
+          <li><a href="agenda.html">Agenda</a></li>
+          <li><a href="index.html#sponsors">Sponsors</a></li>
+          <li><a href="index.html#about">About</a></li>
+        </ul>
+      </nav>
+
+      <!-- Agenda Section -->
+      <section class="speakers-section">
+        <h2 class="section-title">Agenda</h2>
+        <div class="section-content">
+          <div class="sessionize-embed">
+            <script type="text/javascript" src="https://sessionize.com/api/v2/vz424c6c/view/Sessions"></script>
+          </div>
+        </div>
+      </section>
+
+      <footer>
+        <div class="footer-callout">
+          <a href="https://docs.google.com/forms/d/e/1FAIpQLSeHPJYFi-OuWJzbeJhgGz0b-hj0_CemLPvKgA3Bvg4nrfnA4A/viewform">Apply for the Community Table CFP</a>
+        </div>
+        <div class="footer-socials">
+          <a href="https://x.com/planetnixconf">
+            <img src="assets/images/twitter.svg" alt="PlanetNix Twitter/X" width="24" height="24">
+          </a>
+          <a href="https://fosstodon.org/@planetnix@mastodon.social">
+            <img src="assets/images/mastodon.svg" alt="PlanetNix Mastodon" width="24" height="24">
+          </a>
+          <a href="https://bsky.app/profile/planetnix.bsky.social">
+            <img src="assets/images/bluesky.svg" alt="PlanetNix Bluesky" width="24" height="24">
+          </a>
+        </div>
+        <div class="footer-content">
+          <div>&copy; 2026 PlanetNix (<a href="2025/">2025</a>, <a href="2024/">2024</a>)</div>
+          <div>Presented by <a href="https://flox.dev"><img src="assets/images/flox_logo.svg" alt="Flox" width="72" height="36"></a></div>
+          <div><a href="mailto:planetnix@flox.dev">planetnix@flox.dev</a></div>
+        </div>
+      </footer>
+    </div>
+  </main>
+</body>
+</html>
diff --git a/assets/images/flox_logo.png b/assets/images/flox_logo.png
diff --git a/assets/images/flox_logo.svg b/assets/images/flox_logo.svg