forked from martinburch/RichBlocksPoorBlocks_TEST
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathembed.html
122 lines (105 loc) · 5.68 KB
/
embed.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
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="Income and rent maps of every neighborhood in the U.S. See what poverty and apartments are like in cities like New York, Los Angeles, Chicago, Philadelphia, San Francisco, Miami, and more.">
<link rel="image_src" href="./images/us_income_map.PNG" />
<title>Rich Blocks, Poor Blocks | Neighborhood income and rent maps of U.S. cities</title>
<link href="./css/embed.css?v=2.0" rel="stylesheet"> <!-- CSS Stylesheet -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <!-- jQuery -->
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <!-- Google Maps API -->
<script type="text/javascript" src="./js/accounting.min.js"></script> <!-- Formats Floats into money-numbers -->
<script type="text/javascript" src="./js/main.js?v=2.0.3"></script> <!-- The main script for the site -->
<!-- Google Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36887508-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>
<!-- /Google Analytics -->
</head>
<body>
<!-- Facebook -->
<script>
(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";fjs.parentNode.insertBefore(js, fjs);}(document, "script", "facebook-jssdk"));
</script>
<div id="fb-root"></div>
<!-- /Facebook -->
<!-- ABOVE MAP -->
<div id="above-map">
<h1 id="page-hed">Rich Blocks, Poor Blocks (<a href="http://richblockspoorblocks.com" target="_blank">.com</a>)</h1>
<h2 id="page-dek">A map of income and rent in every neighborhood<br>in every city in America</h2>
<div id="address-form-container">
<!-- <span id="form-pretext"> Enter a city name or address and pick a state <br> or just a pick a state from the dropdown.</span>
-->
<br>
<div id="address-form">
<input id="address" type="text">,
<select id="state-select">
<option value="default">PICK A STATE</option>
</select>,
<select id="map-type-select">
<option value="default">PICK MAP TYPE</option>
</select>
<input id="button-search" type="button" value="Search" /> (<input type="checkbox" name="colorblind" value="colorblind"><span id="colorblind">I'm colorblind</span>)
</div>
</div>
</div>
<!-- /ABOVE MAP -->
<!-- MAP -->
<div id="map-canvas"></div>
<!-- /MAP -->
<!-- BELOW MAP -->
<div id="below-map">
<ul id="social-media">
<li>
<!-- StumbledUpon -->
<!-- Place this tag where you want the su badge to render -->
<span id="stumbledupon">
<su:badge layout="2"></su:badge>
<!-- Place this snippet wherever appropriate -->
<script type="text/javascript">
(function() {
var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true;
li.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + '//platform.stumbleupon.com/1/widgets.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s);
})();
</script></span>
</li>
<li>
<!-- LinkedIn -->
<script src="//platform.linkedin.com/in.js" type="text/javascript">
lang: en_US
</script>
<script type="IN/Share" data-url="www.RichBlocksPoorBlocks.com" data-counter="right"></script>
</li>
<li>
<!-- Twitter -->
<span id="twitter-container"><span id="twitter-tweet"><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.richblockspoorblocks.com" data-text="Want to see how much money your neighbors make and how much their rent is?" data-via="RichBlocksPoorB" data-hashtags="income,rent">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></span>
<span id="twitter-follow"><a href="https://twitter.com/RichBlocksPoorB" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @RichBlocksPoorB</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></span></span>
</li>
<li>
<!-- Facebook -->
<div class="fb-like" data-href="http://www.richblockspoorblocks.com" data-send="true" data-layout="button_count" data-width="100" data-show-faces="true" data-action="recommend"></div>
</li>
<li>
<!-- Google+ -->
<div class="g-plusone" data-size="medium"></div>
<script type="text/javascript">(function() {var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);})();</script>
</li>
<li>
<!-- Reddit -->
<span id="reddit"><script type="text/javascript" src="http://www.reddit.com/static/button/button1.js"></script></span>
</li>
</ul>
</div>
<!-- /BELOW MAP -->
</body>
</html>