From 3ce3f5bedd1dc26f629c39a3ec2b3dfc31be598c Mon Sep 17 00:00:00 2001
From: tildejustin <tildejustin@gmail.com>
Date: Wed, 27 May 2026 17:12:22 -0400
Subject: [PATCH 1/2] very experimental html support

---
 rules.typ | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/rules.typ b/rules.typ
index 03ee639..fd163d2 100644
--- a/rules.typ
+++ b/rules.typ
@@ -37,11 +37,11 @@
   ]
 }
 
-#align(center + horizon)[
+#[
+  #set align(center + horizon)
   #text(size: 22pt)[
     *Minecraft: Java Edition\
     Speedrunning Rules*
-
   ]
   #text(size: 14pt)[
     Version: #version
@@ -223,14 +223,19 @@ A.2.11) <A.2.11> The F3 screen must be shown during or after the run, and before
 Below shows the elements that must be visible. Exact locations may depend on GUI Scale, chat settings, mods, timer settings, and more. A Twitch chat or similar is fine on bottom left, but it must be partially transparent because of in-game chat.
 #image("images/f3.png", width: 75%, scaling: "pixelated")
 Mod text on the bottom right is prone to moving around. Especially in newer versions, where it can go offscreen when hovering blocks, and is split up when not using Planifolia. Looking at the sky or changing GUI Scale may be necessary to fully display it.
-#align(center)[
-    #grid(
-        columns: 3,
-        figure(image("images/non-planifolia.png", width: 80%), caption: "Without Planifolia", supplement: none),
-        figure(image("images/planifolia.png", width: 80%), caption: "With Planifolia",  supplement: none),
-        figure(image("images/offscreen.png", width: 80%), caption: "Bottom block off-screen",  supplement: none),
-    )
-]
+#context {
+  let columns = (
+    figure(image("images/non-planifolia.png", width: 80%), caption: "Without Planifolia", supplement: none),
+    figure(image("images/planifolia.png", width: 80%), caption: "With Planifolia",  supplement: none),
+    figure(image("images/offscreen.png", width: 80%), caption: "Bottom block off-screen",  supplement: none),
+  )
+  if target() == "html" [
+    #columns.join()
+  ] else [
+    #set align(center)
+    #grid(columns: 3, ..columns)
+  ]
+}
 If F3 was not shown but no mods were used but the Title Screen was in line with #entangledRule("A.2.11.c"), the text on the bottom left of the Title Screen must be visible.
 #image("images/title.png", width: 37.5%)
 If using OptiFine the version must be shown in F3. Additionally, in 1.7.10 and below the rest of the mod text is on the left.

From 916d1d881040ac57f89b841bd266baa929d1b099 Mon Sep 17 00:00:00 2001
From: tildejustin <tildejustin@gmail.com>
Date: Wed, 27 May 2026 17:14:37 -0400
Subject: [PATCH 2/2] use experimental features in compilation checking

---
 .github/workflows/build.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
index 9f82c62..bc93765 100644
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -12,4 +12,4 @@ jobs:
       - name: setup typst
         uses: typst-community/setup-typst@v4
       - name: test build
-        run: typst compile rules.typ
+        run: typst compile --features html rules.typ