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";
+ }
});
}