aboutsummaryrefslogtreecommitdiff
path: root/stuff/neon_boost_times.html
blob: e00af8cb1f479c1d4f1b37eb2d54f636af513188 (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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My level times in Neon Boost</title>
    <style type="text/css">
        html, body {
            height: 100%;
            overflow-y: hidden;
        }
        body {
            font-family: 'Orbitron', sans-serif;
            font-size: 1.2em;
            display: flex;
            justify-content: center;
            align-items: center;
            background-image: linear-gradient(#5d0081 2px, transparent 2px), linear-gradient(to right, #5d0081 2px, transparent 2px);
            background-size: 150px 150px;
            background-color: #000000;
            background-repeat: repeat;
            animation-name: bganim;
            animation-duration: 6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
            margin: 0;
        }
        @keyframes bganim {
            0% { background-position: 0px 0px; }
            100% { background-position: 150px 150px; }
        }
        div#main {
            border: 5px solid #f82a6a;
            padding: 35px;
            color: #0dff00;
            background-image: repeating-linear-gradient(0deg, #041c07, #041c07 3px, transparent 3px, transparent);
            background-size: 6px 6px;
            background-color: #041807;
            box-shadow: 0 0 30px #c21a4fdc inset, 0 0 100px 100px black inset, 0 0 30px #c21a4fee;
            max-width: 95%;
            box-sizing: border-box;
        }
        div#tablediv {
            width: 100%;
            overflow-x: scroll;
        }
        table {
            width: 100%;
            overflow-x: scroll;
        }
        td {
            padding: 5px;
        }
        .highlighted {
            background-color: #eeffee0c;
        }
        p {
            margin-bottom: 0;
            font-size: 0.8em;
        }
        a {
            color: #f82a6a;
            text-decoration: none;
        }
        .c0 {
            color: gold;
        }
    </style>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap" rel="stylesheet"> 
  </head>
  <body>
    <div id="main">
        <div id="tablediv">
            <table>
                <tr>
                    <td>Level</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td>
                </tr>
                <tr class="highlighted">
                    <td>Laser City</td><td class="c0">4.219</td><td class="c0">3.939</td><td>3.899</td><td>6.359</td><td class="c0">3.959</td><td class="c0">3.259</td><td>6.139</td><td>7.159</td><td>2.419</td><td>8.32</td><td class="c0">5.419</td><td class="c0">17</td>
                </tr>
                <tr>
                    <td>Laser City<br/>(Lights Off)</td><td class="c0">4.439</td><td class="c0">4.119</td><td>4.179</td><td>7.079</td><td class="c0">5.799</td><td class="c0">3.419</td><td>5.859</td><td>7.299</td><td>2.519</td><td>8.46</td><td class="c0">5.859</td><td>20.02</td>
                </tr>
                <tr class="highlighted">
                    <td>Tesla Factory</td><td>3.999</td><td>5.219</td><td>6.359</td><td>3.359</td><td>5.959</td><td>4.719</td><td>6.839</td><td>1.999</td><td>6.259</td><td>4.779</td><td class="c0">7.219</td><td class="c0">16.44</td>
                </tr>
                <tr>
                    <td>Tesla Factory<br/>(Lights Off)</td><td>4.159</td><td>5.679</td><td>6.519</td><td>3.619</td><td>5.719</td><td>5.639</td><td>6.799</td><td>2.039</td><td>6.319</td><td>5.519</td><td class="c0">7.019</td><td class="c0">16.92</td>
                </tr>
                <tr class="highlighted">
                    <td>Cosmic Highway</td><td>9.14</td><td>6.279</td><td>6.979</td><td>11.02</td><td>5.439</td><td>9.58</td><td>7.199</td><td>11.24</td><td>17.8</td><td>4.679</td><td>25.06</td><td>40.78</td>
                </tr>
                <tr>
                    <td nowrap>Cosmic Highway<br/>(Lights Off)</td><td>10.46</td><td>6.699</td><td>6.859</td><td>12.8</td><td>5.779</td><td>10.32</td><td>7.839</td><td>13.28</td><td>19.02</td><td>4.779</td><td>29.36</td><td>42.56</td>
                </tr>
            </table>
        </div>
        <p>Times are in seconds, truncated to the millisecond because the in-game timer is rife with rounding errors.<br/>Times in <span class="c0">yellow</span> are from levels I can effectively "skip", or beat without triggering the timer to start.<br/>Read the blog post I made this for <a href="https://isopod.cool/old/2/?page=blog#Second">here</a>. Get Neon Boost <a href="https://store.steampowered.com/app/1057850/Neon_Boost/">here</a>.</p>
    </div>
  </body>
</html>