Initial commit

zk-Lokomotive · Nov 3, 2024 · 40de213 · 40de213
1 parent c1dcadb
commit 40de213
Show file tree

Hide file tree

Showing 2 changed files with 121 additions and 8 deletions.
diff --git a/CNAME b/CNAME
@@ -0,0 +1 @@
+zk-lokomotive.xyz
diff --git a/index.html b/index.html
@@ -1,5 +1,10 @@
 <!doctype html>
-<html lang="en">
+<html
+  lang="en"
+  data-color-mode="auto"
+  data-light-theme="light"
+  data-dark-theme="dark"
+>
   <head>
     <meta charset="UTF-8" />
     <title>zk-Lokomotive | Zero-Knowledge Multichain File Transfer</title>
@@ -21,6 +26,7 @@
       property="og:description"
       content="Revolutionary zero-knowledge proof-based file transfer system across multiple blockchain networks"
     />
+    <meta name="darkreader-lock" />
 
     <style>
       :root {
@@ -30,6 +36,15 @@
         --accent: #ff6868;
       }
 
+      @media (prefers-color-scheme: light) {
+        :root {
+          --text: #000000;
+          --background: #feffaf;
+          --primary: #5e4e1a;
+          --accent: #ff6868;
+        }
+      }
+
       @media (prefers-color-scheme: dark) {
         :root {
           --text: #feffaf;
@@ -108,6 +123,36 @@
         margin: 20px 0;
       }
 
+      .achievements-list ul {
+        list-style: none;
+        padding-left: 0;
+      }
+
+      .achievements-list li {
+        margin-bottom: 1rem;
+        padding-left: 1rem;
+        border-left: 2px solid var(--accent);
+      }
+
+      .achievement-date {
+        color: var(--accent);
+        font-weight: 500;
+        margin-right: 0.5rem;
+      }
+
+      .achievement-badge {
+        font-weight: 600;
+        white-space: nowrap;
+      }
+
+      .achievement-detail {
+        display: block;
+        font-size: 0.9em;
+        margin-top: 0.2rem;
+        color: var(--text);
+        opacity: 0.8;
+      }
+
       @media screen and (max-width: 760px) {
         #theme-toggle {
           position: absolute;
@@ -148,12 +193,60 @@
       </p>
 
       <p>Our achievements speak for themselves:</p>
-      <ul>
-        <li>Wormhole xGrant Recipient</li>
-        <li>Solana Global Renaissance Hackathon Winner</li>
-        <li>Multiple blockchain network support</li>
-        <li>Enterprise-ready solution</li>
-      </ul>
+      <div class="achievements-list">
+        <ul>
+          <li>
+            <span class="achievement-date">October 2024</span> Movement Labs
+            Battle of Olympus Hackathon
+            <span class="achievement-badge">Finalist 🏆</span>
+          </li>
+
+          <li>
+            <span class="achievement-date">October 2024</span> Encode Wormhole
+            Global Hackathon <span class="achievement-badge">Winner 🥉</span>
+            <span class="achievement-detail"
+              >Best Integration on an Existing Project</span
+            >
+          </li>
+
+          <li>
+            <span class="achievement-date">June 2024</span> Wormhole xGrant
+            <span class="achievement-badge">Project Grant 🌟</span>
+          </li>
+
+          <li>
+            <span class="achievement-date">June 2024</span> Superteam Solana
+            Grant <span class="achievement-badge">Project Grant 🌟</span>
+          </li>
+
+          <li>
+            <span class="achievement-date">May 2024</span> Sui Overflow Local
+            Track <span class="achievement-badge">Winner 🥇</span>
+          </li>
+
+          <li>
+            <span class="achievement-date">May 2024</span> EDCON Japan
+            <span class="achievement-badge">Finalist 🏆</span>
+          </li>
+
+          <li>
+            <span class="achievement-date">April 2024</span> Solana Global
+            Renaissance Hackathon
+            <span class="achievement-badge">Winner 🥇</span>
+            <span class="achievement-detail">Multichain Track</span>
+          </li>
+
+          <li>
+            <span class="achievement-date">March 2024</span> Solana Demoday
+            <span class="achievement-badge">Winner 🥈</span>
+          </li>
+
+          <li>
+            <span class="achievement-date">March 2024</span> Solana Mini
+            Hackathon <span class="achievement-badge">Winner 🥇</span>
+          </li>
+        </ul>
+      </div>
 
       <p>Launching Q1 2025 with support for:</p>
       <ul>
@@ -177,11 +270,15 @@
     <script>
       const toggle = document.getElementById("theme-toggle");
       const toggleImg = toggle.querySelector("img");
+      const htmlElement = document.documentElement;
       let currentTheme = "auto";
 
       function setTheme(theme) {
-        document.documentElement.setAttribute("data-theme", theme);
+        htmlElement.setAttribute("data-theme", theme);
+        htmlElement.setAttribute("data-color-mode", theme);
+
         currentTheme = theme;
+
         toggleImg.src = `${theme}.svg`;
         toggleImg.alt = `Switch to ${getNextTheme(theme)} theme`;
       }
@@ -195,9 +292,24 @@
         return themes[current];
       }
 
+      // Listen for system theme changes when in auto mode
+      window
+        .matchMedia("(prefers-color-scheme: dark)")
+        .addEventListener("change", (e) => {
+          if (currentTheme === "auto") {
+            htmlElement.setAttribute(
+              "data-color-mode",
+              e.matches ? "dark" : "light",
+            );
+          }
+        });
+
       toggle.addEventListener("click", () => {
         setTheme(getNextTheme(currentTheme));
       });
+
+      // Initialize theme
+      setTheme(currentTheme);
     </script>
   </body>
 </html>