add some features

public/favicon.svg

@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <defs>
+    <linearGradient id="wingGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#b84b3a"/>
+      <stop offset="100%" stop-color="#7a2f24"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Wings -->
+  <path d="M 256 160 C 170 170 80 210 60 300 C 90 270 150 255 256 270 C 362 255 422 270 452 300 C 432 210 342 170 256 160 Z" fill="url(#wingGrad)" opacity="0.9"/>
+  <path d="M 256 210 C 190 218 130 248 116 310 C 146 288 196 278 256 288 C 316 278 366 288 396 310 C 382 248 322 218 256 210 Z" fill="#ffffff" opacity="0.7"/>
+
+  <!-- Center badge -->
+  <circle cx="256" cy="256" r="70" fill="#9d3d2e"/>
+  <circle cx="256" cy="256" r="58" fill="#fff8f0"/>
+
+  <!-- Checkmark -->
+  <path d="M 220 256 L 245 280 L 300 230" fill="none" stroke="#25624c" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
+
+  <!-- Outer ring -->
+  <circle cx="256" cy="256" r="85" fill="none" stroke="#9d3d2e" stroke-width="8"/>
+</svg>

public/portal.html

@@ -4,6 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="theme-color" content="#f3efe6" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="shortcut icon" href="/favicon.ico" />
     <title>Check List Portal</title>
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -68,6 +70,17 @@
           <button id="cleanupBtn" class="btn btn-outline-danger btn-sm">Clear all data</button>
         </div>
       </div>
+
+      <!-- API documentation -->
+      <div class="card mt-3">
+        <div class="card-body d-flex align-items-center justify-content-between">
+          <div>
+            <h6 class="fw-semibold mb-1"><i class="bi bi-book me-1"></i>API Documentation</h6>
+            <p class="text-muted small mb-0">OpenAPI reference for the Check List backend endpoints.</p>
+          </div>
+          <a href="/api-docs" target="_blank" class="btn btn-outline-secondary btn-sm">View docs</a>
+        </div>
+      </div>
     </main>
 
     <script>
@@ -137,4 +150,4 @@
       })();
     </script>
   </body>
-</html>
+</html>