Add levkin.ca design concepts (Spec, Slab, Relay, Vault).

Four static landing-page options with Vite build, cal booking, and links to sibling sites. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-05-20 22:34:48 -04:00
commit b9a601894d
17 changed files with 2807 additions and 0 deletions
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Levkin — Relay</title>
+  <meta name="description" content="Levkin — software development. Signals in, production out." />
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="./relay.css" />
+</head>
+<body>
+  <div class="grain" aria-hidden="true"></div>
+
+  <nav class="nav">
+    <a href="/">← options</a>
+    <span class="station">STN · LEV-01</span>
+  </nav>
+
+  <main>
+    <header class="header">
+      <h1>Levkin Relay</h1>
+      <p class="sub">Software development · signal in · production out</p>
+    </header>
+
+    <section class="tape" aria-label="Incoming transmissions">
+      <div class="tape-head">
+        <span>INCOMING</span>
+        <button type="button" id="decode-btn" class="decode-btn">Decode ↵</button>
+      </div>
+      <pre class="morse" id="morse" aria-live="polite"></pre>
+      <p class="decoded hidden" id="decoded"></p>
+    </section>
+
+    <section class="channels">
+      <h2>Active lines</h2>
+      <ul>
+        <li>
+          <span class="line-id">L-1</span>
+          <span class="line-name">Custom software</span>
+          <span class="line-status">open</span>
+        </li>
+        <li>
+          <span class="line-id">L-2</span>
+          <span class="line-name">Automation</span>
+          <a href="https://auto.levkin.ca" class="line-link">auto.levkin.ca</a>
+        </li>
+        <li>
+          <span class="line-id">L-3</span>
+          <span class="line-name">CaseWare</span>
+          <a href="https://caseware.levkin.ca" class="line-link">caseware.levkin.ca</a>
+        </li>
+        <li>
+          <span class="line-id">L-4</span>
+          <span class="line-name">Operations</span>
+          <a href="https://jobs.levkin.ca" class="line-link">jobs.levkin.ca</a>
+        </li>
+        <li>
+          <span class="line-id">L-5</span>
+          <span class="line-name">Quality engineering</span>
+          <a href="https://iliadobkin.com" class="line-link">iliadobkin.com</a>
+        </li>
+      </ul>
+    </section>
+
+    <section class="principles">
+      <p>Every transmission handled with retries, documentation, and tests before it reaches production. Canadian. Remote.</p>
+    </section>
+
+    <section class="send">
+      <p class="send-label">Schedule transmission:</p>
+      <a href="https://cal.levkin.ca/ilia/consult" class="send-addr send-cal">15 min consultation →</a>
+      <p class="send-label">Or reply to:</p>
+      <a href="mailto:hello@levkine.ca?subject=Relay%20enquiry" class="send-addr">hello@levkine.ca</a>
+    </section>
+  </main>
+
+  <footer>
+    <a href="https://git.levkin.ca">git.levkin.ca</a>
+    <span>levkin.ca</span>
+  </footer>
+
+  <script src="./relay.js" type="module"></script>
+</body>
+</html>