wip more dioramas

src/blockstate.js

@@ -29,7 +29,7 @@ function evaluateWhen(properties, condition) {
         const prop = properties[key];
         if (typeof val === 'string' && val.includes('|')) {
             if (!val.split('|').includes(prop)) return false;
-        } else if (prop !== val) {
+        } else if (prop !== val.toString()) {
             return false;
         }
     }

src/engine.js

@@ -267,6 +267,9 @@ export class Engine {
             const newMeshes = [];
             for (const pool of framePools.get(frame).values()) {
                 const blockModel = this.cache.getSync(pool.partDef.model, 'models');
+                if (pool.partDef.model === "block/redstone_power_level_08") {
+                    // console.log(blockModel);
+                }
                 const geometry = blockModel.buildGeometry(this.atlas.uvmap, pool.partDef);
 
                 const matrixArray = new Float32Array(pool.matrices);

src/style.css

@@ -30,7 +30,7 @@ body {
 }
 
 .todo {
-    color: red;
+    color: red
 }
 
 @media (prefers-color-scheme: dark) {
@@ -45,6 +45,10 @@ body {
     .note {
         color: cyan;
     }
+
+    .todo {
+        color: #FF4444;
+    }
 }
 
 pre code {
@@ -54,11 +58,12 @@ pre code {
 .callout, details {
     background: blue;
 
-    margin: 1em -1em;
-    padding: 0.5em 1em;
+    margin: 1em -1ch;
+    padding: 0.5em 1ch;
     background: rgb(from currentColor r g b / 5%);
-    border: solid currentColor;
-    border-width: 1px 0;
+    border: solid rgb(from currentColor r g b / 30%);
+    border-width: 1px;
+    border-style: outset;
 
     .callout {
         margin-inline: 0;

src/world.js

@@ -37,7 +37,6 @@ export class World {
         };
 
         const lines = script.split(/\n|<br>/).map(l => l.trim()).filter(l => l && !l.startsWith('#'));
-        console.log(lines)
 
         let currentBatch = [];