awooooooo

2 files changed, 25 insertions, 14 deletions

diff --git a/index.md b/index.md
index ef14f06..46b5b1d 100755
--- a/index.md
+++ b/index.md
@@ -348,8 +348,8 @@ is impossible.
 The idea I've been toying with for a long time is to raymarch inside a
 rasterized box. If you store information in that box's verts, you could do a
 raymarch inside a wholly self contained coordinate system.
+I've pulled this off, but not in a way which is useful for characters (yet).
 
-I've pulled this off, but not in a way which is useful for characters.
 
 ![One draw call, many raymarched objects.](./images/2025_06_11/fake_origins_31.png){width=80%}
 
@@ -454,8 +454,8 @@ RayMarcherOutput MyRayMarcher(v2f i) {
   float4 quat = GetRotation(i, uv_channels);
   float4 iquat = float4(-quat.xyz, quat.w);
 
-  // ro is already expressed in terms of rotated basis vectors, so we don't
-  // have to rotate it again.
+  // ro is already expressed in terms of rotated basis vectors, so we
+  // don't have to rotate it again.
   float3 ro = -frag_to_origin;
   float3 rd = normalize(i.objPos - obj_space_camera_pos);
   rd = rotate_vector(rd, iquat);
@@ -484,8 +484,8 @@ RayMarcherOutput MyRayMarcher(v2f i) {
   float4 clipPos = UnityObjectToClipPos(o.objPos);
   o.depth = clipPos.z / clipPos.w;
 
-  // Calculate normal in rotated space using standard raymarcher gradient
-  // technique
+  // Calculate normal in rotated space using standard raymarcher
+  // gradient technique
   float3 sdfNormal = calc_normal(localHit);
   float3 objNormal = rotate_vector(sdfNormal, quat);
   o.normal = UnityObjectToWorldNormal(objNormal);
diff --git a/template.html b/template.html
index 80a8d3d..a7d93be 100755
--- a/template.html
+++ b/template.html
@@ -75,19 +75,30 @@ $endif$
     ::selection {
       background-color: var(--selection-color);
     }
-    pre, code {
+    .sourceCode {
       background-color: var(--current-line-color);
+      padding: 1em;
+      border-radius: 1em;
+    }
+    .sourceCode pre {
+      margin: 0;
+      padding: 0;
+      background: transparent;
       color: var(--foreground-color);
     }
+    .sourceCode code { background: transparent; }
     /* Pandoc syntax highlighting token classes */
-    code span.co { color: var(--comment-color); font-style: italic; }
-    code span.kw { color: var(--red-color); }
-    code span.dt { color: var(--blue-color); }
-    code span.fu { color: var(--yellow-color); }
-    code span.st, code span.ss { color: var(--yellow-color); }
-    code span.dv, code span.bn, code span.fl { color: var(--orange-color); }
-    code span.op { color: var(--aqua-color); }
-    code span.cn, code span.va, code span.bu { color: var(--purple-color); }
+    code span.co, code span.an, code span.do, code span.cv { color: var(--comment-color); }
+    code span.kw, code span.cf, code span.er { color: var(--red-color); }
+    code span.dt, code span.at, code span.re { color: var(--blue-color); }
+    code span.fu, code span.st, code span.ss, code span.wa, code span.vs { color: var(--yellow-color); }
+    code span.dv, code span.bn, code span.fl, code span.al { color: var(--orange-color); }
+    code span.op, code span.ot, code span.in, code span.sc, code span.ch { color: var(--aqua-color); }
+    code span.cn, code span.va, code span.bu, code span.ex { color: var(--purple-color); }
+    code span.im, code span.pp { color: var(--green-color); }
+    code span.co { font-style: italic; }
+    code span.er { text-decoration: underline; }
+    code span.al { font-weight: bold; }
   </style>
 $for(css)$
   <link rel="stylesheet" href="$css$" />