-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathapp.html
149 lines (140 loc) · 11.4 KB
/
app.html
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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
@@__HEAD_DATA_HERE__
<body>
<div class="loading" id="loading">
<h1>InfiniCanvas</h1>
<h2>Loading...</h2>
<div class="loading-spin-wrap">
<div class="spin">
<div>
<div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
</div>
<div id="loadingFailure">
<h3>Not loading?</h3>
<p>Your Browser might be outdated, file a Bug Report <a
href="https://github.com/CaltropUwU/InfiniCanvas/issues/new/choose">here</a>.</p>
</div>
<script>window.setTimeout(function () { var __loadFail_ = window.document.getElementById('loadingFailure'); if (__loadFail_) __loadFail_.style.display = 'block'; }, 4500)</script>
</div>
<div id="blur" class="blur"></div>
<div id="connectionLost">
<h1>Connection Lost</h1>
<h2>Attempting to reconnect!</h2>
<div class="loader"></div>
</div>
<div class="mobileZoom" id="zoomWrap">
<input type="range" min="1" max="80" value="16" id="mobileZoomSlider" orient="vertical">
</div>
<div class="svg-buttons">
<div id="optionsMenu" class="options svg-button">
<div>
<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" width="50"
height="50" viewBox="0 0 512 512">
<g>
<path fill="#2E2D3A"
d="M 327.285156 257.550781 C 327.285156 237.359375 320.140625 220.121094 305.855469 205.835938 C 291.570312 191.550781 274.332031 184.40625 254.140625 184.40625 C 233.949219 184.40625 216.710938 191.550781 202.425781 205.835938 C 188.140625 220.121094 180.996094 237.359375 180.996094 257.550781 C 180.996094 277.738281 188.140625 294.976562 202.425781 309.265625 C 216.710938 323.550781 233.949219 330.691406 254.140625 330.691406 C 274.332031 330.691406 291.570312 323.550781 305.855469 309.265625 C 320.140625 294.976562 327.285156 277.738281 327.285156 257.550781 Z M 473.570312 226.40625 L 473.570312 289.835938 C 473.570312 292.121094 472.808594 294.3125 471.285156 296.40625 C 469.757812 298.503906 467.855469 299.738281 465.570312 300.121094 L 412.710938 308.121094 C 409.09375 318.40625 405.378906 327.074219 401.570312 334.121094 C 408.234375 343.644531 418.425781 356.789062 432.140625 373.550781 C 434.046875 375.835938 434.996094 378.214844 434.996094 380.691406 C 434.996094 383.167969 434.140625 385.359375 432.425781 387.265625 C 427.285156 394.3125 417.855469 404.597656 404.140625 418.121094 C 390.425781 431.644531 381.472656 438.40625 377.285156 438.40625 C 374.996094 438.40625 372.519531 437.550781 369.855469 435.835938 L 330.425781 404.976562 C 322.046875 409.359375 313.378906 412.976562 304.425781 415.835938 C 301.378906 441.738281 298.617188 459.453125 296.140625 468.976562 C 294.808594 474.3125 291.378906 476.976562 285.855469 476.976562 L 222.425781 476.976562 C 219.757812 476.976562 217.425781 476.167969 215.425781 474.550781 C 213.425781 472.929688 212.332031 470.882812 212.140625 468.40625 L 204.140625 415.835938 C 194.808594 412.789062 186.234375 409.265625 178.425781 405.265625 L 138.140625 435.835938 C 136.234375 437.550781 133.855469 438.40625 130.996094 438.40625 C 128.332031 438.40625 125.949219 437.359375 123.855469 435.265625 C 99.855469 413.550781 84.140625 397.550781 76.710938 387.265625 C 75.378906 385.359375 74.710938 383.167969 74.710938 380.691406 C 74.710938 378.40625 75.472656 376.214844 76.996094 374.121094 C 79.855469 370.121094 84.710938 363.789062 91.570312 355.121094 C 98.425781 346.453125 103.570312 339.738281 106.996094 334.976562 C 101.855469 325.453125 97.949219 316.027344 95.285156 306.691406 L 42.996094 298.976562 C 40.519531 298.597656 38.519531 297.40625 36.996094 295.40625 C 35.472656 293.40625 34.710938 291.167969 34.710938 288.691406 L 34.710938 225.265625 C 34.710938 222.976562 35.472656 220.789062 36.996094 218.691406 C 38.519531 216.597656 40.332031 215.359375 42.425781 214.976562 L 95.570312 206.976562 C 98.234375 198.214844 101.949219 189.453125 106.710938 180.691406 C 99.09375 169.835938 88.902344 156.691406 76.140625 141.265625 C 74.234375 138.976562 73.285156 136.691406 73.285156 134.40625 C 73.285156 132.503906 74.140625 130.3125 75.855469 127.835938 C 80.808594 120.976562 90.1875 110.738281 103.996094 97.121094 C 117.808594 83.503906 126.808594 76.691406 130.996094 76.691406 C 133.472656 76.691406 135.949219 77.644531 138.425781 79.550781 L 177.855469 110.121094 C 186.234375 105.738281 194.902344 102.121094 203.855469 99.265625 C 206.902344 73.359375 209.664062 55.644531 212.140625 46.121094 C 213.472656 40.789062 216.902344 38.121094 222.425781 38.121094 L 285.855469 38.121094 C 288.519531 38.121094 290.855469 38.929688 292.855469 40.550781 C 294.855469 42.167969 295.949219 44.214844 296.140625 46.691406 L 304.140625 99.265625 C 313.472656 102.3125 322.046875 105.835938 329.855469 109.835938 L 370.425781 79.265625 C 372.140625 77.550781 374.425781 76.691406 377.285156 76.691406 C 379.757812 76.691406 382.140625 77.644531 384.425781 79.550781 C 408.996094 102.214844 424.710938 118.40625 431.570312 128.121094 C 432.902344 129.644531 433.570312 131.738281 433.570312 134.40625 C 433.570312 136.691406 432.808594 138.882812 431.285156 140.976562 C 428.425781 144.976562 423.570312 151.3125 416.710938 159.976562 C 409.855469 168.644531 404.710938 175.359375 401.285156 180.121094 C 406.234375 189.644531 410.140625 198.976562 412.996094 208.121094 L 465.285156 216.121094 C 467.757812 216.503906 469.757812 217.691406 471.285156 219.691406 C 472.808594 221.691406 473.570312 223.929688 473.570312 226.40625 Z M 473.570312 226.40625">
</path>
</g>
</svg>
<div class="options-dropdown unselectable">
<div id="video-settings">
<span>Video</span>
<span>Switch Render Mode</span>
</div>
<div id="audio-settings">
<span>Audio</span>
<span>Adjust the Volume</span>
</div>
<div id="keyboard-settings">
<span>Keyboard</span>
<span>Change Key bindings</span>
</div>
<div id="hud-settings">
<span>HUD</span>
<span>Adjust UI-Behavior</span>
</div>
<div id="misc-settings">
<span>Account</span>
<span>Change your User-Info</span>
</div>
</div>
</div>
</div>
<div id="Screenshot-Mode-Button" class="svg-button hoverable" style="margin-top: 2px; margin-left: 2px">
<svg height="46px" id="Layer_1" version="1.1" viewBox="0 0 16 16" width="46px" xml:space="preserve"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#2E2D3A">
<path
d="M8,7C6.896,7,6,7.896,6,9s0.896,2,2,2s2-0.896,2-2S9.104,7,8,7z M15,3h-2.503L12,1.771C11.734,1.18,11.422,1,11,1H5 C4.578,1,4.266,1.18,4,1.771L3.503,3H1C0.45,3,0,3.45,0,4v10c0,0.55,0.45,1,1,1h14c0.55,0,1-0.45,1-1V4C16,3.45,15.55,3,15,3z M8,13 c-2.209,0-4-1.791-4-4s1.791-4,4-4s4,1.791,4,4S10.209,13,8,13z" />
</svg>
<span class="tooltip unselectable">Screenshot-Mode</span>
</div>
<div id="Info-Button" class="svg-button hoverable">
<svg height="44px" id="info" viewBox="0 0 32 32" width="44px" xmlns="http://www.w3.org/2000/svg"
fill="#2E2D3A" style="margin-top: 4px">
<path
d=" M16 0 A16 16 0 0 1 16 32 A16 16 0 0 1 16 0 M19 15 L13 15 L13 26 L19 26 z M16 6 A3 3 0 0 0 16 12 A3 3 0 0 0 16 6 " />
</svg>
<span class="tooltip unselectable" style="left: 18%">About</span>
<span class="tooltip unselectable" id="tutorialTooltip">View the Introduction!</span>
</div>
</div>
<div class="info hoverable" id="teleportButton">
<span class="tooltip unselectable">Teleport-Menu</span>
<h1 id="coords" class="unselectable">0,0</h1>
</div>
<div class="bottomLeftInfo">
<div class="info" id="fpsWrap">
<h1 id="fps" class="unselectable">0fps</h1>
</div>
<div class="info" id="pingWrap">
<h1 id="ping" class="unselectable">0ms</h1>
</div>
</div>
<div id="rateLimitCooldown">
<p id="rateLimitCooldownText" class="unselectable"></p>
<div id="rateLimitbar"></div>
</div>
<div class="color-container" id="color_container"></div>
<div class="chatWrap" id="chatWrap">
<div class="chat" id="chat">
<div class="chat-history chat-preview" id="chat_preview"></div>
<div class="chat-history" id="history"></div>
<div class="message-box">
<textarea id="messageInput" type="text" class="message-input" placeholder="Type message..."
autocapitalize="false" autocomplete="false" minlength="1" maxlength="120"></textarea>
<div>
<span class="users-online unselectable" id="users-online"><svg version="1.1" id="usersOnline"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" width="25px" height="25px" viewBox="0 0 80.13 80.13" xml:space="preserve">
<g>
<path d="M48.355,17.922c3.705,2.323,6.303,6.254,6.776,10.817c1.511,0.706,3.188,1.112,4.966,1.112
c6.491,0,11.752-5.261,11.752-11.751c0-6.491-5.261-11.752-11.752-11.752C53.668,6.35,48.453,11.517,48.355,17.922z M40.656,41.984
c6.491,0,11.752-5.262,11.752-11.752s-5.262-11.751-11.752-11.751c-6.49,0-11.754,5.262-11.754,11.752S34.166,41.984,40.656,41.984
z M45.641,42.785h-9.972c-8.297,0-15.047,6.751-15.047,15.048v12.195l0.031,0.191l0.84,0.263
c7.918,2.474,14.797,3.299,20.459,3.299c11.059,0,17.469-3.153,17.864-3.354l0.785-0.397h0.084V57.833
C60.688,49.536,53.938,42.785,45.641,42.785z M65.084,30.653h-9.895c-0.107,3.959-1.797,7.524-4.47,10.088
c7.375,2.193,12.771,9.032,12.771,17.11v3.758c9.77-0.358,15.4-3.127,15.771-3.313l0.785-0.398h0.084V45.699
C80.13,37.403,73.38,30.653,65.084,30.653z M20.035,29.853c2.299,0,4.438-0.671,6.25-1.814c0.576-3.757,2.59-7.04,5.467-9.276
c0.012-0.22,0.033-0.438,0.033-0.66c0-6.491-5.262-11.752-11.75-11.752c-6.492,0-11.752,5.261-11.752,11.752
C8.283,24.591,13.543,29.853,20.035,29.853z M30.589,40.741c-2.66-2.551-4.344-6.097-4.467-10.032
c-0.367-0.027-0.73-0.056-1.104-0.056h-9.971C6.75,30.653,0,37.403,0,45.699v12.197l0.031,0.188l0.84,0.265
c6.352,1.983,12.021,2.897,16.945,3.185v-3.683C17.818,49.773,23.212,42.936,30.589,40.741z" />
</g>
</svg><span id="usersOnlineText">n</span></span>
<button class="chat-options"></button>
<button class="message-submit unselectable" id="messageSend">Send</button>
</div>
</div>
</div>
<button class="chat-toggle unselectable" id="chatToggle">+</button>
</div>
@@__SCRIPT_DATA_HERE__
</body>