basic site

lib/html_body.typ

@@ -0,0 +1,30 @@
+#import "./custom_html.typ" as chtml
+
+/// Make the body of the webpage
+#let html_body(
+  /// The visible header of the page
+  header: [],
+  /// Logo of the site, must be an url (TODO)
+  logo,
+  /// Logo alt-text
+  logo_alt,
+  body
+) = {
+  html.body({
+    chtml.site-wrapper({
+      chtml.site-container({
+        html.header(style: "display: flex; flex-wrap: wrap-reverse;", {
+          html.hgroup({
+            header
+          })
+          // typst `image` function embed the image in the html, which is not great,
+          // and logo is also used for icon, so it's necessarily an url
+          if logo != none {
+            html.img(src: logo, alt: logo_alt, height: 100) // TODO: height bad
+          }
+        })
+        body
+      })
+    })
+  })
+}