-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
247 lines (217 loc) · 11.5 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
<!DOCTYPE html>
<html>
<head>
<title>Webbisauna</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/styles-v3.css">
<link rel="stylesheet" href="fonts/nexarustsans/stylesheet.css">
<link rel="stylesheet" href="fonts/encodesans/stylesheet.css">
<link rel="stylesheet" type="text/css" href="css/tito-v1-custom.css" />
<script src="js/bind-polyfill.min.js"></script>
<script src="js/smooth-scroll.min.js"></script>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery.smartresize.js"></script>
<script src="js/modernizr-latest.js"></script>
<script src="https://maps.google.com/maps/api/js?sensor=true"></script>
<script src="js/gmaps.js"></script>
<script src='https://js.tito.io/v1' async></script>
<link rel="shortcut icon" href="favicon.ico">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-56429325-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div id="navi">
<div class="wrap">
<a data-scroll href="#header" class="navi-logo-link">
<img class="navi-logo" src="img/treweb-logo-text-v2.png" />
</a>
<a data-scroll href="#about">About</a>
<a data-scroll href="#program">Program</a>
<a data-scroll href="#venue">Venue</a>
<a data-scroll href="#faq">FAQ</a>
</div>
</div>
<div id="header" class="header-section">
<div id="header-image"></div>
<div class="wrap">
<h1>Webbisauna II</h1>
<h2>Web development <span class="dim">/</span> design meetup</h2>
</div>
<div id="subheader">
<div class="wrap">
<div id="date-place">
<div class="date">
<span class="month">Apr</span>
<span class="day">01</span>
</div>
<div class="place">
Hatanpään Soutupaviljonki, Tampere
</div>
</div>
<div id="tickets">
<!--<span class="prices">Sold out!</span>-->
<!--<tito-button event="treweb/webbisauna-2016">Get tickets</tito-button>-->
</div>
</div>
</div>
</div>
<div id="about" class="about-section">
<div class="wrap">
<div class="column-half">
<h2 class="section-header">Back, bigger & better</h2>
<p>
Due to the popularity of the first Webbisauna in December 2014 (all thanks to you folks), we decided to make Webbisauna vol. II even more awesome.
</p>
<p>
Following the traditional TreWeb style, in addition to the primary track for announced speakers, we have another cozy room where anyone can have a presentation without signing up in advance.
</p>
</div>
<div class="column-half column-last">
<a data-tweet-limit="3" data-chrome="noheader nofooter noborders transparent" class="twitter-timeline" href="https://twitter.com/trewebdev" data-widget-id="517054929416908800">Tweets by @trewebdev</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script>
</div>
</div>
</div>
<div id="program" class="program-section">
<div class="wrap">
<h2 class="section-header">Schedule</h2>
<!--<p class="program-disclaimer"></p>-->
<div class="program-content">
<div class="program-row">
<span class="time">15:00</span>
<span class="topic">Registration & coffee</span>
</div>
<div class="program-row">
<span class="time">16:00 – 20:00</span>
<span class="topic">Superb talks</span>
</div>
<div class="program-row">
<span class="time">20:00 – 24:00</span>
<span class="topic">Sauna, beer, good times</span>
</div>
</div>
<h2 class="section-header talks-title">Talks</h2>
<div class="talk-wrapper">
<h3>Ember JS: An SPA Framework for the Rails guy</h3>
<h4>Antti Loponen</h4>
<p>Full Marshall stack web developer</p>
</div>
<div class="talk-wrapper">
<h3>ClojureScript for JavaScript developers</h3>
<h4>Juho Teperi</h4>
<p>Juho Teperi is a programmer at Metosin and an enthusiastic Open Source contributor. Juho has a background in JavaScript but has been working mostly with Clojure(Script) for last two years.</p>
</div>
<div class="talk-wrapper">
<h3>Effective use of a CDN</h3>
<h4>Antti Siiskonen</h4>
<p>Antti Siiskonen is the CTO of Alma Mediapartners Oy which is a part of Alma Media’s Marketplaces division. Antti has more than 15 years of experience in software development ranging from embedded systems to high volume web sites.</p>
</div>
<div class="talk-wrapper">
<h3>React Native for Web Developers</h3>
<h4>Jukka Tupamäki</h4>
<p>Entrepreneur, tech coach and software engineer at <a href="http://lemanse.fi">Lemanse Oy</a>. On the React boat since 2013.</p>
</div>
<div class="talk-wrapper">
<h3>What's so special about Elm</h3>
<h4>Ossi Hanhinen</h4>
<p>Building apps for browsers to run and users to enjoy.</p>
</div>
<!-- <div id="register-speaker">
<h2 class="section-header">Have something cool to share?</h2>
<p>Register your talk by emailing your topic to <a href="mailto:[email protected]">[email protected]</a>.</p>
</div> -->
</div>
</div>
<div id="venue" class="venue-section">
<div class="wrap">
<div class="column-half">
<h2 class="section-header">The Venue</h2>
<p>
Webbisauna II takes place at <a href="http://www.kestitcatering.fi/tilavuokraus/">Hatanpään Soutupaviljonki</a>,
close to the city center of Tampere. There will be one track for announced speakers and another, smaller room for shorter presentations and general chillout. In addition, the venue is equipped with a sauna and an outdoor hot tub to keep you warm. If the arguments heat up too much, Pyhäjärvi welcomes you to its loving embrace for a quick dip.
</p>
</div>
<div class="column-half column-last">
<div class="map-container" id="gmaps"></div>
</div>
</div>
</div>
<div id="faq" class="faq-section">
<div class="wrap">
<h2 class="section-header">Frequently Asked Questions</h2>
<div class="column-half">
<dl>
<dt>Should I bring my own towel?</dt>
<dd>No. There will be towels for everyone.</dd>
<dt>Will there be separate sauna turns for men and women?</dt>
<dd>Yes, the schedule will be published sooner or later.</dd>
</dl>
</div>
<div class="column-half column-last">
<dl>
<dt>Can I find the old Webbisauna 2014 materials somewhere?</dt>
<dd>Yes, check the <a href="2014/index.html" target="_blank">archived web page</a>.</dd>
</dl>
<dl>
<dt>Where can I find the code of conduct?</dt>
<dd><a href="#conduct" class="show-code-of-conduct">Here</a>.</dd>
</dl>
</div>
</div>
</div>
<div id="sponsors" class="sponsors-section">
<div class="wrap">
<a href="http://www.futurice.fi" target="_blank"></a><!-- Comment to prevent whitespace between inline-blocks
--><a href="http://www.leonidasoy.fi" target="_blank"></a><!--
--><a href="http://www.almamedia.fi" target="_blank"></a><!--
--><a href="http://www.metosin.fi" target="_blank"></a><!--
--><a href="http://www.vincit.fi" target="_blank"></a><!--
-->
</div>
</div>
<div id="footer" class="footer-section">
<div class="wrap">
<img src="img/treweb-logo.png" class="treweb-logo">
<p>
TreWeb Crew - <a href="http://twitter.com/trewebdev">@trewebdev</a><br>
<a href="http://twitter.com/anttti">@anttti</a> <a href="http://twitter.com/mieky">@mieky</a> <a href="http://twitter.com/jarkko">@jarkko</a> <a href="http://twitter.com/kallunkj">@kallunkj</a> <a href="http://twitter.com/rikurouvila">@rikurouvila</a> <a href="http://twitter.com/hp_heinajarvi">@hp_heinajarvi</a>
</p>
</div>
</div>
<script src="js/main.js"></script>
<div id="code-of-conduct" class="modal">
<div class="modal-overlay"></div>
<div class="modal-box">
<div class="modal-scroller">
<div class="modal-content">
<h2>Conference Code of Conduct</h2>
<p>All attendees, speakers, sponsors and volunteers at our conference are required to agree with the following code of conduct. Organisers will enforce this code throughout the event. We are expecting cooperation from all participants to help ensuring a safe environment for everybody.</p>
<p><strong>tl;dr: Be nice</strong></p>
<h3>Need Help?</h3>
<p>Contact us: <a href="http://twitter.com/anttti">@anttti</a> <a href="http://twitter.com/mieky">@mieky</a> <a href="http://twitter.com/jarkko">@jarkko</a> <a href="http://twitter.com/kallunkj">@kallunkj</a> <a href="http://twitter.com/rikurouvila">@rikurouvila</a> <a href="http://twitter.com/hp_heinajarvi">@hp_heinajarvi</a></p>
<h3>The Quick Version</h3>
<p>Our conference is dedicated to providing a harassment-free conference experience for everyone, regardless of gender, age, sexual orientation, disability, physical appearance, body size, race, or religion (or lack thereof). We do not tolerate harassment of conference participants in any form. Sexual language and imagery is not appropriate for any conference venue, including talks, workshops, parties, Twitter and other online media. Conference participants violating these rules may be sanctioned or expelled from the conference without a refund at the discretion of the conference organisers.</p>
<h3>The Less Quick Version</h3>
<p>Harassment includes offensive verbal comments related to gender, age, sexual orientation, disability, physical appearance, body size, race, religion, sexual images in public spaces, deliberate intimidation, stalking, following, harassing photography or recording, sustained disruption of talks or other events, inappropriate physical contact, and unwelcome sexual attention.</p>
<p>Participants asked to stop any harassing behavior are expected to comply immediately.</p>
<p>Sponsors are also subject to the anti-harassment policy. In particular, sponsors should not use sexualised images, activities, or other material. Booth staff (including volunteers) should not use sexualised clothing/uniforms/costumes, or otherwise create a sexualised environment.</p>
<p>If a participant engages in harassing behavior, the conference organisers may take any action they deem appropriate, including warning the offender or expulsion from the conference with no refund.</p>
<p>If you are being harassed, notice that someone else is being harassed, or have any other concerns, please contact a member of conference staff immediately.</p>
<p>Conference staff will be happy to help participants contact hotel/venue security or local law enforcement, provide escorts, or otherwise assist those experiencing harassment to feel safe for the duration of the conference. We value your attendance.</p>
<p>We expect participants to follow these rules at conference and workshop venues and conference-related social events.</p>
</div>
</div>
<span class="modal-close-icon"></span>
</div>
</div>
</body>
</html>