MGS_PSV/index.html at master · tti0/MGS_PSV · GitHub

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
<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8"/>
		<title>MGS Photosphere Viewer :: Homepage</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="css/bulma.min.css">
		<link rel="stylesheet" href="css/leaflet.min.css">
		<link rel="stylesheet" href="css/spinner.css">
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
	</head>

	<body>
		<section class="section">
			<div class="container"> <!-- bulma container -->
				<div class="level"> <!-- header -->
				  <div class="col-sm-11">
				  	<h2 class="title is-2">MGS Photosphere Viewer <small class="subtitle is-4">v3.1</small></h2>
				  </div>
				  <div class="col-sm-1">
				  	<img src="img/pano-icon_1306x1166.png" height="75px" width="75px" />
				  </div>
				</div>	<!--- /header -->
				<hr>
				<div class="level"> <!-- main -->
					<div class="column"> <!-- main2 -->
						<div id="pg-map">
							<p>Click a blue marker, and then the text in the following pop-up on the map below to view a 360&deg; panoramic photosphere view of that area. Please be patient - photospheres can take anywhere up to 1 minute to load depending on client device power.</p>
							<br>
							<div id="newMapDiv" style="height: 500px;"></div>
						</div>
						<div id="pg-pano">
							<h5 class="title is-5" id="panolabel">Photosphere title here</h5>
							<div id="ps-loc"></div>
							<br>
							<button id="goback" type="button" class="button is-primary">&larr; Click to return to map</button>
						</div>
					</div> <!-- /main2 -->
				</div> <!-- /main -->
				<hr>
				<div class="level"> <!-- footer -->
					<div class="column" style="text-align:center;"> <!-- footer2 -->
						<p><a href="https://github.com/tti0/MGS_PSV" target="_blank">MGS Photosphere Viewer</a> <a href="https://github.com/tti0/MGS_PSV/releases" target="_blank">v3.1</a> by <a href="https://github.com/tti0" target="_blank">Theodore Tucker</a> under the <a href="https://www.gnu.org/licenses/gpl-3.0.txt" target="_blank">GNU GPL 3.0</a>.</p>
						<p style="font-style:italic;"><a href="README.md" target="_blank">Click here to view more info</a></p>
					</div> <!-- /footer2 -->
				</div> <!-- /footer -->
			</div> <!-- /bulma container -->
		</section>
	</body>

	<!-- JS for Map -->
	<script type="text/javascript" src="js/leaflet.js"></script>
	<script type="text/javascript" src="js/three.min.js"></script>
	<script type="text/javascript" src="js/photo-sphere-viewer.min.js"></script>
	<!-- Custom JS -->
	<script type="text/javascript" src="mgs.js"></script>

</html>