First not working app skeleton with nix support and dependency setup and generated logo not final structure

2025-08-22 17:37:43 +02:00
parent 99306dd26f
commit 6f53cddf6c
24 changed files with 1382 additions and 87 deletions
--- a/templates/base.html
+++ b/templates/base.html
@@ -0,0 +1,130 @@
+{{define "base"}}
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>{{block "title" .}}QRank{{end}}</title>
+
+    <link rel="icon" type="image/png" href="/assets/favicon.ico">
+    <link rel="apple-touch-icon" href="/assets/favicon.ico">
+    <link rel="shortcut icon" href="/assets/favicon.ico">
+
+    <style>
+        body {
+            font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+            background: #f7f7f9;
+            color: #111
+        }
+
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+            padding: 16px
+        }
+
+        .card {
+            background: #fff;
+            border-radius: 12px;
+            padding: 16px;
+            margin: 12px 0;
+            box-shadow: 0 2px 6px rgba(0, 0, 0, .06)
+        }
+
+        .row {
+            display: flex;
+            gap: 8px;
+            flex-wrap: wrap
+        }
+
+        .btn {
+            display: inline-block;
+            padding: 10px 14px;
+            border-radius: 10px;
+            border: 1px solid #ddd;
+            background: #fafafa;
+            text-decoration: none
+        }
+
+        .btn-primary {
+            background: #111;
+            color: #fff;
+            border-color: #111
+        }
+
+        .input {
+            width: 100%;
+            padding: 10px;
+            border-radius: 10px;
+            border: 1px solid #ddd
+        }
+
+        .label {
+            font-size: 12px;
+            color: #444;
+            margin-bottom: 6px;
+            display: block
+        }
+
+        .header {
+            padding: 12px 16px;
+            background: #fff;
+            position: sticky;
+            top: 0;
+            border-bottom: 1px solid #eee
+        }
+
+        .nav a {
+            margin-right: 12px;
+            text-decoration: none;
+            color: #111
+        }
+
+        .small {
+            font-size: 12px;
+            color: #666
+        }
+
+        .list li {
+            padding: 8px 0;
+            border-bottom: 1px solid #f0f0f0
+        }
+
+        .badge {
+            display: inline-block;
+            padding: 2px 8px;
+            border-radius: 999px;
+            background: #eee;
+            font-size: 12px
+        }
+    </style>
+</head>
+
+<body>
+    <div class="header">
+        <div class="container">
+            <div class="row" style="justify-content:space-between;align-items:center">
+                <div><strong><a href="/" style="text-decoration:none;color:#111">QRank</a></strong></div>
+                <div class="nav">
+                    <a href="/enter">Enter scores</a>
+                    <a href="/history">History</a>
+                    <a href="/leaderboard">Leaderboard</a>
+                    {{if .CurrentUser}}
+                    <a href="/me">@{{.CurrentUser.Username}}</a>
+                    {{else}}
+                    <a href="/login">Log in</a>
+                    {{end}}
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        {{block "content" .}}{{end}}
+    </div>
+</body>
+
+</html>
+{{end}}