From a3707f25b371ec0dfa99dcf9b3b76403c13cdaf1 Mon Sep 17 00:00:00 2001 From: Ayabusa Date: Fri, 27 Mar 2026 21:18:36 +0100 Subject: [PATCH] Did some arrows stuff --- projects/index.html | 12 ++++++------ projects/script.js | 16 +++++++++++++--- 2 files changed, 19 insertions(+), 9 deletions(-) diff --git a/projects/index.html b/projects/index.html index f15eaad..9bdaf83 100644 --- a/projects/index.html +++ b/projects/index.html @@ -7,7 +7,7 @@
-
+
@@ -21,7 +21,7 @@
-
+
@@ -36,7 +36,7 @@ I develloped it with Golang for the backend and svelte for the frontend, and it has worked pretty well for me :D

-
+
@@ -51,7 +51,7 @@
-
+
@@ -70,7 +70,7 @@
-
+
@@ -83,7 +83,7 @@
-
+
diff --git a/projects/script.js b/projects/script.js index 3f961f4..21f9451 100644 --- a/projects/script.js +++ b/projects/script.js @@ -3,9 +3,12 @@ // Arrows go from the bottom-center of the source // to the top-center of the target. const CONNECTIONS = [ - ['n0', 'n1'], - ['n1', 'n2'], - ['n2', 'n3'], + ['proj', 'fich'], + ['proj', 'hack'], + ['fich', 'rust'], + ['rust', 'alac'], + ['hack', 'alac'], + ['alac', 'mine'], ]; // ─── Setup ──────────────────────────────────────────────────── @@ -65,6 +68,13 @@ function redraw() { }; pathEls[i].setAttribute('d', manhattanPath(r1, r2)); + if (tgt.left > src.left) { + pathEls[i].style.stroke = "#008000"; + } else if (tgt.left < src.left){ + pathEls[i].style.stroke = "#ff0000"; + } else { + pathEls[i].style.stroke = "#0000ff"; + } }); }