-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
205 lines (184 loc) · 9.89 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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Webmontag Köln</title>
<meta name="description" content="Webmontag Köln - Informelle Treffen derjeniger, welche die Zukuft des Internets gestalten." />
<link href="http://fonts.googleapis.com/css?family=Lato:300,700,900|Vollkorn" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" href="css/fontello.css">
<link rel="shortcut icon" href="favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<div id="wrap">
<div id="page">
<div id="header">
<header>
<h1 class="hide-text">Webmontag Köln</h1>
</header>
<aside>
<ul id="social-bar-header" class="social-bar">
<li><a class="facebook hide-text" href="https://www.facebook.com/WebmontagKoeln">Facebook</a></li>
<li><a class="twitter hide-text" href="https://twitter.com/wmcgn">@wmcgn</a></li>
<!-- <li><a class="nerdhub hide-text" href="http://hacken.in/events/42-webmontag-koln/">Hackn.in</a></li> -->
</ul>
</aside>
</div>
<!--
NOTICE: SEE DUPLICATED GERMAN CONTENT BELOW!
-->
<div id="content-en" class="content" lang="en">
<div class="event-box">
<div class="event-box-inner">
<h3>Next event</h3>
<div class="event-date">October 24th - 7pm</div>
<div class="event-location">Die Wohngemeinschaft - Theater</div>
<div class="event-address">Richard-Wagner-Straße 39, 50674 Köln</div>
<div class="event-attend">
<p>Attend now!</p>
</div>
<div class="event-attend-buttons">
<a href="https://www.facebook.com/events/795532943909061/" class="button"><i class="icon-facebook"></i>Facebook</a>
<a href="http://webmontag.de/location/koeln/2016-10-24" class="button"><i class="icon-wikipedia"></i>Wiki</a>
</div>
<div class="event-request">
<p>Do you want to share something?<br />
Add your talk to the <a href="http://webmontag.de/location/koeln/2016-10-24">wiki</a> or <a href="https://www.facebook.com/events/795532943909061/">comment it on facebook</a>
</p>
</div>
</div>
<div class="triangle"></div>
</div>
<div class="intro">
<p>
<a href="javascript:$('#content-en').hide();$('#content-de').show();eventBox.resizeTriangle();">Zur Deutschen Version</a>
</p>
<!-- TOPICS english version-->
<h2>It all started in Cologne …</h2>
<p>Web Monday is an informal, non-commercial, and completely community-driven event that aims to connect the people who are shaping the future of the internet. Inspired by the culture of Silicon Valley, it started out in Cologne, Germany in late 2005 in an effort to help spread those sunny California vibes.</p>
<p>Since its inception, Web Monday has spread fast: meetings are now being held on a regular basis in 40+ cities all across Germany, Austria, in Switzerland, Sweden, Silicon Valley as well as on Second Life. Nurturing the local web 2.0 and internet startup scenes, Web Monday’s 100+ meetings have attracted 1,000+ repeat participants so far, and good things have come out of it.</p>
<p>Anyone involved in web 2.0 or neighboring fields who is interested in learning and sharing with others is most welcome to join. Whether you are a thinker, builder, designer, founder or funder – Web Monday is your chance to present your product, your service, your startup, or your next big idea to a growing audience of web aficionados.</p>
</div>
</div>
<!--
NOTICE: SEE DUPLICATED ENGLISH CONTENT ABOVE!
-->
<div id="content-de" class="content" style="display: none;" lang="de">
<div class="event-box">
<div class="event-box-inner">
<h3>Nächster Termin</h3>
<div class="event-date">24. Oktober - 19 Uhr</div>
<div class="event-location">Die Wohngemeinschaft - Theater</div>
<div class="event-address">Richard-Wagner-Straße 39, 50674 Köln</div>
<div class="event-attend">
<p>Jetzt Teilnehmen!</p>
</div>
<div class="event-attend-buttons">
<a href="https://www.facebook.com/events/795532943909061/" class="button"><i class="icon-facebook"></i>Facebook</a>
<a href="http://webmontag.de/location/koeln/2016-10-24" class="button"><i class="icon-wikipedia"></i>Wiki</a>
</div>
<div class="event-request">
<p>Du möchtest den nächsten Vortrag halten?<br />
Trage deinen Vortrag ins <a href="http://webmontag.de/location/koeln/2016-10-24">wiki</a>
oder <a href="https://www.facebook.com/events/795532943909061/">schreib ein Kommentar auf facebook</a>
</p>
</div>
</div>
<div class="triangle"></div>
</div>
<div class="intro">
<p>
<a href="javascript:$('#content-de').hide();$('#content-en').show();;eventBox.resizeTriangle();">Switch to English version</a>
</p>
<!-- TOPICS deutsche version-->
<h2>Alles begann in Köln …</h2>
<p>Web Montag ist ein informelles, nicht-kommerzielles, dezentral organisiertes Treffen, das zum Ziel hat, all diejenigen
miteinander zu verbinden, die die Zukunft des Internet gestalten. Inspiriert von der Kultur Silicon Valleys startete der
Web Montag gegen Ende 2005 in Köln als Versuch, ein bisschen “kalifornischen Sonnenschein” nach Deutschland zu bringen.</p>
<p>Seitdem hat sich der Web Montag schnell weiterverbreitet: Treffen finden mittlerweile in mehr als 40 Städten überall in Deutschland und Österreich, in Schweden, Silicon Valley sowie auf Second Life statt. Als Treffpunkt und Anlaufstelle der verschiedenen lokalen Web 2.0- und Startup-Szenen hat der Web Montag mit seinen bisher 100+ Veranstaltungen bereits 1.000+ Teilnehmer angezogen, mit teils sehr erfreulichen Auswirkungen.</p>
<p>Alle, die mit Web 2.0 und benachbarten Themen zu tun haben und interessiert daran sind, ihr Wissen zu teilen und sich
miteinander auszutauschen, sind herzlich willkommen. Ob Erfinder, Ingenieur, Designer, Gründer oder Finanzier – Web Montag
ist die Gelegenheit, sein neues Produkt, Service, Startup, oder die nächste große Idee einem stetig wachsenden Publikum von
Webbegeisterten vorzustellen.</p>
</div>
</div>
<div id="map">
<div id="map-canvas"></div>
<div id="map-markers">
<div data-loc="50.9225335, 6.9625506" data-title="Cafe Walter">
<div>
<img class="location-icon" src="images/example-infobox.png" />
<p class="location-address">Cafe Walter<br />An der Bottmühle 13<br />50678 Köln</p>
<p class="location-contact"><a href="https://twitter.com/wmcgn">twitter.com/wmcgn</a></p>
</div>
</div>
</div>
</div>
<div id="hashtag">#wmcgn</div>
<div id="twitter-box">
<div id="twitter-icon">
</div>
<div id="twitter-embed">
<a class="twitter-timeline" data-widget-id="291968465496064000"></a>
</div>
</div>
<div class="contact">
Neue Vorträge, Ideen, Fragen?
<a href="mailto:[email protected]">Schreib uns</a>
oder füge es unserem <a href="http://webmontag.de/location/koeln/">Wiki hinzu</a>.
</div>
<div id="footer">
<a href="#page" title="Back to Top" id="backtotop" class="hide-text">back to top</a>
<h3>Webmontag</h3>
<div id="footer-left">
<dl id="keywords">
<dt>Webmontag</dt>
<dd>Informell</dd>
<dd>nicht-kommerziell</dd>
<dd>dezentral</dd>
<dd>Web 2.0</dd>
<dd>Wissen</dd>
<dd>Anwender</dd>
<dd>Entwickler</dd>
<dd>Gründer</dd>
<dd>Pioniere</dd>
<dd>Venture Capitalists</dd>
</dl>
</div>
<div id="footer-right">
<h4>Webmontag Köln</h4>
<p class="about-owner">c/o hack.institute UG<br />
An der Bottmühle 5, 50678 Köln</p>
<p class="about-contact">0179 1353539<br />
</div>
<div id="footer-bottom">
<p id="copyright">© 2016 // Made with love by <a href="https://twitter.com/hackinstitute" title="@railslove">@hackinstitute</a> // All rights reserved</p>
<ul id="social-bar-footer" class="social-bar">
<li><a class="facebook hide-text" href="https://www.facebook.com/WebmontagKoeln">Facebook</a></li>
<li><a class="twitter hide-text" href="https://twitter.com/wmcgn">@wmcgn</a></li>
<!-- <li><a class="nerdhub hide-text" href="http://hacken.in/events/42-webmontag-koln/">Nerdhub</a></li> -->
</ul>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="https://maps.google.com/maps/api/js?key=AIzaSyCCkoUqGUd-O3RI3cf3ZZZme0dIOri5Mf0&sensor=false"></script>
<script src="http://platform.twitter.com/widgets.js"></script>
<script src="js/infobox.min.js"></script>
<script src="js/webmontag.min.js"></script>
<script>
/*
This is my quick n dirty solution to switch content on this static page
based on the user agents prefered language. Should work on all common browsers.
*/
var language = window.navigator.userLanguage || window.navigator.language;
if (language && language.toLowerCase() == 'de') {
$('#content-en').hide();
$('#content-de').show();
}
</script>
</body>
</html>