add some features

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>