aboutsummaryrefslogtreecommitdiff
path: root/race/circuits/snowy.html
blob: 3fea30378e69e81300bf75496ead16faada4e08f (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
<!-- 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;
" id="barrier"></div></div>