feat: restyle empty-state page with Pico CSS

2026-06-20 17:55:04 -04:00
parent bbb40efd1a
commit 112ea4df07
1 changed files with 10 additions and 5 deletions
@@ -215,11 +215,16 @@ Returns nil if the file is missing or cannot be parsed."
  (concat "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n"
          "<meta charset=\"utf-8\">\n"
          "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n"
-          "<title>Spine</title>\n</head>\n<body>\n"
-          "<div class=\"frame\">\n"
-          "<div class=\"titlebar\">Spine</div>\n"
-          "<div class=\"row\">No books yet.</div>\n"
-          "</div>\n</body>\n</html>\n"))
+          "<title>Spine</title>\n"
+          "<link rel=\"stylesheet\""
+          " href=\"https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css\">\n"
+          "</head>\n<body>\n"
+          "<main class=\"container\">\n"
+          "<article>\n"
+          "<header><strong>spine</strong></header>\n"
+          "<p>No books yet.</p>\n"
+          "</article>\n"
+          "</main>\n</body>\n</html>"))

 (defvar spine-skip-server-start nil
  "When non-nil, do not start the HTTP server.