Upload index.html with huggingface_hub

index.html

@@ -412,19 +412,19 @@ boxEdge.position.set(GRID/2, GRID/2, GRID/2);
 scene.add(boxEdge);
 
 // Axis labels — X and Y at the top (surface), Depth arrow going down
-function makeLabel(text, pos, fontSize) {
-  const c = document.createElement('canvas'); c.width=128; c.height=40;
-  const ctx = c.getContext('2d'); ctx.fillStyle='#333344';
-  ctx.font=`bold ${fontSize||22}px "Space Grotesk",system-ui,sans-serif`;
-  ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillText(text,64,20);
+function makeLabel(text, pos) {
+  const c = document.createElement('canvas'); c.width=256; c.height=64;
+  const ctx = c.getContext('2d'); ctx.fillStyle='#000000';
+  ctx.font='bold 32px "Space Grotesk",system-ui,sans-serif';
+  ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillText(text,128,32);
   const tex = new THREE.CanvasTexture(c);
   const sp = new THREE.Sprite(new THREE.SpriteMaterial({map:tex,transparent:true}));
-  sp.position.copy(pos); sp.scale.set(8,2.5,1); scene.add(sp);
+  sp.position.copy(pos); sp.scale.set(14,3.5,1); scene.add(sp);
 }
 // Surface is at Y=GRID (top). Labels on top edges.
-makeLabel('Easting (X)', new THREE.Vector3(GRID/2, GRID+3, -2));
-makeLabel('Northing (Y)', new THREE.Vector3(-2, GRID+3, GRID/2));
-makeLabel('Depth \u2193', new THREE.Vector3(-5, GRID/2, -2), 20);
+makeLabel('Easting (X)', new THREE.Vector3(GRID/2, GRID+4, -3));
+makeLabel('Northing (Y)', new THREE.Vector3(-3, GRID+4, GRID/2));
+makeLabel('Depth \u2193', new THREE.Vector3(-6, GRID/2, -3));
 
 let currentMesh = null;