index.php

@@ -62,10 +62,6 @@ else if(CONFIG_TYPE === "gemserv") {
 			$line = "[server_".$nb."]";
 			++$nb;
 		}
-		// comment lines with ;
-		if(substr($line,0,1)=='#')
-			$line = "; ".$line;
-
 	}
 
 	//reassemble file and parse as array

style.css

@@ -1,46 +1,43 @@
 body {
 	margin: 0;
 	padding: 80px 0;
-	font-family: Verdana, Sans-Serif;
+	font-family: Serif;
 } 
 div.main {
 	margin: 0px auto;
 	padding: 16px;
 	max-width: 1152px;
+	border: 1px solid #ccc;
+	box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, .1);;
 } 
 pre {
-	font-family: Monaco, Courier, monospace;
-	background: #000;
-	color: #3c3;
+	background: #eee;
 	padding: 16px;
 	margin: 16px 0;
 	overflow-x: auto;
-	border-radius: 8px;
+	box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, .1);
 }
 li {
 	margin-left: 16px;
 }
 p {
 	margin: 8px 0;
-}
-a {
-	color: #009;
-	text-decoration: none;
+	font-family: Sans-Serif;
 }
 blockquote {
-	background: #eee;
+	background: #fdfdec;
 	padding: 8px 16px;
-	margin: 0 0 0 8px;
-	border-radius: 8px;
+	margin: 0;
 }
 div.toc {
 	float: right;
-	margin: 0 16px;
+	margin: 16px;
 	padding: 0;
 	max-width: 256px;
-	background: #000;
-	color: #3c3;
-	border-radius: 8px;
+	border: 1px solid #ccc;
+	box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, .1);;
+	background: #fff;
+	font-family: Sans-Serif;
 }
 @media screen and (max-width: 728px) {
 	div.toc {
@@ -50,13 +47,13 @@ div.toc {
 		max-width: 728px;
 	}
 }
+div.toc .icon {
+	float: left;
+	margin: 4px 0;
+}
 div.toc ul {
 	margin: 8px;
 }
-div.toc a {
-	color: #3c3;
-	text-decoration: none;
-}
 div.toc .l1  {
 	margin-left: 0px;
 	list-style-type: square;
@@ -107,12 +104,12 @@ div.gemini {
 	left: 0;
 	width: 100%;
 	padding: 8px 0;
-	font-family: Monaco, Courier, monospace;
+	font-family: monospace;
 	font-size: 120%;
 	background: #000;
 }
 div.gemini a {
-	color: #3c3;
+	color: #3f3;
 	text-decoration: none;
 	word-break: break-all;
 }
@@ -121,18 +118,3 @@ div.gemini span {
 	font-size: 150%;
 	margin-left: 16px;
 }
-
-
-@media (prefers-color-scheme: dark) {
-	body {
-		color: #eee;
-		background: #333;
-	}
-	a {
-		color: #99f;
-	}
-	blockquote {
-		color: #fff;
-		background: #666;
-	}
-}

template.php

@@ -14,6 +14,7 @@
 		{
 		?>
 		<div class="toc" role="navigation">
+			<span class="icon">⚓</span>
 			<ul>
 				<?php echo implode("\n",$tocs); ?>
 			</ul>
@@ -21,7 +22,7 @@
 		<?php
 		}
 		?>
-		<label class="control" for="check-smaller">-</label>
+		<label class="control" for="check-smaller">🔍 -</label>
 		<input type="radio" name="check-size" id="check-smaller" class="control check-smaller" />
 		<input type="radio" name="check-size" id="check-small" class="control check-small" />
 		<input type="radio" name="check-size" id="check-normal" class="control check-normal" checked="checked" />
@@ -31,7 +32,7 @@
 		<div class="main" role="article">
 			<?php echo implode("\n",$lines); ?>
 		</div>
-		<div class="topanchor"><a href="#top">^</a></div>
+		<div class="topanchor"><a href="#top">🔝</a></div>
 		<div class="gemini" role="banner">
 			<span><?php echo $favicon; ?></span>
 			<a href="<?php echo $urlgem; ?>" title="Gemini address"><?php echo htmlentities($urlgem); ?></a>