aboutsummaryrefslogtreecommitdiff
path: root/race/_archived/triangle.html
blob: 33dcaaed955997582de73431d1b2b8808140cf3f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!-- Manifest version 5 (breaking with version 4) -->

<!-- Metadata -->
<circuit>
  {
    "name": {
      "fr": "Le triangle des Bermudes",
      "en": "The Bermuda Triangle"
    },
    "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: -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>