-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
107 lines (96 loc) · 4.64 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
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
<!doctype html>
<html lang="en">
<head>
<head>
<title>All That Philly Jazz</title>
<meta charset="utf-8" />
<!-- Add these meta tags for mobile -->
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="MobileOptimized" content="320"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="cleartype" content="on">
<link rel="stylesheet" href="css/leaflet.css" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="css/leaflet.ie.css" />
<![endif]-->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="css/style.css" />
<style type="text/css">
.social {
margin-right: 10px;
}
#share {
margin-left: 10px;
}
.echonest {
margin-left: 10px;
padding: 5px;
}
</style>
<script src="http://www.rdio.com/api/api.js?client_id=301qquI78duW6zseJptpIQ"></script>
</head>
<body>
<noscript>
<div id="noscript_note">
You must have JavaScript enabled to view this page.
</div>
</noscript>
<div id="sidebar">
<div id="sidebar_header">
<h3>All That Philly Jazz</h3>
</div>
<div id="sidebar_content">
<div id="content">
<p>Philadelphia is the birthplace of our democracy. This quintessential American city made a major contribution to jazz, America's unique art form.</p>
<p><strong>All That Philly Jazz</strong> is mapping Philadelphia's rich jazz heritage. We are mapping Philly's historic places and events, including the John Coltrane House, historic markers, Walk of Fame plaques and murals. We will breathe life into legendary jazz clubs like the Show Boat, Pep's, Blue Note, Up Jump the Devil, Fantasy Lounge, and clubs along 52nd Street, aka "The Strip," and North Philly's "Miracle Mile." Clubs like the Aqua Lounge, Mr. Silk's Third Base, Foo-Foo Regan's and Watts Zanzibar.</p>
<p>We will take visitors back to the days when jazz legends performed at the Uptown, Royal, Earle and Lincoln Theaters. To contextualize the images, we will include location-based audio and information about the performers.</p>
<p>Help us tell the story. <strong>All That Philly Jazz mobile app</strong> is available on Google Play and iTunes (search term "icihere").</p>
<p>You also can share your memories <a href="https://docs.google.com/forms/d/1OpNmaABszISRbzAaOc477qShvy4uMBdtD5RiSvUMIzU/edit#" target="_blank">here</a>.</p>
<div id="share">
<ul>
<li class="float_left">
<a href="http://twitter.com/phillyjazzapp"><img class="social" src="img/twitter_icon_small.png" height="30" width="30"/><a/>
</li>
<li class="float_left">
<a href="http://facebook.com/allthatphillyjazz"><img class="social" src="img/facebook-icon-small.jpg" height="30" width="30"/></a>
</li>
<li>
<a href="#"><img class="social" src="img/g+42.png" height="30" width="30"/></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="toggle_description btn" type="button">
About this map
</div>
<div id="description_box">
<div class="x_button toggle_description btn btn-primary" type="button">
<strong>X</strong>
</div>
<div id="description_box_header"></div>
<div id="description_box_content"></div>
</div>
<div id="description_box_cover"></div>
<div id="map"></div>
<div id="credits">
<div id="credits_box">
<div id="credits_content">
<p>Created by Faye Anderson and Mark Headd for the Philly Music Day Hackathon (May 2013)</p>
<p>This app is built with <a href="http://builtbybalance.com/Tabletop/">Tabletop.js</a>, <a href="http://leafletjs.com/reference.html">Leaflet</a>, the Rdio and Echnoest APIs and is hosted on GutHub pages. Contribute to this project on <a href="https://github.com/mheadd/philly-jazz-app">GitHub</a>.</p>
<p>Site framework by <a href="https://github.com/csessig86/tabletop_to_leaflet">Chris Essig</a>.</p>
</div>
</div>
<div id="toggle_credits" class="btn" type="button">Credits</div>
</div>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
<script type="text/javascript" src="js/leaflet.js"></script>
<script type="text/javascript" src="js/tabletop.js"></script>
<script type="text/javascript" src="js/jquery.echonest.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>