forked from tangrams/generic-demo
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
162 lines (142 loc) · 6.8 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!doctype html>
<!--
Tangram: real-time WebGL rendering for OpenStreetMap
http://github.com/tangrams/tangram
http://mapzen.com
-->
<html prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta property="og:url" content="https://alternatives.berlin/" />
<meta property="og:title" content="Freitag 9.10.2015 : 22~00 : circus homo novus @ alleins / Mellow Park" />
<meta property="og:description" content="Gegenüber der Alten Försterei liegt ein Großod der Berliner Randbezirkkultur: Alleins + Mellow Park öffnen ihre jahrzentealten Pforten uns hypersensiblen Innenstädtern. Achja, und #jon30 ahoj!" />
<meta property="og:image" content="https://alternatives.berlin/letsfetz.png" />
<meta property="og:site_name" content="alternatives berlin" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@circushomonovus" />
<meta property="twitter:creator" content="@almereyda" />
<meta property="twitter:title" content="Freitag 9.10.2015 : 22~00 : circus homo novus @ alleins / Mellow Park" />
<meta property="twitter:description" content="Gegenüber der Alten Försterei liegt ein Großod der Berliner Randbezirkkultur: Alleins + Mellow Park öffnen ihre jahrzentealten Pforten uns hypersensiblen Innenstädtern. Achja, und #jon30 ahoj!" />
<meta property="twitter:image" content="https://alternatives.berlin/letsfetz.png" />
<title>alternatives berlin</title>
<link rel="stylesheet" href="lib/Leaflet/leaflet.css" />
<link rel="stylesheet" href="lib/ionicons/css/ionicons.min.css" />
<link rel="stylesheet" href="lib/leaflet.awesome-markers/leaflet.awesome-markers.css">
<link rel="stylesheet" href="style.css" />
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<style>
body {
margin: 0px;
border: 0px;
padding: 0px;
}
#map {
background: rgba(0, 0, 0, 0);
height: 100%;
width: 100%;
position: absolute;
}
</style>
</head>
<body>
<input type="checkbox" id="drawer-toggle" name="drawer-toggle" checked />
<label for="drawer-toggle" id="drawer-toggle-label"></label>
<div id="drawer">
<!-- <iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/226287454&color=7b2ed7&auto_play=false&hide_related=true&show_comments=true&show_user=true&show_reposts=false"></iframe> -->
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/226856704&color=a331e6&auto_play=false&hide_related=true&show_comments=true&show_user=true&show_reposts=false"></iframe>
</div>
<div id="map"></div>
<div id="slides_container" class="visible">
<div id="navs">
<div id="dots"></div>
<div id="navButtons">
<ul>
<li><a class="prev"></a></li>
<li><a class="next"></a></li>
</ul>
</div>
</div>
<div id="slides">
<div class="slide">
<h1>Let's fetz!</h1>
<img src="/jon30_512.png" alt="Jon wird 30! Das wird gefeiert." />
<h2>Freitag, 9.10. - ab 22 Uhr</h2>
<p>Am Freitag, den 9.10.2015 wird eines der Gründungsmitglieder des <a href="http://chn.io/" target="_blank">circus homo novus</a> dreißig Jahre alt.</p>
<h2>alleins im Mellow Park</h2>
<p>Kommt zum gediegenen mitfeiern ab 22 Uhr zum Spendenpreis ins <a href="http://alleins.de/" target="_blank">alleins</a> auf dem <a href="https://www.mellowpark.de/" target="_blank">Mellow Park</a>.</p>
<p>Bombastisch bassige Abendunterhaltung erwartet euch.</p>
</div>
<div class="slide">
<h2>circus homo novus</h2>
<img src="/circus_blak.svg" alt="Der Circus!" />
<h3>timetable</h3>
<h4>dj café</h4>
<p>
<div>16-18 almereyda</div>
<div>18-22 dub "<a href="http://goldmund.berlin" target="_blank">goldmund</a>" peteph</div>
</p>
<h4>rambazamba</h4>
<p>
<div>22-23:30 nicht lars lavendel</div>
<div>23:30 ~ 1 ghost notes</div>
<div>1 ~ 2:30 mahäc and the incredible damengedeck</div>
<div>2,5-4,5=-2 unkraut nonkey tunes</div>
<div>⚝ walking whales</div>
</p>
<h1>Zusatznote</h1>
<p>Wer in dieser Bitterkälte gerne draußen ist, kann auch schon 18 Uhr zum DJ Café eintrudeln.</p>
<p>Zum Fingerfoodbuffet wird eine Suppe gereicht.</p>
</div>
<div class="slide">
<h1>S Bahn Anschluss</h1>
<img src="/sbahn.svg" alt="S-Bahn" />
<p>Viele werden sagen:</p>
<h2>Das ist ja viel zu JWD!</h2>
<p>Aber halt:</p>
<p>Gleich auf dem anderen Spreeufer finden wir den S Bahnhof Spindlersfeld.</p>
<p>Ein wenig nordöstlicher ist denn auch der S Bahnhof Köpenick.</p>
</div>
<div class="slide">
<h1>S Spindlersfeld</h1>
<img src="/s47.svg" alt="S-Bahn" />
</div>
<div class="slide">
<h1>S Köpenick</h1>
<img src="/s3.svg" alt="S-Bahn" />
</div>
<div class="slide">
<h1>Bis gleich</h1>
<p>Und danke für eure Geduld mit den Einladungen.</p>
</div>
</div>
</div>
<!-- 3rd party libraries -->
<script src="lib/Leaflet/leaflet.js"></script>
<script src="lib/leaflet.awesome-markers/leaflet.awesome-markers.min.js"></script>
<script src="lib/leaflet.ajax.min.js"></script>
<!-- End of 3rd party libraries -->
<!-- Main Mapzen tangram library -->
<script src="lib/tangram.min.js"></script>
<!-- CartoDB Odyssey library -->
<script src="lib/odyssey.js"></script>
<!-- Demo module -->
<script src="main.js"></script>
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//piwik.allmende.io/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', 12]);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="//piwik.allmende.io/piwik.php?idsite=12" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code -->
</body>
</html>