Page base

crates/service-webpage/src/routes/betalupi.rs

@@ -1,17 +1,14 @@
 use assetserver::Asset;
-use macro_sass::sass;
-use maud::{DOCTYPE, Markup, PreEscaped, html};
+use maud::{Markup, html};
 
 use crate::{
-	components::{md::Markdown, misc::FarLink},
-	routes::{
-		assets::{Image_Betalupi, Image_Icon},
-		index::PageMetadata,
+	components::{
+		base::{BasePage, PageMetadata},
+		md::Markdown,
 	},
+	routes::assets::{Image_Betalupi, Image_Icon},
 };
 
-const CSS: &str = sass!("css/main.scss");
-
 pub async fn betalupi() -> Markup {
 	let meta = PageMetadata {
 		title: "What's a \"betalupi?\"".into(),
@@ -21,60 +18,27 @@ pub async fn betalupi() -> Markup {
 	};
 
 	html! {
-		(DOCTYPE)
-		html {
-			head {
-				meta charset="UTF" {}
-				meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" {}
-				meta content="text/html; charset=UTF-8" http-equiv="content-type" {}
-				meta property="og:type" content="website" {}
-
-				(meta)
-				title { (PreEscaped(meta.title)) }
-				style { (PreEscaped(CSS)) }
-			}
-
-			body {
-				div class="wrapper" {
-					main {
-
-						// TODO: no metadata class, generate backlink array
-						div {
-							a href="/" style="padding-left:4pt;padding-right:4pt;" {"home"}
-							"/"
-							span class="metaData" style="padding-left:4pt;padding-right:4pt;" { "whats-a-betalupi" }
-						}
-
-						(Markdown(MD_A))
-
-						br {}
-
-						(Markdown(MD_B))
-
-						br {}
-
-						img alt="betalupi map" class="image" src=(Image_Betalupi::URL) {}
-					}
-
-					footer {
-						hr class = "footline" {}
-						div class = "footContainer" {
-							p {
-								"This site was built by hand using "
-								(FarLink("https://rust-lang.org", "Rust"))
-								", "
-								(FarLink("https://maud.lambda.xyz", "Maud"))
-								", "
-								(FarLink("https://github.com/connorskees/grass", "Grass"))
-								", and "
-								(FarLink("https://docs.rs/axum/latest/axum", "Axum"))
-								"."
-							}
-						}
-					}
+		(BasePage(
+			meta,
+			html!(
+				// TODO: no metadata class, generate backlink array
+				div {
+					a href="/" style="padding-left:4pt;padding-right:4pt;" {"home"}
+					"/"
+					span class="metaData" style="padding-left:4pt;padding-right:4pt;" { "whats-a-betalupi" }
 				}
-			}
-		}
+
+				(Markdown(MD_A))
+
+				br {}
+
+				(Markdown(MD_B))
+
+				br {}
+
+				img alt="betalupi map" class="image" src=(Image_Betalupi::URL) {}
+			)
+		))
 	}
 }