Merge pull request #4 from Minteck-Projects/devel

Branching 21.08

5 files changed, 360 insertions, 475 deletions

diff --git a/race/circuits/furry.html b/race/circuits/furry.html
deleted file mode 100644
index 01a4d16..0000000
--- a/race/circuits/furry.html
+++ /dev/null
@@ -1,115 +0,0 @@
-<!-- Manifest version 5 (breaking with version 4) -->
-
-<!-- Metadata -->
-<circuit>
-  {
-    "name": {
-      "fr": "Les petites pattes",
-      "en": "The Little Paws"
-    },
-    "author": "Minteck Projects"
-  }
-</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: -30px;
-    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: 566px;"></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>
\ No newline at end of file
diff --git a/race/circuits/furry.png b/race/circuits/furry.png
deleted file mode 100644
index c1d5d46..0000000
--- a/race/circuits/furry.png
+++ /dev/null
diff --git a/race/circuits/main.html b/race/circuits/main.html
index 8285085..f8e484e 100644
--- a/race/circuits/main.html
+++ b/race/circuits/main.html
@@ -1,115 +1,115 @@
-<!-- Manifest version 5 (breaking with version 4) -->
-
-<!-- Metadata -->
-<circuit>
-  {
-    "name": {
-      "fr": "Un simple carré",
-      "en": "A Simple Square"
-    },
-    "author": "Minteck Projects"
-  }
-</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: -30px;
-    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: 325px;
-    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: 325px;top: 404px;left: 193px;"></div><div class="wall" style="
-    height: 8px;
-    position: fixed;
-    width: 498px;
-    top: 492px;
-    left: 107px;
-"></div><div class="wall" style="
-    height: 300px;
-    position: fixed;
-    width: 8px;
-    top: 111px;
-    left: 194px;
-"></div><div class="wall" style="
-    height: 472px;
-    position: fixed;
-    width: 8px;
-    top: 25px;
-    left: 106px;
-"></div><div class="wall" style="height: 300px;position: fixed;width: 8px;top: 110px;left: 515px;"></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": "Un simple carré",

+      "en": "A Simple Square"

+    },

+    "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: 325px;

+    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: 325px;top: 404px;left: 193px;"></div><div class="wall" style="

+    height: 8px;

+    position: fixed;

+    width: 498px;

+    top: 492px;

+    left: 107px;

+"></div><div class="wall" style="

+    height: 300px;

+    position: fixed;

+    width: 8px;

+    top: 111px;

+    left: 194px;

+"></div><div class="wall" style="

+    height: 472px;

+    position: fixed;

+    width: 8px;

+    top: 25px;

+    left: 106px;

+"></div><div class="wall" style="height: 300px;position: fixed;width: 8px;top: 110px;left: 515px;"></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
diff --git a/race/circuits/snowy.html b/race/circuits/snowy.html
index 3fea303..4b9cc64 100644
--- a/race/circuits/snowy.html
+++ b/race/circuits/snowy.html
@@ -1,115 +1,115 @@
-<!-- Manifest version 5 (breaking with version 4) -->
-
-<!-- Metadata -->
-<circuit>
-  {
-    "name": {
-      "fr": "La montagne enneigée",
-      "en": "The Snowy Mountain"
-    },
-    "author": "Minteck Projects"
-  }
-</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: -30px;
-    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: 325px;
-    top: 110px;
-    left: 197px;
-"></div><div class="wall" style="
-    height: 8px;
-    position: fixed;
-    width: 498px;
-    top: 24px;
-    left: 112px;
-"></div><div class="wall" style="height: 8px;position: fixed;width: 335px;top: 401px;left: 200px;"></div><div class="wall" style="height: 8px;position: fixed;width: 335px;top: 370px;left: 205px;"></div><div class="wall" style="height: 8px;position: fixed;width: 315px;top: 170px;left: 210px;"></div><div class="wall" style="height: 8px;position: fixed;width: 250px;top: 257px;left: 422px;"></div><div class="wall" style="height: 8px;position: fixed;width: 250px;top: 300px;left: 422px;"></div><div class="wall" style="
-    height: 8px;
-    position: fixed;
-    width: 498px;
-    top: 471px;
-    left: 117px;
-"></div><div class="wall" style="
-    height: 300px;
-    position: fixed;
-    width: 8px;
-    top: 111px;
-    left: 197px;
-"></div><div class="wall" style="
-    height: 472px;
-    position: fixed;
-    width: 8px;
-    top: 25px;
-    left: 111px;
-"></div><div class="wall" style="height: 70px;position: fixed;width: 8px;top: 110px;left: 520px;"></div><div class="wall" style="height: 210px;position: fixed;width: 8px;top: 170px;left: 335px;"></div><div class="wall" style="height: 45px;position: fixed;width: 8px;top: 260px;left: 422px;"></div><div class="wall" style="
-    height: 472px;
-    position: fixed;
-    width: 8px;
-    top: 24px;
-    left: 608px;
-"></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": "La montagne enneigée",

