FIX: Wires ids not accurate

- Chnage some wires id that came from the `drawBasicConnection` function
- Change clock background gradient to comply with the mock-up

Author: laurentbouquin

src/code/css/schematics.css

@@ -386,5 +386,11 @@
 	top: 82vh;
 	left: 0;
 	z-index: 1;
-	background: linear-gradient(to top, rgb(from var(--tertiary) r g b / 1), rgb(from var(--primary) r g b / .1));
+	background: linear-gradient(to top, 
+	rgb(from var(--primary) r g b / 1),
+	rgb(from var(--primary) r g b / 1),
+	rgb(from var(--primary) r g b / 1),
+	rgb(from var(--primary) r g b / 1),
+	rgb(from var(--primary) r g b / 0.7),
+	rgb(from var(--primary) r g b / 0));
 }

src/code/js/connections.js

@@ -147,9 +147,9 @@ function drawBasicConnection(obj1, obj2) {
 
 
 	// Draw the connection
-	drawLine(.6, distW1 + sizeOut, outputCenter, output.left, obj1, `lut-${obj1.split('-')[1]}-Wire1`);
-	drawLine(distH, .3, (output.top < input.top ? outputCenter : inputCenter), output.right + distW1, obj1, `lut-${obj1.split('-')[1]}-Wire2`);
-	drawLine(.6, distW2 + sizeIn, inputCenter, input.right - distW2 - sizeIn, obj1, `lut-${obj1.split('-')[1]}-Wire3`);
+	drawLine(.6, distW1 + sizeOut, outputCenter, output.left, obj1, `${obj1.split('-')[0]}-${obj1.split('-')[1]}-Wire1`);
+	drawLine(distH, .3, (output.top < input.top ? outputCenter : inputCenter), output.right + distW1, obj1, `${obj1.split('-')[0]}-${obj1.split('-')[1]}-Wire2`);
+	drawLine(.6, distW2 + sizeIn, inputCenter, input.right - distW2 - sizeIn, obj1, `${obj1.split('-')[0]}-${obj1.split('-')[1]}-Wire3`);
 }