trial/JSONTest.html at master · clairityproject/trial · 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
<!DOCTYPE html>
<html>
<head>
<style>
    p.serif{font-family:"Times New Roman",Times,serif;}
    p.sansserif{font-family:Arial,Helvetica,sans-serif;}
h2.pos_left
{
position:relative;
left:-20px;
}

h2.pos_right
{
position:relative;
left:200px;
}


</style>
	<title>MIT Air Quality </title>
	<!--Leaflet Links-->
	<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" />
	<script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
	<!--JQuery Links-->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
	<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

	<link rel='stylesheet' href='JSONTestCSS.css'/>
	<script type="text/javascript" src='Javascript3_t.js'></script>
</head>


<body>
	<!-- <h2 class="pos_right">This heading is moved right according to its normal position</h2> -->
	<div id="logo"><img src="http://www.imageurlhost.com/images/c18mcu6qxhmpgzx7rkf.jpg" alt="Clairity Logo"></div>
	<!-- <div id="header"><h1>clAIRity</h1></div> -->
    <!--<div id="background"></div>-->

	<div id="navigation">
		<p style="display:inline">About CLAIRITY &nbsp &nbsp</p>
		<p style="display:inline"><a href="https://cee.mit.edu/">MIT CEE</a> &nbsp &nbsp</p>
		<p style="display:inline">Contact</p>
	</div>
    <div id="map"></div>
    <div id="locationheader"><h3>Current Location</h3></div>
    <div id="alpha" class="alpha1"><h3>Alpha 1</h3></div>
    <div id="alpha" class="alpha2"><h3>Alpha 2</h3></div>
    <div id="alpha" class="alpha3"><h3>Alpha 3</h3></div>
    <div id="alpha" class="alpha4"><h3>Alpha 4</h3></div>
    <div id="alpha" class="temp"><h3>Temperature</h3></div>
</body>
</html>