From 2ea2b61f5d2a537973e3393a8e3ac034dbb7d2a0 Mon Sep 17 00:00:00 2001
From: David Allemang <david.allemang@kitware.com>
Date: Thu, 10 Sep 2026 14:10:45 -0400
Subject: [PATCH] use new aspect handling

---
 content/tilesets.typ | 2 +-
 lib.typ              | 2 ++
 main.typ             | 4 ++++
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/content/tilesets.typ b/content/tilesets.typ
index 504c4f94..3289c48c 100644
--- a/content/tilesets.typ
+++ b/content/tilesets.typ
@@ -268,7 +268,7 @@ bit-length. For example, the 8-bit tileset for `150` is:
   theta: 90,
   phi: 90,
   speed: 0.33,
-  radius: 5,
+  radius: 8,
   orbit: false,
   it.text,
 )
diff --git a/lib.typ b/lib.typ
index aa79eaff..24c9bcc9 100644
--- a/lib.typ
+++ b/lib.typ
@@ -51,6 +51,7 @@
   autoplay: auto,
   loop: auto,
   subticks: auto,
+  aspect: auto,
 ) = {
   let attrs = (:)
   if theta != auto { attrs.insert("theta", str(theta)) }
@@ -64,5 +65,6 @@
   if autoplay != auto { attrs.insert("autoplay", if (autoplay) { "" } else { "false" }) }
   if loop != auto { attrs.insert("loop", if (loop) { "" } else { "false" }) }
   if subticks != auto { attrs.insert("subticks", if (subticks) { "" } else { "false" }) }
+  if aspect != auto { attrs.insert("style", "aspect-ratio: " + str(aspect)); }
   html.elem("mc-diorama", html.script(body, type: "text/mc-world"), attrs: attrs)
 }
diff --git a/main.typ b/main.typ
index 16a6b5e5..8fdf1d9d 100644
--- a/main.typ
+++ b/main.typ
@@ -16,7 +16,11 @@
     html.body(context {
       let prev = query(selector(heading.where(level: 1)).before(here())).at(-1, default: none)
       let next = query(selector(heading.where(level: 1)).after(here())).at(1, default: none)
+
+      html.header({})
+
       html.main(it)
+
       html.footer({
         html.nav({
           html.ul({