3 files changed, 241 insertions, 126 deletions
diff --git a/race/_archived/furry.html b/race/_archived/furry.html
new file mode 100644
index 0000000..c812916
--- /dev/null
+++ b/race/_archived/furry.html
@@ -0,0 +1,115 @@
+<!-- Manifest version 5 (breaking with version 4) -->
+
+<!-- Metadata -->
+<circuit>
+  {
+    "name": {
+      "fr": "Les petites pattes",
+      "en": "The Little Paws"
+    },
+    "author": "Minteck"
+  }
+</circuit>
+
+<!-- Cars -->
+<div id="car0" style="display: inline-block;position: fixed;top: 42.9px;left: 428px;transform: rotate(0deg);"><img id="car0-img" style="
+    width: 36px;
+"></div>
+<div id="car1" style="display: inline-block;position: fixed;top: 79.4px;left: 388.9px;transform: rotate(0deg);"><span id="aibox-far" style="
+    position: absolute;
+    display: block;
+    top: -7px;
+    bottom: -7px;
+    left: 0px;
+    right: -40px;
+    animation-name: aibox;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+    animation-direction: alternate-reverse;
+"></span><span id="aibox-near" style="
+    position: absolute;
+    display: block;
+    top: -7px;
+    bottom: -7px;
+    left: -7px;
+    right: -7px;
+"></span><span id="aibox-nearest" style="
+    position: absolute;
+    display: block;
+    top: -3px;
+    bottom: -3px;
+    left: -3px;
+    right: -3px;
+"></span><img id="car1-img" style="
+    width: 36px;"></div>
+
+<!-- Oils -->
+<div id="oil">
+  <img src="../race/oil.png" id="oil0" style="top: 278px; left: 634px; transform: rotate(68deg);">
+  <img src="../race/oil.png" id="oil1" style="top: 22px; left: 457px; transform: rotate(217deg);">
+  <img src="../race/oil.png" id="oil2" style="top: 26px; left: 531px; transform: rotate(82deg);">
+  <img src="../race/oil.png" id="oil3" style="top: 155px; left: 425px; transform: rotate(120deg);">
+  <img src="../race/oil.png" id="oil4" style="top: 137px; left: 121px; transform: rotate(178deg);">
+</div>
+
+<!-- Elements -->
+<div id="elements">
+
+  <!-- Walls -->
+
+  <div class="wall" style="
+    height: 8px;
+    position: fixed;
+    width: 315px;
+    top: 110px;
+    left: 193px;
+"></div><div class="wall" style="
+    height: 8px;
+    position: fixed;
+    width: 498px;
+    top: 24px;
+    left: 107px;
+"></div><div class="wall" style="height: 8px;position: fixed;width: 51px;top: 412px;left: 455px;"></div><div class="wall" style="
+    height: 8px;
+    position: fixed;
+    width: 498px;
+    top: 501px;
+    left: 107px;
+"></div><div class="wall" style="
+    height: 310px;
+    position: fixed;
+    width: 8px;
+    top: 111px;
+    left: 211px;
+"></div><div class="wall" style="
+    height: 484px;
+    position: fixed;
+    width: 8px;
+    top: 25px;
+    left: 106px;
+"></div><div class="wall" style="height: 310px;position: fixed;width: 8px;top: 110px;left: 498px;"></div><div class="wall" style="height: 8px;position: fixed;width: 57px;top: 413px;left: 211px;"></div><div class="wall" style="height: 8px;position: fixed;width: 248px;top: 151px;left: 235px;"></div><div class="wall" style="height: 24px;position: fixed;width: 8px;top: 485px;left: 261px;"></div><div class="wall" style="height: 8px;position: fixed;width: 24px;top: 236px;left: 347px;"></div><div class="wall" style="height: 270px;position: fixed;width: 8px;top: 236px;left: 361px;"></div><div class="wall" style="height: 113px;position: fixed;width: 8px;top: 151px;left: 235px;"></div><div class="wall" style="height: 32px;position: fixed;width: 8px;top: 151px;left: 370px;"></div><div class="wall" style="height: 32px;position: fixed;width: 8px;top: 151px;left: 340px;"></div><div class="wall" style="height: 28px;position: fixed;width: 8px;top: 236px;left: 370px;"></div><div class="wall" style="height: 8px;position: fixed;width: 24px;top: 255px;left: 325px;"></div><div class="wall" style="height: 9px;position: fixed;width: 24px;top: 351px;left: 498px;"></div><div class="wall" style="height: 9px;position: fixed;width: 24px;top: 249px;left: 106px;"></div><div class="wall" style="height: 9px;position: fixed;width: 46px;top: 249px;left: 173px;"></div><div class="wall" style="height: 9px;position: fixed;width: 46px;top: 246px;left: 498px;"></div><div class="wall" style="height: 9px;position: fixed;width: 46px;top: 351px;left: 587px;"></div><div class="wall" style="height: 9px;position: fixed;width: 46px;top: 255px;left: 234px;"></div><div class="wall" style="height: 9px;position: fixed;width: 46px;top: 257px;left: 439px;"></div><div class="wall" style="height: 9px;position: fixed;width: 46px;top: 353px;left: 106px;"></div><div class="wall" style="height: 9px;position: fixed;width: 75px;top: 302px;left: 328px;"></div><div class="wall" style="height: 9px;position: fixed;width: 23px;top: 302px;left: 441px;"></div><div class="wall" style="height: 9px;position: fixed;width: 23px;top: 302px;left: 260px;"></div><div class="wall" style="height: 9px;position: fixed;width: 24px;top: 352px;left: 195px;"></div><div class="wall" style="height: 8px;position: fixed;width: 24px;top: 246px;left: 589px;"></div><div class="wall" style="height: 8px;position: fixed;width: 24px;top: 256px;left: 367px;"></div><div class="wall" style="height: 28px;position: fixed;width: 8px;top: 236px;left: 340px;"></div><div class="wall" style="height: 113px;position: fixed;width: 8px;top: 151px;left: 475px;"></div><div class="wall" style="height: 166px;position: fixed;width: 8px;top: 255px;left: 260px;"></div><div class="wall" style="height: 118px;position: fixed;width: 8px;top: 302px;left: 456px;"></div><div class="wall" style="height: 24px;position: fixed;width: 8px;top: 485px;left: 457px;"></div><div class="wall" style="
+    height: 485px;
+    position: fixed;
+    width: 8px;
+    top: 24px;
+    left: 602px;
+"></div>
+
+  <!-- Arrival Line -->
+  <div style="
+    height: 127px;
+    position: fixed;
+    width: 8px;
+    top: 0px;
+    left: 346px;
+" id="arrival"></div>
+
+  <!-- Anti-reverse wall (codename Barrier) -->
+  <div style="
+    height: 127px;
+    position: fixed;
+    width: 20px;
+    top: 0;
+    left: 355px;
+" id="barrier"></div></div>
diff --git a/race/_archived/furry.png b/race/_archived/furry.png
new file mode 100644
index 0000000..0e2dc77
--- /dev/null
+++ b/race/_archived/furry.png
diff --git a/race/_archived/triangle.html b/race/_archived/triangle.html
index 59fe219..55f65b1 100644
--- a/race/_archived/triangle.html
+++ b/race/_archived/triangle.html
@@ -1,127 +1,127 @@
-<!-- Manifest version 5 (breaking with version 4) -->
-
-<!-- Metadata -->
-<circuit>
-  {
-    "name": {
-      "fr": "Le triangle des Bermudes",
-      "en": "The Bermuda Triangle"
-    },
-    "author": "Minteck"
-  }
-</circuit>
-
-<!-- Cars -->
-<div id="car0" style="display: inline-block;position: fixed;top: 42.9px;left: 428px;transform: rotate(0deg);"><img id="car0-img" style="
-    width: 36px;
-"></div>
-<div id="car1" style="display: inline-block;position: fixed;top: 79.4px;left: 388.9px;transform: rotate(0deg);"><span id="aibox-far" style="
-    position: absolute;
-    display: block;
-    top: -7px;
-    bottom: -7px;
-    left: 0px;
-    right: -40px;
-    animation-name: aibox;
-    animation-duration: 2s;
-    animation-iteration-count: infinite;
-    animation-timing-function: linear;
-    animation-direction: alternate-reverse;
-"></span><span id="aibox-near" style="
-    position: absolute;
-    display: block;
-    top: -7px;
-    bottom: -7px;
-    left: -7px;
-    right: -7px;
-"></span><span id="aibox-nearest" style="
-    position: absolute;
-    display: block;
-    top: -3px;
-    bottom: -3px;
-    left: -3px;
-    right: -3px;
-"></span><img id="car1-img" style="
-    width: 36px;"></div>
-
-<!-- Oils -->
-<div id="oil">
-  <img src="../race/oil.png" id="oil0" style="top: 278px; left: 634px; transform: rotate(68deg);">
-  <img src="../race/oil.png" id="oil1" style="top: 22px; left: 457px; transform: rotate(217deg);">
-  <img src="../race/oil.png" id="oil2" style="top: 26px; left: 531px; transform: rotate(82deg);">
-  <img src="../race/oil.png" id="oil3" style="top: 155px; left: 425px; transform: rotate(120deg);">
-  <img src="../race/oil.png" id="oil4" style="top: 137px; left: 121px; transform: rotate(178deg);">
-</div>
-
-<!-- Elements -->
-<div id="elements">
-
-  <!-- Walls -->
-
-  <div class="wall" style="
-    height: 8px;
-    position: fixed;
-    width: 20px;
-    top: 111px;
-    left: 110px;
-"></div><div class="wall" style="
-    height: 8px;
-    position: fixed;
-    width: 20px;
-    top: 111px;
-    left: 590px;
-"></div><div class="wall" style="
-    height: 8px;
-    position: fixed;
-    width: 256px;
-    top: 110px;
-    left: 228px;
-"></div><div class="wall" style="
-    height: 8px;
-    position: fixed;
-    width: 498px;
-    top: 24px;
-    left: 107px;
-"></div><div class="wall" style="
-    height: 8px;
-    position: fixed;
-    width: 498px;
-    top: 492px;
-    left: 107px;
-"></div><div class="wall" style="height: 277px;position: fixed;width: 8px;top: 100px;left: 293px;transform: rotate(
--28deg
-);"></div><div class="wall" style="height: 468px;position: fixed;width: 8px;top: 80px;left: 242px;transform: rotate(
--31deg
-);"></div><div class="wall" style="height: 468px;position: fixed;width: 8px;top: 80px;left: 470px;transform: rotate(
-31.5deg
-);"></div><div class="wall" style="
-    height: 472px;
-    position: fixed;
-    width: 8px;
-    top: 25px;
-    left: 106px;
-"></div><div class="wall" style="height: 277px;position: fixed;width: 8px;top: 100px;left: 417px;transform: rotate(26.5deg);"></div><div class="wall" style="
-    height: 472px;
-    position: fixed;
-    width: 8px;
-    top: 24px;
-    left: 602px;
-"></div>
-
-  <!-- Arrival Line -->
-  <div style="
-    height: 127px;
-    position: fixed;
-    width: 8px;
-    top: 0px;
-    left: 346px;
-" id="arrival"></div>
-
-  <!-- Anti-reverse wall (codename Barrier) -->
-  <div style="
-    height: 127px;
-    position: fixed;
-    width: 20px;
-    top: 0;
-    left: 355px;
+<!-- Manifest version 5 (breaking with version 4) -->
+
+<!-- Metadata -->
+<circuit>
+  {
+    "name": {
+      "fr": "Le triangle des Bermudes",
+      "en": "The Bermuda Triangle"
+    },
+    "author": "Minteck"
+  }
+</circuit>
+
+<!-- Cars -->
+<div id="car0" style="display: inline-block;position: fixed;top: 42.9px;left: 428px;transform: rotate(0deg);"><img id="car0-img" style="
+    width: 36px;
+"></div>
+<div id="car1" style="display: inline-block;position: fixed;top: 79.4px;left: 388.9px;transform: rotate(0deg);"><span id="aibox-far" style="
+    position: absolute;
+    display: block;
+    top: -7px;
+    bottom: -7px;
+    left: 0px;
+    right: -40px;
+    animation-name: aibox;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+    animation-direction: alternate-reverse;
+"></span><span id="aibox-near" style="
+    position: absolute;
+    display: block;
+    top: -7px;
+    bottom: -7px;
+    left: -7px;
+    right: -7px;
+"></span><span id="aibox-nearest" style="
+    position: absolute;
+    display: block;
+    top: -3px;
+    bottom: -3px;
+    left: -3px;
+    right: -3px;
+"></span><img id="car1-img" style="
+    width: 36px;"></div>
+
+<!-- Oils -->
+<div id="oil">
+  <img src="../race/oil.png" id="oil0" style="top: 278px; left: 634px; transform: rotate(68deg);">
+  <img src="../race/oil.png" id="oil1" style="top: 22px; left: 457px; transform: rotate(217deg);">
+  <img src="../race/oil.png" id="oil2" style="top: 26px; left: 531px; transform: rotate(82deg);">
+  <img src="../race/oil.png" id="oil3" style="top: 155px; left: 425px; transform: rotate(120deg);">
+  <img src="../race/oil.png" id="oil4" style="top: 137px; left: 121px; transform: rotate(178deg);">
+</div>
+
+<!-- Elements -->
+<div id="elements">
+
+  <!-- Walls -->
+
+  <div class="wall" style="
+    height: 8px;
+    position: fixed;
+    width: 20px;
+    top: 111px;
+    left: 110px;
+"></div><div class="wall" style="
+    height: 8px;
+    position: fixed;
+    width: 20px;
+    top: 111px;
+    left: 590px;
+"></div><div class="wall" style="
+    height: 8px;
+    position: fixed;
+    width: 256px;
+    top: 110px;
+    left: 228px;
+"></div><div class="wall" style="
+    height: 8px;
+    position: fixed;
+    width: 498px;
+    top: 24px;
+    left: 107px;
+"></div><div class="wall" style="
+    height: 8px;
+    position: fixed;
+    width: 498px;
+    top: 492px;
+    left: 107px;
+"></div><div class="wall" style="height: 277px;position: fixed;width: 8px;top: 100px;left: 293px;transform: rotate(
+-28deg
+);"></div><div class="wall" style="height: 468px;position: fixed;width: 8px;top: 80px;left: 242px;transform: rotate(
+-31deg
+);"></div><div class="wall" style="height: 468px;position: fixed;width: 8px;top: 80px;left: 470px;transform: rotate(
+31.5deg
+);"></div><div class="wall" style="
+    height: 472px;
+    position: fixed;
+    width: 8px;
+    top: 25px;
+    left: 106px;
+"></div><div class="wall" style="height: 277px;position: fixed;width: 8px;top: 100px;left: 417px;transform: rotate(26.5deg);"></div><div class="wall" style="
+    height: 472px;
+    position: fixed;
+    width: 8px;
+    top: 24px;
+    left: 602px;
+"></div>
+
+  <!-- Arrival Line -->
+  <div style="
+    height: 127px;
+    position: fixed;
+    width: 8px;
+    top: 0px;
+    left: 346px;
+" id="arrival"></div>
+
+  <!-- Anti-reverse wall (codename Barrier) -->
+  <div style="
+    height: 127px;
+    position: fixed;
+    width: 20px;
+    top: 0;
+    left: 355px;
 " id="barrier"></div></div>
 \ No newline at end of file