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,13 +51,19 @@ async fn root() -> Markup {
 	let c = get_images().await.unwrap_or_else(|e| panic!("{}", e));
     html! {
 		(header("/"))
-			@for image in &c {
+			body {
-				div {
+				main {
-					details {
+					h1 { "DREF" }
-						summary { (image.name) }
+					hr;
-						ul {
+					@for image in &c {
-							@for tag in &image.tags {
+						div {
-								li { (tag.name) }
+							details {
+								summary { (image.name) }
+								ul {
+									@for tag in &image.tags {
+										li { (tag.name) }
+									}
+								}
 							}
 						}
 					}

static/css/theme.css

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