Slightly prettier styling with Xess

src/main.rs

@@ -1,4 +1,4 @@
-use std::{boxed, error};
+use std::{boxed, error, fs};
 use dkregistry::v2::Client;
 use maud::{html, Markup, DOCTYPE};
 use axum::{Router, routing::get};
@@ -21,7 +21,7 @@ async fn main() {
     // build our application with a single route
     let app = Router::new()
 		.route("/", get(root))
-		.merge(SpaRouter::new("/static", "/static"));
+		.merge(SpaRouter::new("/static", "result/static"));
 
     // run it with hyper on localhost:3000
 	println!("Running webserver on port :3000");
@@ -51,6 +51,10 @@ async fn root() -> Markup {
 	let c = get_images().await.unwrap_or_else(|e| panic!("{}", e));
     html! {
 		(header("/"))
+			body {
+				main {
+					h1 { "DREF" }
+					hr;
 					@for image in &c {
 						div {
 							details {
@@ -63,6 +67,8 @@ async fn root() -> Markup {
 							}
 						}
 					}
+				}
+			}
 		(footer()) 
 	}
 }

static/css/theme.css

@@ -1,8 +1,15 @@
 :root {
-    --background-color: 0;
-    --text-color: 43;
-    --accent-color: 344;
+    --background-color: 236;
+    --text-color: 55;
+    --accent-color: 200;
 
     --width: 80ch;
     --padding: 0;
 }
+
+details {
+	font-size: large;
+	border: 1px solid white;
+	padding: 20px;
+	margin-bottom: -1px;
+}