Make block equations larger and centered

2 files changed, 11 insertions, 4 deletions

diff --git a/site/common.typ b/site/common.typ
index f7a12b3..5acb91a 100644
--- a/site/common.typ
+++ b/site/common.typ
@@ -46,11 +46,13 @@
 
     // As of 0.14, equations aren't supported in HTML. Emit them as SVG instead.
     show math.equation: it => context {
-        if target() == "html" {
-            show: if it.block { it => it } else { box }
-            html.frame(it)
+        show: if it.block { it => it } else { box }
+        if it.block {
+            html.elem("div", attrs: (class: "block-math"))[
+                #html.frame(it)
+            ]
         } else {
-            it
+            html.frame(it)
         }
     }
 
diff --git a/static/style.css b/static/style.css
index 5db9fcc..7a34c09 100644
--- a/static/style.css
+++ b/static/style.css
@@ -17,3 +17,8 @@ h1 {
 img {
     max-width: 100%;
 }
+
+.block-math {
+    font-size: 120%;
+    text-align: center;
+}
\ No newline at end of file