-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
58 lines (54 loc) · 2.14 KB
/
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
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
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<head>
<title>Telehack: Map All the Hosts</title>
<script src="https://d3js.org/d3.v5.js"></script>
<script src="scripts/FileSaver.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="content">
<div class="staticTooltip">
<p>Host Name: <span id="ttHost"></span></p>
<p>OS: <span id="ttOS"></span></p>
</div>
<div class="searchBox">
<input type="text" id="search" /> <input type="button" id="btnSearch" value="Search" />
<span id="notFound" style="color:red"></span>
</div>
<div class="title">
<h2>Telehack 2020: COVID Edition</h2>
</div>
<div class="svg-network-container" id="svg-container">
<div id="loading">
<span>Please wait, graph is loading...</span>
</div>
<svg width="1000" height="800">
<defs>
<pattern id="image" patternContentUnits="objectBoundingBox" height="100%" width="100%">
<image height="1" width="1" xlink:href="images/covid.png" preserveAspectRatio="none" />
</pattern>
</defs>
</svg>
</div>
<div class="right-column">
<b>Instructions</b><br/>
Hover over nodes to view their name and connections.<br/>
Click + drag to pan.<br/>
Mousewheel to zoom.<br/>
<input type="checkbox" id="covidCheckbox" onclick="covidCheckbox()" checked/> Covid Mode <br/>
<br/>
<b><a href="minimal.html">Alternate visualization: Minimal mapping</a></b> <br/><br/>
<input type="button" id="saveSvg" value="Download SVG"/>
</div>
</div>
<br/>
<u>Developer Tools (use at your own risk)</u><br/>
<input type="button" onclick="savepositions()" value="Save Positions"/>
<input type="button" onclick="stop()" value="Stop Simulation"/>
<input type="button" onclick="start()" value="Start Simulation"/>
<input type="button" onclick="cancelvel()" value="Zero Velocities"/>
<script type="text/javascript" src="scripts/network.js"></script>
</body>
</html>