lightward · Copilot · May 11, 2026 · May 11, 2026 · May 11, 2026
diff --git a/CNAME b/CNAME
@@ -0,0 +1 @@
+lightward.tv
diff --git a/dist/aura.js b/dist/aura.js
diff --git a/favicon.png b/favicon.png
diff --git a/index.html b/index.html
@@ -0,0 +1,206 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+
+  <link id="favicon" rel="icon" type="image/png" href="favicon.png" />
+
+  <script
+    src="https://kit.fontawesome.com/42e9f97423.js"
+    crossorigin="anonymous"
+  ></script>
+
+  <title>Lightward Aura</title>
+
+  <link
+    rel="stylesheet"
+    href="https://fonts.lightward.io/lightward-favorit.css"
+  />
+  <link
+    rel="stylesheet"
+    href="https://fonts.lightward.io/lightward-favorit-expanded.css"
+  />
+
+  <style>
+    html,
+    body {
+      color: #101010;
+      background: #fffbe7;
+      overflow: hidden;
+    }
+
+    body {
+      margin: 0;
+      font-family: 'Lightward Favorit';
+      font-weight: 200;
+    }
+
+    #aura-container {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      display: flex;
+      align-content: center;
+      justify-content: center;
+    }
+
+    canvas,
+    img {
+      cursor: pointer;
+      position: absolute;
+      top: 0;
+      left: 0;
+    }
+
+    canvas {
+      z-index: 1;
+      width: 100%;
+      height: 100%;
+    }
+
+    img {
+      z-index: 2;
+    }
+
+    #label,
+    #controls {
+      mix-blend-mode: hard-light;
+    }
+
+    #label {
+      position: absolute;
+      bottom: 20px;
+      left: 20px;
+      z-index: 3;
+      display: flex;
+      gap: 1em;
+
+      opacity: 1;
+      transition: opacity 0.2s cubic-bezier(0.61, 1, 0.88, 1);
+    }
+
+    #label.hide {
+      opacity: 0;
+    }
+
+    #label a {
+      display: flex;
+      align-items: center;
+      background: #101010;
+      border-radius: 5px;
+      color: #fffbe7;
+      text-decoration: underline;
+      padding: 4px 8px;
+    }
+
+    #label a svg {
+      fill: #fffbe7;
+      width: 1em;
+    }
+
+    #controls {
+      background: #101010;
+      border-radius: 5px;
+      left: 10vw;
+      top: 10vh;
+      position: absolute;
+      z-index: 4;
+      padding: 10px 55px 10px 15px;
+
+      opacity: 1;
+      transition: opacity 2s cubic-bezier(0.61, 1, 0.88, 1);
+    }
+
+    #controls h1 {
+      padding: 0;
+      margin: 0 0 10px;
+      font-family: 'Lightward Favorit Expanded';
+      text-transform: uppercase;
+      white-space: nowrap;
+      color: #fffbe7;
+      font-weight: 200;
+    }
+
+    @media (max-width: 600px) {
+      #controls {
+        top: 0;
+        left: 0;
+        right: 0;
+        border-radius: 0;
+      }
+
+      #controls h1 {
+        white-space: normal;
+      }
+    }
+
+    #controls.hide {
+      opacity: 0;
+    }
+
+    #controls table {
+      width: 100%;
+      border-spacing: 10px;
+      border-collapse: collapse;
+    }
+
+    #controls td,
+    #controls th {
+      color: #fffbe7;
+      text-align: left;
+    }
+
+    #wordmark {
+      position: absolute;
+      z-index: 100;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+
+      /* center everything, vertically and horizontally */
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+
+    #wordmark img {
+      width: 60vw;
+      position: initial;
+    }
+  </style>
+  </head>
+
+  <body>
+    <div id="aura-embed" data-app></div>
+    <div id="wordmark">
+      <div><img src="wordmark-display.png" alt="Lightward Aura" /></div>
+    </div>
+    <script src="dist/aura.js"></script>
+    <script>
+      // Initialize the aura using the library API
+      const container = document.getElementById('aura-embed');
+      const canvas = document.createElement('canvas');
+      container.appendChild(canvas);
+
+      const gl = canvas.getContext('webgl2', { preserveDrawingBuffer: true });
+
+      const params = {
+        ...LightwardAura.defaultParams,
+        width: window.innerWidth,
+        height: window.innerHeight,
+        animTime: Math.random() * 9999,
+        seed: Math.round(Math.random() * 9999),
+      };
+
+      const aura = new LightwardAura(gl, params);
+      aura.start();
+      window.aura = aura;
+    </script>
+  </body>
+</html>
diff --git a/wordmark-display.png b/wordmark-display.png