commit 91da6112e1d87825a1c2a9afd946282b3d80f9b4
parent 2ce6060f479bba42ccc9ce158662f716d7f1b4a4
Author: phoebos <ben@bvnf.space>
Date: Tue, 28 Apr 2026 16:15:25 +0100
some HTML fixes and cleaner CSS
Diffstat:
3 files changed, 14 insertions(+), 38 deletions(-)
diff --git a/build-page.c b/build-page.c
@@ -18,14 +18,16 @@
char *html_header =
"<!doctype html>\n"
- "<html>\n"
+ "<html lang=\"en\">\n"
"<head>\n"
"\t<meta charset=\"utf-8\"/>\n"
"\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"/>\n"
+ "\t<meta name=\"color-scheme\" content=\"light dark\"/>\n"
"\t<title>%s - KISS Community Wiki</title>\n"
"\t<link rel=\"icon\" href=\"data:image/gif;base64,R0lGODlhEAAQAPEDAAAAAP8AAP///wAAACH5BAX//wMALAAAAAAQABAAAAImnB+ni8kf4mNRzmbvqE5zPQDiqI3kBQhmqZ5TuqKtyMavCZT4UgAAOw==\"/>\n"
"\t<link rel=\"stylesheet\" type=\"text/css\" href=\"/style.css\"/>\n"
- "</head>\n";
+ "</head>\n"
+ "<body>\n";
char *html_nav_bar = "\t<span class=\"right\">\n"
"\t\t<a href=\"/cgi-bin/search\">Search</a>\n"
@@ -33,7 +35,7 @@ char *html_nav_bar = "\t<span class=\"right\">\n"
"\t\t<a href=\"https://kisslinux.github.io\">Official site</a>\n"
"\t</span>\n";
-char *html_footer = "</html>\n";
+char *html_footer = "</body></html>\n";
void die_perror(char *fmt, ...) {
va_list ap;
diff --git a/cgi-bin/search b/cgi-bin/search
@@ -43,7 +43,7 @@ proc format_results {r t} {
append x {<table border=0>}
foreach res $r {
lassign $res path title snippet
- append x "<tr><td><a href=\"$path\">$title</a><br /><p>$snippet<td></tr>\n"
+ append x "<tr><td><a href=\"$path\">$title</a><br /><p>$snippet</p></td></tr>\n"
}
append x {</table>}
return $x
@@ -68,7 +68,7 @@ proc main {} {
# no query, print plain searchbox
set ::status "200 OK"
set ::title Search
- return {<h1>Search</h1><p><form><input type="text" name="query" /><input type="submit" value="Search" /></form></p>}
+ return {<h1>Search</h1><form><input type="text" name="query" /><input type="submit" value="Search" /></form>}
}
set ::searchterm [url-decode $::searchterm]
@@ -89,14 +89,14 @@ proc main {} {
set ::status "200 OK"
set ::title "$htmlsearchterm - search results"
- set doc "<p>Search results for: <b>$htmlsearchterm</b></p><p><form><input type=\"text\" name=\"query\" value=\"$htmlsearchterm\" /><input type=\"submit\" value=\"Search\" /></form></p>"
+ set doc "<p>Search results for: <b>$htmlsearchterm</b></p><form><input type=\"text\" name=\"query\" value=\"$htmlsearchterm\" /><input type=\"submit\" value=\"Search\" /></form>"
append doc [format_results $results $t]
return $doc
}
if {0==[catch main res]} {
- set document "<!DOCTYPE html><html><head><meta charset=\"utf-8\"/><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"><title>$::title</title><link rel=\"stylesheet\" type=\"text/css\" href=\"/style.css\"/><link rel=\"icon\" href=\"data:image/gif;base64,R0lGODlhEAAQAPEDAAAAAP8AAP///wAAACH5BAX//wMALAAAAAAQABAAAAImnB+ni8kf4mNRzmbvqE5zPQDiqI3kBQhmqZ5TuqKtyMavCZT4UgAAOw==\"/></head>"
+ set document "<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"utf-8\"/><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"><meta name=\"color-scheme\" content=\"light dark\"/><title>$::title</title><link rel=\"stylesheet\" type=\"text/css\" href=\"/style.css\"/><link rel=\"icon\" href=\"data:image/gif;base64,R0lGODlhEAAQAPEDAAAAAP8AAP///wAAACH5BAX//wMALAAAAAAQABAAAAImnB+ni8kf4mNRzmbvqE5zPQDiqI3kBQhmqZ5TuqKtyMavCZT4UgAAOw==\"/></head>"
append document {<body><div id="menu"><a href="/"><b>KISS Community Wiki</b></a>
<span class="right">
<a href="/cgi-bin/search">Search</a>
diff --git a/wiki/style.css b/wiki/style.css
@@ -2,7 +2,7 @@ body {
font-family: sans-serif;
padding: 0;
margin: 0;
- font-size: 16px;
+ font-size: 1rem;
}
pre, code {
margin: 0;
@@ -11,18 +11,13 @@ pre, code {
pre {
padding: 1ch;
overflow-x: auto;
-}
-blockquote, pre, code {
- background-color: #eee;
-}
-a {
- color: #069;
+ border: 1px solid;
}
#nav a, #menu a {
text-decoration: none;
}
-#nav a:hover {
- background-color: #ddd;
+#nav a:hover, blockquote {
+ background-color: light-dark(#eee, #222);
}
blockquote::before {
float: left;
@@ -32,16 +27,13 @@ blockquote::before {
}
#menu {
clear: both;
- color: #069;
overflow: hidden;
background-color: #17a;
padding: 0.7ex;
- border-top: 1px solid #ccc;
- border-bottom: 1px solid #069;
}
#menu a {
padding: 0.5ex 1ex;
- color: #fff;
+ color: white;
}
#menu a:hover {
background-color: #069;
@@ -110,21 +102,3 @@ img {
margin: 0;
}
}
-@media (prefers-color-scheme: dark) {
- body {
- background-color: #000;
- color: #fff;
- }
- #menu {
- border-top: 1px solid #222;
- }
- #nav a:hover {
- background-color: #222;
- }
- blockquote, pre, code {
- background-color: #111;
- }
- a {
- color: #6cf;
- }
-}
