# HG changeset patch
# User MrJuneJune <me@mrjunejune.com>
# Date 1769401182 28800
# Node ID fb28063dc4908fb76f1436dfb1dd71b34e4bc501
# Parent  9f4429c497334ab7184b92bf3b1028d818f537e7
Adding few more images.

diff -r 9f4429c49733 -r fb28063dc490 hg-web/src/components/graph.tsx
--- a/hg-web/src/components/graph.tsx	Sun Jan 25 20:04:55 2026 -0800
+++ b/hg-web/src/components/graph.tsx	Sun Jan 25 20:19:42 2026 -0800
@@ -183,7 +183,10 @@
 
   let pencilPattern;
   const img = new Image();
-  img.src = "http://localhost:6970/pencil_texture.png";
+  img.src = "http://localhost:6970/pencil_lines.png";
+
+  const pandaImg = new Image();
+  pandaImg.src = "http://localhost:6970/panda.png";
 
   useEffect(() => {
     const canvas = canvasRef.current;
@@ -238,35 +241,11 @@
       // Pass 2: Draw Commit Nodes
       changesets.forEach((cs, i) => {
         const x = getX(cs.col), y = getY(i);
-        const color = colors[cs.color % colors.length];
-
-        // Sketchy outer glow
-        ctx.beginPath();
-        ctx.arc(x, y, nodeRadius + 2, 0, Math.PI * 2);
-        ctx.fillStyle = `${color}33`;
-        ctx.fill();
-
-        // Core Node
-        ctx.beginPath();
-        ctx.arc(x, y, nodeRadius, 0, Math.PI * 2);
-        ctx.fillStyle = color;
-        ctx.fill();
-
-        // Sketchy border rings
-        for (let s = 0; s < 2; s++) {
-          ctx.beginPath();
-          ctx.arc(x + (Math.random() - 0.5), y + (Math.random() - 0.5), nodeRadius + 0.5, 0, Math.PI * 2);
-          ctx.strokeStyle = '#000000';
-          ctx.globalAlpha = 0.3;
-          ctx.lineWidth = 0.8;
-          ctx.stroke();
-        }
-        ctx.globalAlpha = 1;
+        ctx.drawImage(pandaImg, x-10, y-10, 20, 20);
       });
     };
 
     img.onload = () => {
-      console.log("WTF");
       pencilPattern = ctx.createPattern(img, "repeat")!;
       renderCanvas(); 
     };
@@ -287,7 +266,7 @@
   }, [onLoadMore, hasMore, loading]);
 
   return (
-    <div style={{ display: 'flex', flexDirection: 'column', height: '100%', background: '#1a1a1a', fontFamily: 'monospace' }}>
+    <div style={{ display: 'flex', flexDirection: 'column', height: '100%', backgroundImage: 'url("/hg-web-background.jpg")', fontFamily: 'monospace' }}>
       <div 
         ref={containerRef} 
         style={{ display: 'flex', flex: 1, overflowY: 'auto', position: 'relative' }}
diff -r 9f4429c49733 -r fb28063dc490 hg-web/src/hg-web-background.jpg
Binary file hg-web/src/hg-web-background.jpg has changed
diff -r 9f4429c49733 -r fb28063dc490 hg-web/src/panda.png
Binary file hg-web/src/panda.png has changed
diff -r 9f4429c49733 -r fb28063dc490 hg-web/src/pencil_lines.png
Binary file hg-web/src/pencil_lines.png has changed