+      "en": "The Snowy Mountain"

+    },

+    "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: 325px;

+    top: 110px;

+    left: 197px;

+"></div><div class="wall" style="

+    height: 8px;

+    position: fixed;

+    width: 498px;

+    top: 24px;

+    left: 112px;

+"></div><div class="wall" style="height: 8px;position: fixed;width: 335px;top: 401px;left: 200px;"></div><div class="wall" style="height: 8px;position: fixed;width: 335px;top: 370px;left: 205px;"></div><div class="wall" style="height: 8px;position: fixed;width: 315px;top: 170px;left: 210px;"></div><div class="wall" style="height: 8px;position: fixed;width: 250px;top: 257px;left: 422px;"></div><div class="wall" style="height: 8px;position: fixed;width: 250px;top: 300px;left: 422px;"></div><div class="wall" style="

+    height: 8px;

+    position: fixed;

+    width: 498px;

+    top: 471px;

+    left: 117px;

+"></div><div class="wall" style="

+    height: 300px;

+    position: fixed;

+    width: 8px;

+    top: 111px;

+    left: 197px;

+"></div><div class="wall" style="

+    height: 472px;

+    position: fixed;

+    width: 8px;

+    top: 25px;

+    left: 111px;

+"></div><div class="wall" style="height: 70px;position: fixed;width: 8px;top: 110px;left: 520px;"></div><div class="wall" style="height: 210px;position: fixed;width: 8px;top: 170px;left: 335px;"></div><div class="wall" style="height: 45px;position: fixed;width: 8px;top: 260px;left: 422px;"></div><div class="wall" style="

+    height: 472px;

+    position: fixed;

+    width: 8px;

+    top: 24px;

+    left: 608px;

+"></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
diff --git a/race/circuits/water.html b/race/circuits/water.html
index 1c6166a..791ffb3 100644
--- a/race/circuits/water.html
+++ b/race/circuits/water.html
@@ -1,133 +1,133 @@
-<!-- Manifest version 5 (breaking with version 4) -->
-
-<!-- Metadata -->
-<circuit>
-  {
-    "name": {
-      "fr": "Attention à l'eau",
-      "en": "Keep out the water"
-    },
-    "author": "Minteck Projects"
-  }
-</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: -30px;
-    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: 325px;
-    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: 325px;top: 288px;left: 193px;"></div><div class="wall" style="
-    height: 8px;
-    position: fixed;
-    width: 302px;
-    top: 469px;
-    left: 107px;
-"></div><div class="wall" style="
-    height: 186px;
-    position: fixed;
-    width: 8px;
-    top: 111px;
-    left: 194px;
-"></div><div class="wall" style="
-    height: 452px;
-    position: fixed;
-    width: 8px;
-    top: 25px;
-    left: 106px;
-"></div><div class="wall" style="height: 186px;position: fixed;width: 8px;top: 110px;left: 515px;"></div><div class="wall" style="
-    height: 346px;
-    position: fixed;
-    width: 8px;
-    top: 24px;
-    left: 602px;
-"></div>
-
-  <div class="wall" style="
-    height: 8px;
-    position: fixed;
-    width: 210px;
-    top: 363px;
-    left: 401px;
-"></div><div class="wall" style="
-    height: 110px;
-    position: fixed;
-    width: 8px;
-    top: 363px;
-    left: 401px;
-"></div><div class="wall" style="
-    height: 145px;
-    position: fixed;
-    width: 180px;
-    top: 369px;
-    left: 187px;
-"></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": "Attention à l'eau",

+      "en": "Keep out the water"

+    },

+    "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: 325px;

+    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: 325px;top: 288px;left: 193px;"></div><div class="wall" style="

+    height: 8px;

+    position: fixed;

+    width: 302px;

+    top: 469px;

+    left: 107px;

+"></div><div class="wall" style="

+    height: 186px;

+    position: fixed;

+    width: 8px;

+    top: 111px;

+    left: 194px;

+"></div><div class="wall" style="

+    height: 452px;

+    position: fixed;

+    width: 8px;

+    top: 25px;

+    left: 106px;

+"></div><div class="wall" style="height: 186px;position: fixed;width: 8px;top: 110px;left: 515px;"></div><div class="wall" style="

+    height: 346px;

+    position: fixed;

+    width: 8px;

+    top: 24px;

+    left: 602px;

+"></div>

+

+  <div class="wall" style="

+    height: 8px;

+    position: fixed;

+    width: 210px;

+    top: 363px;

+    left: 401px;

+"></div><div class="wall" style="

+    height: 110px;

+    position: fixed;

+    width: 8px;

+    top: 363px;

+    left: 401px;

+"></div><div class="wall" style="

+    height: 145px;

+    position: fixed;

+    width: 180px;

+    top: 369px;

+    left: 187px;

+"></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