forked from apr94/Relokit
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
83 lines (66 loc) · 3.79 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
<!DOCTYPE html>
<html>
<head>
<title>Relokit</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/formCSS.css">
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>
<script src="lib/d3/d3.js" charset="utf-8"></script>
<script src="js/jquery.js" charset="utf-8"></script>
<script src="js/mapscript.js"></script>
<script src="js/mapcontrols.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript" src="js/meny.js"></script>
<script src="js/facebook.js"></script>
<script src="js/animatemenu.js"></script>
<script src="js/animatefacebook.js"></script>
</head>
<body>
<div id="fb-root"></div>
<div id="description">
<div id="resultsdiv">
<h1>Results</h1></div>
</div>
<div id="mapcontainer">
<div id="map-canvas"></div>
<div id="Straight-mask"></div>
<div id="facebook">
<div class="fb_header"><b> Facebook Console <span id="extra-text">- Location Recomendations (NAME)<span></b> <div id="fb-container"><div id="fb" class="fb_text"><fb:login-button autologoutlink="true"></fb:login-button> <span id="toprofile"><b>to your profile...</b></span></div></b></div></div>
<!--<div id="fb-container"><div id="fb" class="fb_text"><fb:login-button autologoutlink="true"></fb:login-button></div></b></div>-->
<div class="console-element" id="fb_religion"><div class="fb_text"> Your religion is <religion_text></religion_text> Would you like to generate places of worship? <button class="fb_button generate" onclick="showMarkers('religion')">Generate</button> <button class="fb_button clear" onclick="removeMarkers()">Clear</button></div></div>
<div class="console-element" id="fb_relationship "><div class="fb_text"> You are: <relationship_text></relationship_text>. Would you like to generate romantic places? <button class="fb_button generate" onclick="showMarkers('relationship')">Generate</button> <button class="fb_button clear" onclick="removeMarkers()">Clear</button></div></div>
<div id="fb_likes">From your likes, you seem to <likes></likes> <a onclick="toggleVisibility('fb_likes')"><u>Close</u></a><br/><button onclick="showMarkers('likes')">Generate</button> <button onclick="removeMarkers()">Clear</button></div>
<div class="console-element"><div class="fb_text"> <b>------- End of Console Recommendations ------ </b></div></div>
</div><!-- END FACEBOOK -->
<div id="toggle_houses"><button class="fb_button" onclick="toggleHouses()">Toggle Houses</button></div>
<div id="arrow"></div>
<div id="door-knob"></div>
<div id="place-markers" onclick="place_some_markers()"></div>
<button id="expander" onclick="expand()"><</button>
<div id="menu" >
<div id="formdiv">
<form style="width: 280px">
<p>
<label for="amount">Rent range per month:</label>
<input type="text" id="amountPrice" style="border: 0; color: #f6931f; font-weight: bold;" />
</p>
<div id="slider-range"></div>
<p>
<label for="amount">Minimum number of bedrooms:</label>
<input type="text" id="amountBedrooms" style="border: 0; color: #f6931f; font-weight: bold;" />
</p>
<div id="slider-range-max"></div>
</form>
</div>
<div id="locationsdiv"></div>
<div id = "buttondiv" onclick = "calculate()"><button>Go!</button></div>
</div>
</div>
<script src="js/menuInitScript.js" charset="utf-8"></script>
<script src="js/menyInitScript.js" charset="utf-8"></script>
</body>
</html>