adjust theming

static/index.css

@@ -1,12 +1,20 @@
 body {
     font-size: calc(14px + 0.11vw);
-    width: clamp(373px, 45vw, 50vw);
-    color: black;
+    width: clamp(373px, 60vw, 80vw);
+    color: #222222;
     margin: auto;
     padding: 2px;
     font-family: 'Helvetica Neue', 'Arial Nova', sans-serif;
 }
 
+a {
+	color: teal;
+}
+
+a:visited {
+	color: darkgreen;
+}
+
 nav {
     font-size: calc(16px + 0.33vh);
     display: flex;
@@ -27,10 +35,18 @@ nav > * {
 
 @media (prefers-color-scheme: dark) {
     html {
-	background-color: #222222;
+		background-color: #222222;
     }
     
-    body * {
-	color: lightgrey;
+    body, body * {
+		color: lightgrey;
     }
+
+	a {
+		color: lightyellow;
+	}
+
+	a:visited {
+		color: cyan;
+	}
 }

views/blog_index.eml.ml

@@ -2,7 +2,10 @@ let render ~posts =
   let open Database in
   <div>
   <h3>Blog</h3>
+  <p>
+  The ramblings of a mad man.
   I have an <a href="/blog/rss.xml">RSS feed</a> too.
+  </p>
   <br>
   </div>
 % posts |> List.iter begin fun (post : Blog_post.t) ->
@@ -14,4 +17,4 @@ let render ~posts =
       <%s post.date %>
     </i>
   </div>
-% end;
+% end;