add first prototype of website

src/page.rs

@@ -0,0 +1,43 @@
+use maud::{html, Markup, DOCTYPE};
+
+pub fn new(content: Markup) -> Markup {
+    html! {
+        (DOCTYPE)
+        head {
+            meta charset="utf-8";
+            meta name="viewport" content="width=device-width, initial-scale=1.0";
+            link rel="stylesheet" href="/pico.min.css";
+        }
+        body {
+            header.container {
+                    nav {
+                        ul {
+                            li {  a href="/" { strong { "Digital Shadows" } } }
+                        }
+                        ul {
+                            li { a href="/" { "🏠" } }
+                            li { a href="/cam" { "📸" } }
+                            li { div id="theme_switcher" style="width: 20px; height: 20px;" {} }
+                        }
+                    }
+                }
+
+                main.container {
+                    section {
+                        (content)
+                    }
+                }
+
+                footer.container {
+                    small {
+                        "Footer "
+                        mark { "to be completed" }
+                        a href="#" { "with links" }
+                        " • "
+                        a target="_blank" href="https://www.digidow.eu/impressum/" { "Impressum" }
+                    }
+                }
+                script src="/theme.js" {}
+        }
+    }
+}