stagit

diff --git a/assets/style.css b/assets/style.css
@@ -1,11 +1,41 @@
+:root{
+  --bg:#0b0f14;
+  --surface:#0f1419;
+  --text:#bdbdbd;
+  --muted:#9aa6b2;
+  --link:#88ddcc;
+  --accent:#4fc3f7;
+  --card-bg:#111316;
+  --border:#1e2630;
+  --code-bg:#111111;
+  --code-border:#444444;
+  --row-hover:#111111;
+}
+
+@media (prefers-color-scheme: light){
+  :root{
+    --bg:#ffffff;
+    --surface:#ffffff;
+    --text:#111827;
+    --muted:#6b7280;
+    --link:#1d4ed8;
+    --accent:#0ea5e9;
+    --card-bg:#f8fafc;
+    --border:#e6e9ef;
+    --code-bg:#f2f4f8;
+    --code-border:#d0d6df;
+    --row-hover:#f6f7f9;
+  }
+}
+
 *{font-family:monospace}
-a{color:#8dc;text-decoration:none}
-a:hover{color:#8dc}
-a:target {background-color:#222;}
-body{background-color:#000;color:#bdbdbd;font-size:14px;}
+a{color:var(--link);text-decoration:none}
+a:hover{color:var(--link)}
+a:target{background-color:#222}
+body{background-color:var(--bg);color:var(--text);font-size:14px}
 code{
-    background-color:#222;
-    border:1px solid #444;
+    background-color:var(--code-bg);
+    border:1px solid var(--code-border);
     border-radius:5px;
     color:#fff;
     display:inline-block;
@@ -13,41 +43,52 @@ code{
     padding-left:10px;
     padding-right:10px;
 }
-h1{display:inline;}
+h1{display:inline}
 hr{border:1px solid #222}
-table thead td{font-weight:bold;}
-table td{padding:0 0.3em;}
-table tr{margin:0px;}
+table thead td{font-weight:bold}
+table td{padding:0 0.3em}
+table tr{margin:0px}
 img{max-width:800px}
-.border-bottom{border-bottom:1px solid #222;}
-.container{border:1px solid #222;border-radius:5px;padding-top:10px;padding-bottom:10px;overflow-x:auto;}
-.desc{color:#aaa;}
-td.num{text-align:right;}
-#blob{text-align:left;}
-#blob a{color:#555;}
-#blob a:hover{color:#56c8ff;text-decoration:none;}
-#blob a:target{color:#eee;}
-#content table td{vertical-align:top;white-space:nowrap;}
-#index .category td {font-style: italic;}
-#index .item-repo td:first-child{padding-left:1.5em;}
-#footer{font-size:smaller;padding-top:10px;}
-#files tbody tr:hover td, #index .item-repo:hover td, #log tbody tr:hover td{background-color:#111}
-#files tr td:nth-child(2), #index .item-repo td:nth-child(2), #log tr td:nth-child(2){white-space:normal;}
-.container, #container, #content, #footer, #index, #log{width:100%;max-width:800px;}
+.border-bottom{border-bottom:1px solid #222}
+.container{border:1px solid var(--border);border-radius:5px;padding-top:10px;padding-bottom:10px;overflow-x:auto}
+.desc{color:var(--muted)}
+td.num{text-align:right}
+#blob{text-align:left}
+#blob a{color:#555}
+#blob a:hover{color:var(--accent);text-decoration:none}
+#blob a:target{color:#eee}
+#content table td{vertical-align:top;white-space:nowrap}
+#index .category td {font-style: italic}
+#index .item-repo td:first-child{padding-left:1.5em}
+#footer{font-size:smaller;padding-top:10px}
+#files tbody tr:hover td, #index .item-repo:hover td, #log tbody tr:hover td{background-color:var(--row-hover)}
+#files tr td:nth-child(2), #index .item-repo td:nth-child(2), #log tr td:nth-child(2){white-space:normal}
+.container, #container, #content, #footer, #index, #log{width:100%;max-width:800px}
 
-a.d, a.h, a.i, a.line {text-decoration:none;}
-h1, h2, h3, h4, h5, h6{font-size:1em;margin:0;}
-img, h1, h2{vertical-align: middle;}
+a.d, a.h, a.i, a.line {text-decoration:none}
+h1, h2, h3, h4, h5, h6{font-size:1em;margin:0}
+img, h1, h2{vertical-align: middle}
 #branches tr td:nth-child(3),
-#branches tr:hover td, #tags tr:hover td{background-color:#111;}
-#tags tr td:nth-child(3){white-space:normal;}
-.A, span.i, pre a.i{color:#00cd00;}
-.D, span.d, pre a.d {color:#cd0000;}
-.md{text-align:left;}
-.md h1{font-size:1.5em;}
-.md h2{font-size:1.25em;}
-.md table{border-collapse:collapse;margin:1em 1em;border:1px solid var(--border);}
-.md table td, .md table th{padding:0.25em 1em;border:1px solid var(--border);}
-pre a.h{color:#00cdcd;}
-pre a.h:hover, pre a.i:hover, pre a.d:hover{text-decoration:none;}
-pre:not(#readme){overflow-x:auto;border:1px solid var(--code-border);border-radius:4px;padding: 10px;}
+#branches tr:hover td, #tags tr:hover td{background-color:var(--row-hover)}
+#tags tr td:nth-child(3){white-space:normal}
+.A, span.i, pre a.i{color:#00cd00}
+.D, span.d, pre a.d {color:#cd0000}
+.md{text-align:left}
+.md h1{font-size:1.5em}
+.md h2{font-size:1.25em}
+.md table{border-collapse:collapse;margin:1em 1em;border:1px solid var(--border)}
+.md table td, .md table th{padding:0.25em 1em;border:1px solid var(--border)}
+pre a.h{color:#00cdcd}
+pre a.h:hover, pre a.i:hover, pre a.d:hover{text-decoration:none}
+pre:not(#readme){overflow-x:auto;border:1px solid var(--code-border);border-radius:4px;padding: 10px}
+
+/* repository list centering helper */
+.repo-list{max-width:800px;margin:2rem auto;display:flex;flex-direction:column;gap:0.5rem;padding:0 1rem}
+.repo-list ul{list-style:none;padding:0;margin:0;width:100%}
+.repo-list li{padding:0.75rem 1rem;background:var(--card-bg);border:1px solid var(--border);border-radius:6px;text-align:center}
+
+@media (max-width:640px){
+  .container{padding:0.5rem}
+  .repo-list{padding:0 0.5rem}
+  .repo-list li{padding:0.6rem}
+}

diff --git a/stagit-index.c b/stagit-index.c
@@ -126,7 +126,7 @@ void writeheader(FILE *fp) {
           "<link rel=\"stylesheet\" type=\"text/css\" href=\"/assets/style.css\">\n",
           fp);
     fputs("<div class=\"container\">\n\t<center>\n\t<table>\n\t\t<tr><td>\n"
-          "<b>contact</b>\n"
+          "<b>evil.djnn.sh ~ repositories</b>\n"
           "\t\t</td></tr>\n\t</table>\n\t</center>\n</div>\n<br>\n",
           fp);
     fputs("<div id=\"content\">\n\t<table id=\"index\">\n\t\t<thead>\n\t\t\t<tr><td>Name</td><td>Description</td><td>Last commit</td></tr>\n\t\t</thead>\n\t\t<tbody>", fp);
@@ -134,7 +134,7 @@ void writeheader(FILE *fp) {
 
 void writefooter(FILE *fp) {
     fputs("\n\t\t</tbody>\n\t</table>\n</div>\n<div id=\"footer\">\n"
-          "\t&copy; 2024 djnn.sh &bull; generated with stagit\n"
+          "\t&copy; 2024 evil.djnn.sh &bull; generated with stagit\n"
           "</div>\n</center>",
           fp);
 }
@@ -259,6 +259,8 @@ int main(int argc, char *argv[]) {
 
     // Write output
     writeheader(stdout);
+    fprintf(fp, "<div class=\"repo-list\">\n");
+    fprintf(fp, "<ul>\n");
     for (i = 0; i < nrepos; i++) {
         // open the repo, set globals as needed
         if (git_repository_open_ext(&repo, repos[i].path, GIT_REPOSITORY_OPEN_NO_SEARCH, NULL)) {
@@ -272,6 +274,8 @@ int main(int argc, char *argv[]) {
         writelog(stdout);
         git_repository_free(repo);
     }
+    fprintf(fp, "</ul>\n");
+    fprintf(fp, "</div>\n");
     writefooter(stdout);
 
     git_libgit2_shutdown();

diff --git a/stagit.c b/stagit.c
@@ -479,9 +479,7 @@ void writeheader(FILE *fp, const char *title) {
     if (description[0])
         fputs(" - ", fp);
     xmlencode(fp, description, strlen(description));
-    fputs("</title>\n<meta name=\"description\" content=\"acidvegas repositories\">\n"
-          "<meta name=\"keywords\" content=\"git, repositories, supernets, irc, python, stagit\">\n"
-          "<meta name=\"author\" content=\"acidvegas\">\n",
+    fputs("</title>\n<meta name=\"description\" content=\"evil.djnn.sh repositories\">\n"
           fp);
     fputs("<link rel=\"icon\" type=\"image/png\" href=\"/assets/favicon.png\">\n"
           "<link rel=\"stylesheet\" type=\"text/css\" href=\"/assets/style.css\">\n"
@@ -494,7 +492,7 @@ void writeheader(FILE *fp, const char *title) {
     fprintf(fp, " Atom Feed (tags)\" href=\"%stags.xml\">\n", relpath);
     fputs("<center>\n<a href=\"/index.html\">\n</a><br><br>\n<div id=\"content\">\n<div class=\"container\">\n\t<table id=\"container\">\n\t\t<tr><td><h1>", fp);
     xmlencode(fp, strippedname, strlen(strippedname));
-    fputs("</h1><span class=\"desc\"> - ", fp);
+    fputs("</h1><span class=\"desc\">", fp);
     xmlencode(fp, description, strlen(description));
     fputs("</span></td></tr>\n", fp);
     if (cloneurl[0]) {
@@ -522,7 +520,7 @@ void writeheader(FILE *fp, const char *title) {
 
 void writefooter(FILE *fp) {
     fputs("</div>\n</table>\n</div>\n<div id=\"footer\">\n"
-          "\t&copy; 2023 acidvegas, inc &bull; generated with stagit\n"
+          "\t&copy; 2024 djnn, inc &bull; generated with stagit\n"
           "</div>\n</center>",
           fp);
 }