Add betalupi page

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

@@ -0,0 +1,101 @@
+use assetserver::Asset;
+use macro_sass::sass;
+use maud::{DOCTYPE, Markup, PreEscaped, html};
+
+use crate::{
+	components::{md::Markdown, misc::FarLink},
+	routes::{
+		assets::{Image_Betalupi, Image_Icon},
+		index::PageMetadata,
+	},
+};
+
+const CSS: &str = sass!("css/main.scss");
+
+pub async fn betalupi() -> Markup {
+	let meta = PageMetadata {
+		title: "What's a \"betalupi?\"".into(),
+		author: Some("Mark".into()),
+		description: None,
+		image: Some(Image_Icon::URL.into()),
+	};
+
+	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"))
+								"."
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+}
+
+const MD_A: &str = r#"[es]: https://github.com/endless-sky/endless-sky
+[*Stellaris*]: https://www.paradoxinteractive.com/games/stellaris/about
+[Arabic]: https://en.wikipedia.org/wiki/List_of_Arabic_star_names
+[wiki-betalupi]: https://en.wikipedia.org/wiki/Beta_Lupi
+
+# What's a "betalupi?"
+
+Beta Lupi is a solar system on the [_Endless Sky_][es] galaxy map,
+which is the first place I look whenever I need to name a server.
+
+Stellar names (especially those of [Arabic] origin) make pretty good hostnames: they're meaningless (in English), they sound interesting, and the "hyperlanes" that connect them in titles like [_Endless Sky_][es] and [*Stellaris*] look a lot like a network topology.
+
+Beta Lupi also happens to be a real star in the southern constellation of Lupus ([wiki][wiki-betalupi]), but that's not particularly important.
+
+A snippet of the [_Endless Sky_][es] map is below."#;
+
+const MD_B: &str = r#"**In other words:** Try finding a `.com` domain that...
+
+- Isn't already taken
+- Doesn't sound awful
+- Isn't owned by a scalper that's selling it for $300"#;