forked from railsgirls/railsgirls.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
bern2020
351 lines (266 loc) · 13 KB
/
bern2020
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
339
340
341
342
343
344
345
346
347
348
349
350
351
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Add your city name, dates and year. -->
<title>Bern 3-4th April 2020</title>
<!-- Metatext. This is what will show on the Facebook page and for instance search engines. -->
<meta name="description" content="Rails Girls is coming to Bern again!
During the free workshop we'll explore the magical world of building web applications with Ruby on Rails.">
<meta name="author" content="Rails Girls">
<link rel="shortcut icon" href="/favicon.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="./css/style.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="main.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="//use.typekit.net/nbs6fzt.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<meta property="og:image" content="http://railsgirls.com/images/railsgirls-sq.png"/>
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header>
<div class="container_12">
<a id="logo" href="/"><img src="images/railsgirls-logo.png" alt="Rails Girls" /></a>
<nav>
<a href="./events.html">Events</a>
<a href="./materials.html">Materials</a>
<a href="./press.html">Press</a>
<a href="http://blog.railsgirls.com">Blog</a>
<a href="http://guides.railsgirls.com">Guides</a>
</nav>
</div>
</header>
<!-- How to change the picture & header for site
In the assets folder there is something called rg-header.psd. Be sure to download the fonts also. Name the file rg-yourcityname-header.png and your city picture rg-yourcityname.png. Add them to /images.
Steps to show on site
1. Go to style.css
2. Add these lines, always replacing 'yourcityname' with your actual city name.
.bern#promo {
padding-left:340px;
background:url('../images/rg-bern.png') no-repeat 0 10px,
url('../images/separator.png') no-repeat center bottom;
}
It will take a while before the changes show, so don't panic!
-->
<!-- Change the header text. You can include a local hello or something else that brings context. Remember to mention the workshop is free. Remember to change to wufoo form link and dates. -->
<div id="container" class="container_12 page clearfix">
<div class="grid_12 omega alpha">
<div id="promo" class="bern">
<h1 style="text-indent: 0;" class="bern">Rails Girls Bern
<small>3./4. April 2020</small>
</h1>
<p>
Rails Girls is coming to Bern again!
During the free workshop we'll explore the magical world of building web applications with Ruby on Rails.</p>
<!-- Update the sharing texts.-->
<div id="share" class="bern">
<div>
<div style="margin:0 15px 0 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-url="" data-text="Rails Girls Bern 24./25.11.2017 - apply now!" data-count="horizontal" data-via="railsgirls" data-related="railsgirls">
Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<div id="fb-root" style=""></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=156007477805811&xfbml=1"></script>
<fb:like href="" layout="button_count" send="true" width="160" show_faces="false" font=""></fb:like>
</div>
</p>
</div>
</div>
<!-- You can use here your own contact e-mail, or we can send you the e-mails from contact@! -->
<div class="grid_4 alpha feature">
<p><strong>You learn</strong> designing, prototyping and coding with the help from our coaches.</p>
</div>
<div class="grid_4 feature">
<p><strong>You need</strong> your own laptop, curiosity and a sprinkle of imagination!</p>
</div>
<div class="grid_4 omega feature">
<p><strong>Want to help?</strong> We are looking for volunteers and Rails coaches. <a href="mailto:[email protected]">Email us</a>.</p>
</div>
<hr />
<!-- Update the texts! -->
<div class="grid_6 alpha">
<h2>Friday 3th April</h2>
<table id="schedule">
<tbody>
<tr>
<th>17:00 - 19:30 </th>
<td>
<h4>Installation party</h4>
Get know the attendees a little bit before hand. Bring your laptop if you can, so we can install Ruby on Rails for you.<br>
</td></tr>
<tr>
<th>19:30</th>
<td>
<h4>Coach dinner</h4>
All of the coaches are welcome to our coach dinner, where we'll go through the program for the next day.
</td>
</tr>
</tbody>
</table>
<hr />
<h2>Saturday 4th April</h2>
<table id="schedule">
<tbody>
<tr>
<th>9:00 - 10:00</th>
<td>
<h4>Registration, coffee and installation</h4>
During the morning we’ll install Ruby on Rails on your computer.
</td>
</tr>
<tr>
<th>10:00 - 10:15</th>
<td>
<h4>Welcome</h4>
Outline of the day & word from sponsors
</td>
</tr>
<tr>
<th>10:15 - 11:00</th>
<td>
<h4>Introduction to programming</h4>
</td>
</tr>
<tr>
<th>11:00 - 13:00</th>
<td>
<h4>Workshop</h4>
Try some Ruby!
</td>
</tr>
<tr>
<th>13:00 - 14:00</th>
<td><h4>Lunch</h4></td>
</tr>
<tr>
<th>14:00 - 14:30</th>
<td>
<h4>Bentobox</h4>
Putting technical jargon into a context. </td>
</tr>
<tr>
<th>14:30 - 18:00</th>
<td>
<h4>Workshop</h4>
Extend your application.
</td>
</tr>
<tr>
<th>18:00 - 19:00</th>
<td>
<h4>Closing Words & Apéro</h4>
Open for everyone, meet cool people interested in tech. <br>
</td>
</tr>
</tbody>
</table>
</div>
<!-- These also, just update :) You cna also add a note on Code of Conduct. For examples, check out the guides! -->
<div class="grid_5 push_1 omega side">
<h3>Everything at a glance</h3>
<p>
<strong>When:</strong> April 3th and 4th 2020<br/>
<strong>Location: <a href="https://www.puzzle.ch/de/kontakt">Puzzle ITC, Belpstrasse 37, 3007 Bern </a></strong><br/>
<strong>Applications close:</strong> February 29th <br/>
<strong>Acceptances informed:</strong> March 2020<br/>
</p>
<!-- Feel free to group the sponsors as you wish. E.g media, friends, premium sponsors etc. You know best the situation in your city! Pictures should be either 100 x 100px or 250 x 90px -->
<hr />
<h3>Partners</h3>
<p>Rails Girls Bern is co-organized with our awesome partners.</p><p>
<p>Want to help? We're looking for partners & sponsors for the non-profit event! <a href="mailto:[email protected]>">Email us</a>! </p>
<p>
<br>
<a href="http://www.puzzle.ch" style="margin:0 0 0; border:0;"><img src="./images/bern/puzzle.png" alt="Puzzle ITC GmbH" style="width: 150px; border:0; text-decoration: none;"></a><br><br>
<a href="http://www.puzzle.ch">Puzzle ITC</a> is an Open Source software and technology company. The company developed from a Start-up with big ideas to a prosperous Swiss company with more than 90 employees. Today our highly qualified and experienced team develops solutions concerning software development, system engineering, middleware, user experience and Open Source solutions.
<br>
</p>
<p>
<a href="https://www.simplificator.com/de" style="margin:0 0 0; border:0;"><img src="./images/bern/simplificator.svg" alt="Simplificator AG" style="width: 150px; border:0; text-decoration: none;"></a><br><br>
<a href="http://www.simplificator.com/de">Simplificator</a> - Complex problems simply solved. Simplificator solves complex problems in an easy way. We collaborate closely with our customers from the Idea to the development and operation. Agile software development in short iterations and release cycles with creative and highly qualified developers is what makes us stand out.
<br>
</p>
<p>
<a href="https://master21.academy/" style="margin:0 0 0; border:0;"><img src="./images/bern/Master21.jpg" alt="Master21" style="width: 150px; border:0; text-decoration: none;"></a><br>
<a href="https://master21.academy/">Master21</a> aims to give people a kickstart in tech. In our programs you learn relevant 21st century skills, like coding, creativity and critical thinking. Learn to create with code with Master21!
<br>
</p>
<p>
<br>
<a href="https://github.com/" style="margin:0 0 0; border:0;"><img src="./images/bern/GitHub.png" alt="GitHub" style="width: 150px; border:0; text-decoration: none;"></a><br><br>
At <a href="https://github.com/">GitHub</a> is the best place to share code with friends, co-workers, classmates, and complete strangers. Over three million people use GitHub to build amazing things together.
<br>
</p>
<hr/>
<h3>FAQ</h3>
<p><strong>How much does the workshop cost?</strong>
Nothing, it's free! You just need to be excited!
</p>
<p>
<strong>Who is this aimed for?</strong>
Women of any age with basic knowledge of working with a computer. We’ve had people of all ages taking part. Most of the speeches are given in english, but small group work is done in german. Please bring your laptop.
</p>
<p>
<strong>Can men attend?</strong>
Yes, but you need to be accompanied by an interested lady. Also, girls are given a priority.
</p>
<p>
<strong>I know how to program - How can I help?</strong>
We’re also looking for people to be coaches. We’ll have a two-three hour workshop before the event to walk you through the curriculum. <a href="mailto:[email protected]>">Email us</a>
</p>
</div>
<!-- Update the team list -->
<div class="coaches">
<hr />
<h2>Bern team</h2>
<a href="https://twitter.com/puzzleitc" class="grid_3">
<img src="https://pbs.twimg.com/profile_images/909689408038821888/_7luJ_77_400x400.jpg" class="organizer" />
Saraina Jenni <br/>
<small>organizer</small>
<small>@puzzleitc</small>
</a>
<img src="https://pbs.twimg.com/profile_images/909689408038821888/_7luJ_77_400x400.jpg" class="organizer" />
Anna Mund <br/>
<small>coach</small>
<small> </small>
</a>
<a href="https://twitter.com/nuriTNT" class="grid_3">
<img src="https://pbs.twimg.com/profile_images/836841069325189121/m8BmVUdB_400x400.jpg" class="coach" />
Tugce Nur Tas <br/>
<small>coach</small>
<small>@nuritnt</small>
</a>
<a href="https:" class="grid_3">
Pascal Simon<br/>
<small>coach</small>
<small> </small>
</a>
<a href="https://twitter.com/bhulliger?lang=en" class="grid_3">
<img src="https://pbs.twimg.com/profile_images/435850309/IMG_0318_400x400.jpg" class="coach" />
Brigitte Hulliger<br/>
<small>coach</small>
<small>@bhulliger</small>
</a>
</div>
<!-- /content -->
<footer>
<p>2010-2020, Rails Girls. <a href="./press.html">Contact us</a> or follow us on <a href="http://twitter.com/railsgirls">Twitter</a> and <a href="https://www.facebook.com/railsgirls">Facebook</a></p>
<p class="slogan">Get excited and make things!</p>
</footer>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-19631067-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>