TRUSS-1: init code commit of truss

2026-07-14 06:50:09 -05:00
commit fdbe23e1d9
8 changed files with 2763 additions and 0 deletions
--- a/templates/home.html
+++ b/templates/home.html
@@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Arcline Kanban</title>
+<style>
+  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+  :root {
+    --bg: #f4f5f7;
+    --surface: #ffffff;
+    --border: #dfe1e6;
+    --text: #172b4d;
+    --muted: #6b778c;
+    --accent: #0052cc;
+  }
+
+  body {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+                 "Helvetica Neue", Arial, sans-serif;
+    background: var(--bg);
+    color: var(--text);
+    line-height: 1.5;
+    min-height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .container {
+    text-align: center;
+    max-width: 480px;
+    padding: 48px 32px;
+  }
+
+  .container h1 {
+    font-size: 1.6rem;
+    font-weight: 700;
+    margin-bottom: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 10px;
+  }
+
+  .container h1 .logo {
+    background: linear-gradient(135deg, #0052cc, #6554c0);
+    color: #fff;
+    width: 36px; height: 36px;
+    border-radius: 7px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.9rem;
+  }
+
+  .container .subtitle {
+    color: var(--muted);
+    margin-bottom: 36px;
+    font-size: 0.95rem;
+  }
+
+  .board-list {
+    list-style: none;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .board-link {
+    display: block;
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: 8px;
+    padding: 18px 24px;
+    text-decoration: none;
+    color: var(--text);
+    font-weight: 600;
+    font-size: 1rem;
+    transition: box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
+  }
+
+  .board-link:hover {
+    box-shadow: 0 4px 12px rgba(9, 30, 66, 0.12);
+    transform: translateY(-1px);
+    border-color: var(--accent);
+  }
+
+  .board-link small {
+    display: block;
+    color: var(--muted);
+    font-weight: 400;
+    margin-top: 4px;
+  }
+
+  footer {
+    margin-top: 40px;
+    font-size: 0.78rem;
+    color: var(--muted);
+  }
+
+  footer a {
+    color: var(--accent);
+    text-decoration: none;
+  }
+</style>
+</head>
+<body>
+
+<div class="container">
+  <h1><span class="logo">⌂</span> Arcline Kanban</h1>
+  <p class="subtitle">Select a board to get started.</p>
+
+  <ul class="board-list">
+    {% for board in boards %}
+    <li>
+      <a class="board-link" href="/{{ board.slug }}">
+        {{ board.title }}
+        <small>{{ board.slug }}.todo</small>
+      </a>
+    </li>
+    {% endfor %}
+  </ul>
+
+  <footer>
+    <a href="https://arcline.it">arcline.it</a> ·
+    <a href="https://arclineproject.org">arclineproject.org</a>
+  </footer>
+</div>
+
+</body>
+</html>
+