-
Notifications
You must be signed in to change notification settings - Fork 15
/
index.html
338 lines (297 loc) · 20 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
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Hannover.js - Hannover's monthly JavaScript Meetup</title>
<meta name="description" content="Hannover.js is a usergroup focused on JavaScript and related
stuff. The idea has gained great interest around lower saxonys JavaScript folks. We meet regularly
on the 4th thursday each month at 7pm. at Dr. Buhmann Schule, Prinzenstraße 13, 30159 in Hannover.">
<meta name="keywords" content="JavaScript, Meetup, Usergroup, Hannover, Development">
<meta name="author" content="Hannover.js">
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/normalize.css"/>
<link rel="stylesheet" type="text/css" href="css/styles.css"/>
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="wrap">
<header>
<img alt="HannoverJS Logo" src="images/hannoverjs-logo-150x150.png" width="150" height="150" class="logo"/>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#talks">Talks</a></li>
<li><a href="#talkIdeas">Talk ideas</a></li>
<li><a href="#about">About</a></li>
<li><a href="#speakers">Speakers</a></li>
<li><a href="#drinkjs">DrinkJS</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="social-bookmarks">
<a href="http://facebook.com/hannoverjs"><img alt="Facebook Button" src="images/icons/social-bookmarks/facebook.png"/></a>
<a href="http://twitter.com/#!/hannoverjs"><img alt="Twitter Button" src="images/icons/social-bookmarks/twitter.png"/></a>
<a href="http://www.flickr.com/photos/hannoverjs"><img alt="Flickr Button" src="images/icons/social-bookmarks/flickr.png"/></a>
</div>
<div class="sponsors">
<h3>Sponsors</h3>
<a href="http://buhmann.de/"><img alt="Dr. Buhmann Schule" src="images/buhmann.jpg" width="100" align="right"/></a>
</div>
<div class="jsdocs">
<a href="https://developer.mozilla.org/en/JavaScript"><img alt="Promote JS banner" src="http://static.jsconf.us/promotejsv.gif" width="100" align="right"/></a>
</div>
</header>
<section class="content">
</section>
<footer>
<section class="socialize">
<h1>Sozialize</h1>
<ul>
<li><span>Hannover.js on <a href="http://www.twitter.com/#!/hannoverjs/">Twitter</a></span></li>
<li><span>Hannover.js on <a href="http://www.facebook.com/hannoverjs">Facebook</a></span></li>
<li><span>Hannover.js on <a href="http://www.flickr.com/photos/hannoverjs">Flickr</a></span></li>
</ul>
</section>
<section class="get-in-touch">
<h1>Get in touch</h1>
<ul>
<li>
<a href="http://www.twitter.com/#!/cburgdorf/">Christoph Burgdorf</a> <span class="founder">(Founder)</span></li>
<li><a href="http://www.twitter.com/#!/PascalPrecht/">Pascal Precht</a></li>
</ul>
</section>
<section class="location">
<h1>Location</h1>
<ul>
<li><a href="http://www.buhmann.de/">Dr. Buhmann Schule</a></li>
</ul>
</section>
<p class="copyright">Copyright © Hannover.js - Hannover's monthly JavaScript Meetup 2011 </p>
</footer>
</div>
<script type="text/template" id="drinkjs_template">
<article>
<header>
<h1>DrinkJS</h1>
</header>
<h2>We've got something new!</h2>
<p>HannoverJS goes #DrinkUp! We do now meet every second month for a drinkup with all the JS folks in
Hannover and around! Come and join us. Follow <a href=http://twitter.com/#!/DrinkJS>@DrinkJS</a>
for more information! </p>
<a href=http://twitter.com/#!/DrinkJS><img src=images/DrinkJS-Logo.png width=200 align=center /></a>
</article>
</script>
<script type="text/template" id="home_template">
<article>
<header>
<h1>Welcome!</h1>
</header>
<section class="introduction">
<header>
<h2>Hannover's monthly JavaScript Meetup</h2>
</header>
<p>Hannover.js is a usergroup focused on JavaScript and related
stuff. The idea has gained great interest around lower saxonys JavaScript folks. We meet regularly
on the 4th thursday each month at 7pm. at Dr. Buhmann Schule, Prinzenstraße 13, 30159 in Hannover.</p>
<p>You can keep up to date by following <a href="http://twitter.com/#!/hannoverjs">Hannover.js' tweets</a>,
sending us a mail, or visting our <a href="http://facebook.com/hannoverjs">Facebook Page</a>.</p>
<section>
<p>For more impressions click one of those images and get the full love of the JavaScript-Community
of Hannover on <a href="http://www.flickr.com/photos/hannoverjs">Flickr!</a></p>
<aside>
<div class="promote-image one">
<a href="http://www.flickr.com/photos/hannoverjs"><img alt="Photo from a HannoverJS meeting" src="images/promote_1.jpg" /></a>
</div>
<div class="promote-image two">
<a href="http://www.flickr.com/photos/hannoverjs"><img alt="Photo from a HannoverJS meeting" src="images/promote_2.jpg" /></a>
</div>
<div class="promote-image">
<a href="http://www.flickr.com/photos/hannoverjs"><img alt="Photo from a HannoverJS meeting" src="images/promote_3.jpg" /></a>
</div>
</aside>
<aside>
<div class="promote-image one">
<a href="http://www.flickr.com/photos/hannoverjs"><img alt="Photo from a HannoverJS meeting" src="images/promote_4.jpg" /></a>
</div>
<div class="promote-image two">
<a href="http://www.flickr.com/photos/hannoverjs"><img alt="Photo from a HannoverJS meeting" src="images/promote_5.jpg" /></a>
</div>
<div class="promote-image">
<a href="http://www.flickr.com/photos/hannoverjs"><img alt="Photo from a HannoverJS meeting" src="images/promote_6.jpg" /></a>
</div>
</aside>
</section>
</section>
</article>
</script>
<script type="text/template" id="about_template">
<article>
<header>
<h1>About</h1>
</header>
<section>
<header>
<h2>What it is all about</h2>
</header>
<p>As There're many JavaScript usergroups out there, like <a href="http://colognejs.de/">Cologne.js</a>, <a href="http://berlinjs.org">Berlin.js</a>, <a href="http://www.munichjs.org/">Munich.js</a> and
<a href="http://www.meetup.com/hamburg-js/">Hamburg.js</a>, <a href="http://twitter.com/#!/cburgdorf">Christoph Burgdorf</a> decided to bring
another JavaScript usergroup to life in Hannover. So here it is!<p>
<p>Hannover.js is a usergroup focused on JavaScript and related
stuff. The idea has gained great interest around lower saxonys JavaScript folks. We meet regularly
on the 4th thursday each moneth at 7pm. at Dr. Buhmann Schule, Prinzenstraße 13, 30159 in Hannover.</p>
<p>Our sessions focus on specific subjects, such as using JavaScript Patterns, or developing with frameworks. Other meetups are more open and collaborative, e.g. show n’ tells and hack nights. We put as much emphasis into learning new things, as into coming together as a community and making connections that are useful in our daily work as web developers.</p>
<p>You can keep up to date by following <a href="http://twitter.com/#!/hannoverjs">Hannover.js' tweets</a>,
sending us a mail, or visting our <a href="http://facebook.com/hannoverjs">Facebook Page</a>.</p>
<h2>Communication</h2>
<ul>
<li><a href="http://hannoverjs.de">HannoverJS.de</a> is the official homepage.</li>
<li><a href="http://twitter.com/#!/hannoverjs/">Follow @hannoverJS</a> on twitter for announcements</li>
<li>Take a look at our <a href="http://facebook.com/hannoverjs">Facebook site.</a></li>
</ul>
</section>
</article>
</script>
<script type="text/template" id="talks_template">
<article>
<header>
<h1>Talks</h1>
</header>
<section>
<header>
<h2>Next meetup: 26th April!</h2>
</header>
<p>Don't miss! Here is a list of all announced talks for the very next <a href="http://hannoverjs.de/">Hannover.js</a> Meetup. No topic you like? Feel free to contribute and add yourself to the list! You can also let us know, if there is a topic you really would like to listen in a talk someday on Hannover.js.</p>
</section>
<div class="speaker">
<div class="avatar">
<a href="http://twitter.com/#!/cburgdorf"><img src="http://gravatar.com/avatar/1bb69b75c5e73a7c9f4ebbc4835d622f?s=130" align="left"/></a>
</div>
<h3>Christoph Burgdorf — <span>Know your toolset - Chrome Developer Tools</span></h3>
<p>Developing applications is an complicated task by itself. However it's getting even overly complicated if you aren't familiar with your toolset.</p>
<p>JavaScript enthusiast Christoph Burgdorf will show us how to effectively debug web applications with the Chrome Developer Tools</p>
</div>
</article>
</script>
<script type="text/template" id="talkIdeas_template">
<article>
<header>
<h1>Talk Ideas</h1>
</header>
<section>
<header>
<h2>Let's brainstorm together!</h2>
</header>
<p>No idea what to talk about? Looking for someone to demystify the magic? This is the right place to collect ideas for upcoming talks. No matter if you see yourself as speaker or listener. Share your ideas here!</p>
<div class="speaker clearfix">
<div class="avatar">
<img alt="Chrome" src="images/chrome_logo.jpg" width="130px" height="130px"/>
</div>
<h3>Chrome Developer Tools - Know your tools</h3>
<p>The idea is to provide the audience with all nitty gritty about how to debug and examine a webapp with the Chrome Developer Tools.</p>
</div>
<div class="speaker clearfix">
<div class="avatar">
<img alt="Require.js" src="images/requirejs_logo.gif" width="130px" height="130px"/>
</div>
<h3>RequireJS - Working with modular Javascript</h3>
<p>Give an introduction to the idea of modularizing JavaScript applications in general. Furthermore demonstrate real-life use-case, f.e. in the context of Backbone.js.</p>
</div>
</section>
</article>
</script>
<script type="text/template" id="speakers_template">
<article>
<header>
<h1>Speakers</h1>
</header>
<div class="speaker">
<div class="avatar">
<a href="http://twitter.com/#!/cburgdorf"><img alt="Photo of Christoph Burgdorf" src="http://gravatar.com/avatar/1bb69b75c5e73a7c9f4ebbc4835d622f?s=150" /></a>
</div>
<h3>Christoph Burgdorf <span>(Founder)</span></h3>
<p>Christoph works as a fulltime developer for <a href="http://www.dff-solutions.de/">dff-solutions</a>. His team and he are working on the future of logistics productivity.</p>
<p>Although he has a strong C# background, his passion does not stop there. In recent years, Christoph has developed a strong affinity for JavaScript. In his spare time he also likes to hack on FOSS projects. His contributions have been made in a variety of projects: <a href="http://banshee.fm">banshee</a>, <a href="http://jqueryui.com">jquery-ui</a>, <a href="http://live.gnome.org/Tasque">tasque</a>, <a href="http://www.trirand.com/blog/">jqGrid</a> to name a few.</p>
<p>He is also the founder of the Hannover.js event. If you like to hire him for freelance work a short twitter call usually works best!</p>
<div class="contact">
<ul>
<li><a href="http://cburgdorf.wordpress.com/">www.cburgdorf.com</a></li>
<li><a href="http://twitter.com/#!/cburgdorf/">@cburgdorf</a></li>
<li><a href="https://plus.google.com/109268149954739698617/">+Christoph Burgdorf</a></li>
</ul>
</div>
</div>
<div class="speaker">
<div class="avatar">
<a href="http://twitter.com/#!/PascalPrecht"><img alt="Photo of Pascal Precht" src="http://www.gravatar.com/avatar/447b70556cb99e6dfcfea71942a3e68e?s=150" /></a>
</div>
<h3>Pascal Precht</h3>
<p>Pascal is currently completing an apprenticeship as an IT specialist for application development and works as a Web Application Developer at <a href="http://flyerheaven.de">flyerheaven.de</a>. As a flyerheavy he works mainly on PHP-based web applications and implemented shop systems with a strong development team. In his spare time he works on open source projects such as CakePHP to expand his knowledge.</p>
<p>Pascal also speaks at developer conferences such as <a href="http://hannoverjs.de">Hannover.js</a> and gives workshops at <a href="http://justaddicted.com">Just.Addiced workshops</a>. If he doesn't meet code enthusiasts and the weather is on his side, he takes his skateboard to get rid of any code in his head. You can get in touch with him by <a href="http://xing.com/profile/Pascal_Precht">Xing</a>, <a href="http://twitter.com/#!/PascalPrecht">Twitter</a>, <a
href="http://www.facebook.com/PascalPrecht">Facebook</a> and occur naturally in contact via <a href="mailto:pascal.precht@googlemail.com">email</a>.</p>
<div class="contact">
<ul>
<li><a href="http://hopelessart.com/">www.hopelessart.com</a></li>
<li><a href="http://twitter.com/#!/PascalPrecht/">@PascalPrecht</a></li>
</ul>
</div>
</div>
<div class="speaker">
<div class="avatar">
<a href="http://twitter.com/#!/lsinger"><img alt="Photo of Leif Singer" src="http://gravatar.com/avatar/ed7c5100c5f8598e99e854d2b252f59e?s=150" /></a>
</div>
<h3>Leif Singer</h3>
<p><a href="http://leif.me">Leif</a> works as a research assistant and PhD student at the <a href="http://www.se.uni-hannover.de/pages/de:mitarbeiter_leif_singer">University of Hannover</a>. He teaches software engineering to computer science students, advices Bachelor's and Master's theses and does research on how to systematically engineer social software and the mechanisms it provides.</p>
<p>On the web since 1996, he's been the co-founder of a vc-backed start-up, worked for a local IT consultancy, and financed his studies doing freelance web development. He prefers Java and the <a href="http://playframework.org">Play! framework</a> for the back-end and enjoys playing with several front-end frameworks for rich JavaScript clients, such as <a href="http://cappuccino.org">Cappuccino</a>.</p>
<div class="contact">
<ul>
<li><a href="http://leif.me/">www.leif.me</a></li>
<li><a href="http://twitter.com/#!/lsinger/">@lsinger</a></li>
</ul>
</div>
</div>
</article>
</script>
<script type="text/template" id="contact_template">
<article>
<header>
<h1>Contact</h1>
</header>
<section>
<h2>We are waiting for you!</h2>
<p>There are many different ways to get in touch with <a href="http://hannoverjs.de">Hannover.js</a>. Take a look at the list below and decide how you would like to get in contact with us. We're looking forward to seeing you at the next Hannover.js meetup!</p>
<ul>
<li>Twitter: <a href="http://twitter.com/#!/hannoverjs">@hannoverjs</a></li>
<li>Facebook: <a href="http://facebook.com/hannoverjs">www.facebook.com/hannoverjs</a></li>
<li>Website: <a href="http://hannoverjs.de">www.hannoverjs.de</a></li>
<li>Email: <a href="mailto:christoph.burgdorf@bvsn.org">Christoph Burgdorf</a></li>
</ul>
<br/>
<br/>
<!-- Begin MailChimp Signup Form -->
<link href="http://cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="http://hannoverjs.us4.list-manage1.com/subscribe/post?u=104d4b6d506be1c64571305dd&id=7b820fc8ad" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<label for="mce-EMAIL">Subscribe to our mailing list</label>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup-->
</section>
</article>
</script>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="js/jquery.js"></script>
<script src="js/underscore.js"></script>
<script src="js/backbone.js"></script>
<script src="js/hannoverjs-app.js"></script>
</body>
</html>