index.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

<!doctype html>
<html lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Derelict</title>
<body>
<div id="wrapper">
	<div id="container"></div>
	<div id="toolbar">
		<h1>Derelict</h1>
		<p>LMB and drag in space to rotate camera.<br>RMB and drag in space to move camera.
		<p>LMB wreck to open killmail.<br>RMB wreck to focus camera.
		<p>Address must contain <code>related</code> parameter to show some wrecks.
		<br>Currently there is no service that would offer an API to acquire battle reports, so only battles that I
		uploaded manually are available as of now:
		<ul>
			<li><a href="?related=30002016_202012141900">Random nano gang</a>
			<li><a href="?related=30002537_202104060300">Battle in Amamake</a>
			<li><a href="?related=31000376_202103301800">Another nano gang</a>
			<li><a href="?related=31001761_202012040000">Foxholers eviction defense</a>
		</ul>
		<p>I plan to address this issue.
		<h2>Grid</h2>
		<select id="grid"></select>
		<h2>Timeline</h2>
		<input type="range" id="timeline">
	</div>
</div>
<script type="module" src="derelict.js"></script>