-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (110 loc) · 3.71 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
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
<head>
<meta charset='UTF-8'>
<meta name='description' content='An interactive Slime Rancher map for static web.'>
<meta name='keywords' content='Slime Rancher,map,interactive'>
<meta name='author' content='Murad "Gness Erquint" Beybalaev, Anton "Antender" Volokitin'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<link rel='icon' href='./assets/favicon.ico'>
<title>Plort.me — Interactive Slime Rancher map</title>
<style>
*
{
margin:0px;
padding:0px;
}
body
{
background-color:#AAAEB4;
}
ul
{
padding-left:15px;
}
#main
{
display:flex;
flex-direction:row;
}
#sidebar
{
display:flex;
flex-direction: column;
justify-content:space-between;
margin:4px;
}
#checkboxes
{
white-space:nowrap;
}
#sidebar_footer
{
width:min-content;
width:-moz-min-content;
width:-webkit-min-content;
}
#canvas
{
width:100vw;
height:100vh;
}
</style>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src='https://www.googletagmanager.com/gtag/js?id=UA-131891326-1'></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-131891326-1');
</script>
<!-- Google Analytics end -->
</head>
<html>
<body>
<div id='main'>
<div id='sidebar'>
<div id='checkboxes'>
<label><input type='checkbox' class='checkbox' name='map' onclick='setVisibility(this)'>Map Nodes </label><br>
<label><input type='checkbox' class='checkbox' name='log' onclick='setVisibility(this)'>Logs </label><br>
<label><input type='checkbox' class='checkbox' name='gordo' onclick='setVisibility(this)'>Gordos </label><br>
<label><input type='checkbox' class='checkbox' name='key' onclick='setVisibility(this)'>Keys </label><br>
<label><input type='checkbox' class='checkbox' name='gate' onclick='setVisibility(this)'>Gates </label><br>
<label><input type='checkbox' class='checkbox' name='vault' onclick='setVisibility(this)'>Vaults </label><br>
</div>
<div id='sidebar_footer'>
<div id='donate'>
<p>
If you enjoy using this map we made, please consider donating.
</p>
<form action='https://www.paypal.com/cgi-bin/webscr' method='post' target='_blank'>
<!-- Identify your business so that you can collect the payments. -->
<input type='hidden' name='business' value='[email protected]'>
<!-- Specify a Donate button. -->
<input type='hidden' name='cmd' value='_donations'>
<!-- Specify details about the contribution -->
<input type='hidden' name='item_name' value='Plort.me (srmap) donation'>
<input type='hidden' name='item_number' value=''>
<input type='hidden' name='currency_code' value='USD'>
<!-- Display the payment button. -->
<input type='image' name='submit'
src='https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif' alt='Donate'>
<img alt='' width='1' height='1' src='https://www.paypalobjects.com/en_US/i/scr/pixel.gif'>
</form>
</div>
<p>
Every bit counts.
</p>
<hr>
<p>
This page was made by two people:<ul><li>Murad "Gness Erquint" Beybalaev ([email protected])</li><li>Anton "Antender" Volokitin ([email protected])</li></ul>It is hosted with <a href='https://github.com/Erquint/srmap' target='_blank'>GitHub</a> Pages and still is in active development.
</p>
</div>
</div>
<div id='canvas'></div>
<div>
<script src='./js/openseadragon.js'></script>
<script src='./js/cycle.js'></script>
<script src='./js/lodash.js'></script>
<script src='./js/unfetch.umd.js'></script>
<script src='./js/index.js'></script>
</body>
</html>