improve example page

src/index.pug

@@ -4,10 +4,11 @@ html(lang="en")
 		meta(charset="utf-8")
 		meta(name="viewport" content="width=device-width,initial-scale=1")
 		// title
-	   // meta(name="description" content="")
+		// meta(name="description" content="")
 		// meta(name="author" content="")
 		link(href="/favicon.png" rel="shortcut icon")
 		link(href="/style.css" type="text/css" rel="stylesheet")
 		script(src="/main.js" async type="module")
 	body
-
+		main
+			| it's a web page!

src/style.css

@@ -0,0 +1,16 @@
+/* TODO more themes and theme switching */
+@media not print {
+	body {background:black; color:white}
+	:link {color:#8ff}
+	:visited {color:#f8f}
+	.dead-link {color:#f88}
+}
+
+body {margin:0; display:flex}
+main {flex-grow:1; margin:8px}
+
+iframe {border:none}
+
+/* remove underline sticking out from image links */
+:any-link:has(>img:only-child) {text-decoration:none}
+:any-link>img:only-child {vertical-align:middle}