Project-OPEN/map.html at master · dbow/Project-OPEN · 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
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
<!doctype html>
<html xmlns:v="urn:schemas-microsoft-com:vml">
	<head>
		<title>projectOPEN San Francisco - My Map</title>
		<meta name="description" content="projectOPEN connects the community to resources in San Francisco." />

		<meta property="og:title" content="projectOPEN San Francisco" />
        <meta property="og:description" content="projectOPEN connects the community to resources in San Francisco." />
        <meta property="og:image" content="http://www.projectopensf.org/static/img/myguidemap.png" />
        <meta property="og:type" content="website" />
        <meta property="og:url" content="http://www.projectopensf.org" />
        <meta property="og:site_name" content="projectOPEN San Francisco" />

		<link type="text/css" rel="stylesheet" href="/static/global.css" />
		<link type="text/css" rel="stylesheet" href="/static/map.css" />


		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
		<script type="text/javascript" src="http://www.google.com/jsapi"></script>
		<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
		<script type="text/javascript" src="http://crypto-js.googlecode.com/files/2.3.0-crypto-sha1.js"></script>
		<script type="text/javascript" src="/static/open.js"></script>
		<script type="text/javascript">
			{% autoescape off %}
				$(function () {
					OP.Map.createStatic({{json}});
				});
			{% endautoescape %}
		</script>
		<script type="text/javascript">

		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-25628577-1']);
		  _gaq.push(['_trackPageview']);

		  (function() {
		    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })();

		</script>
	</head>
	<body>
		<div id="header" class="clearfix">
			<h1><img alt="projectOPEN" src="/static/img/projectopen.png" /></h1>
			<ul id="nav" class="DIN-bold">
				<li><a onclick="window.close();">Go Back</a></li>
			</ul>
		</div>

		<div id="header-sub">
			<div class="header-sub-inner clearfix">
				<div class="header-sub-title">
					<div class="header-sub-title-name DIN-reg">Print Your Map</div>
					<div class="header-sub-title-info">{{cats}}</div>
				</div>
				<div class="header-sub-options">
					<div class="header-sub-option header-sub-option-link"><img src="static/img/permalink.png" /></div>
					<div class="header-sub-option header-sub-option-email"><img src="static/img/email.png" /></div>
					<!-- <div class="header-sub-option"><img src="static/img/download.png" /></div> -->
					<div class="header-sub-option header-sub-option-print last"><img src="static/img/print.png" /></div>
					<input class="rail-option-copy" style="display: none;" type="text" />
				</div>
			</div>
		</div>

		<div id="page" class="page clearfix">
			<div id="map"></div>

			<div class="resources">
				<div class="resource-col">
					{% for id, resource in resources %}
						<div class="resource">
							<div class="resource-num">{{resource.num}}.</div>
							{% for prop, val in resource.items %}
								{% if val %}
									{% if prop == 'categories' %}
										<div class="resource-prop-{{prop}}">{{ val|join:', ' }}</div>
									{% else %}{% if prop != 'num' and prop != 'geo' %}
										<div class="resource-prop-{{prop}}">{{val}}</div>
									{% endif %}{% endif %}
								{% endif %}
							{% endfor %}
						</div>
					{% endfor %}
				</div>
				<div class="resource-col">
					{% for id, resource in resources2 %}
						<div class="resource">
							<div class="resource-num">{{resource.num}}.</div>
							{% for prop, val in resource.items %}
								{% if val %}
									{% if prop == 'categories' %}
										<div class="resource-prop-{{prop}}">{{ val|join:', ' }}</div>
									{% else %}{% if prop != 'num' and prop != 'geo' %}
										<div class="resource-prop-{{prop}}">{{val}}</div>
									{% endif %}{% endif %}
								{% endif %}
							{% endfor %}
						</div>
					{% endfor %}
				</div>
			</div>
		</div>
	</body>
</html>