forked from railsgirls/railsgirls.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
amman.html
334 lines (296 loc) · 13.4 KB
/
amman.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Add your city name, dates and year. -->
<title>Amman 19-20th Dec 2014</title>
<!-- Write a metatext. This is what will show on the Facebook page and for instance search engines. -->
<meta name="description" content="Rails Girls goes Amman! 19-20th Dec: join the two-day crash-course to the exciting 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="https://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="https://railsgirls.tumblr.com/">Blog</a>
<a href="https://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.
.yourcityname#promo {
padding-left:340px;
background:url('../images/rg-yourcityname.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="amman" style="padding-top: 0;">
<h2>Rails Girls Amman
<small>Dec 19-20th 2014</small>
</h2>
<p>Marhaba Amman!</p>
<p> Rails Girls Amman is a <b>free programming workshop</b> that aims at teaching girls how to make websites using
<b>Ruby on Rails</b>.</p>
<p> At the workshop, you will follow some tutorials, and will be guided by coaches, who are expert in the field of web development.</p>
<p> Join us, and build your next idea on the web.</p>
<p> Registration is open until <b>Dec 11th, 2014.</b></p>
<div style="text-align: center;">
<h3> Applications are now closed.</h3>
</div>
<!-- Update the sharing texts.-->
<div id="share">
<div>
<div style="margin:0 15px 0 0;">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="" data-text="Rails Girls Amman Dec 19-20th 2014 - 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 19th December</h2>
<table id="schedule">
<tbody>
<tr>
<th>18.00 -</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>21.00 -</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 20th December</h2>
<table id="schedule">
<tbody>
<tr>
<th>9:00 - 10:00</th>
<td>
<h4>Registration, coffee and installation fest</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:20 - 10:45</th>
<td>
<h4>Designing your web app -workshop</h4>
</td>
</tr>
<tr>
<th>10:50 - 11:10</th>
<td>
<h4><a href="http://www.tryruby.org">Tryruby.org</a></h4>
<strong>Let's get coding!</strong>
</td>
</tr>
<tr>
<th>11:10 - 13:00</th>
<td>
<h4>WORKSHOP</h4>
Jumpstart your first web application
</td>
</tr>
<tr>
<th>13:00 - 13:30</th>
<td><h4>Lunch</h4></td>
</tr>
<tr>
<th>13.30- 13:45</th>
<td>
<h4>Bentobox - Understanding Web Apps</h4>
Recap of what we’ve learned and how it all fits together.
</td>
</tr>
<tr>
<th>13:45 - 14:30</th>
<td>
<h4>Lightning talks from coaches</h4>
</td>
</tr>
<tr>
<th>14:30 - 16:30</th>
<td>
<h4>WORKSHOP</h4>
Extend your application.
</td>
</tr>
<tr>
<th>20:00 -</th>
<td>
<h4>Afterparty</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>Information</h3>
<p>
<p><strong>Applications close:</strong> December 11th 2014<br/>
<strong>Acceptances informed:</strong> December 13th 2014</p>
<strong>Location:</strong>
<a href="http://goo.gl/BLcjAG">Umniah's The Tank, King Hussein Business Park</a>
</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 -->
<h3>Sponsers</h3>
<p>Rails Girls Amman is co-organized with our awesome sponsors.</p>
<p>
<a href="http://www.boundlessdrop.com" style="float:right; margin:0 0 0; border:0;"><img style="width: 100%;"src="./images/amman/boundlessdrop.png" alt="Boundless Drop"></a>
<a href="http://boundlessdrop.com">Boundless Drop</a> is a Jordanian-based web and mobile technology shop that strives to achieve global standards in development, while bringing regionally relevant solutions to the Arab world and beyond.
</p>
<p>
<a href="http://www.akhtaboot.com" style="float:right; margin:0 0 0; border:0;"><img style="width: 100%;"src="./images/amman/akhtaboot.png" alt="Akhtaboot"></a>
<a href="http://akhtaboot.com">Akhtaboot</a> Akhtaboot is an online career network that is committed to providing a user-friendly, effective, and efficient way of linking the right person to the right career opportunity in the MENA region.
<h3>Community Partners</h3>
<p>
<a href="https://www.facebook.com/jordanopensource" style="float:right; margin:0 0 0; border:0;"><img style="width: 100%;"src="./images/amman/josa.png" alt="JOSA"></a>
<a href="https://www.facebook.com/jordanopensource">Jordan Open Source Association</a> is a jordanian nonprofit organization that promotes Free Culture, Free Software and the open source movement.
</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 who are IT & Computer engineering majors, Rails Girls events are aimed toward women of all ages, but in this first iteration we are targeting university students, drop us an <a href="mailto:[email protected]">email</a> and we'll keep you posted about upcomming events. Most of the speeches are given in english, but small group work is done in arabic. 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>Amman team</h2>
<a href="https://twitter.com/aqabawe" class="grid_3">
Mamoun Saudi, organizer
<small>@aqabawe</small>
</a>
<a href="https://twitter.com/OmarQunsul" class="grid_3">
Omar Qunsul, organizer
<small>@omarqunsul</small>
</a>
<a href="https://twitter.com/mrifat_hammad" class="grid_3">
Rifat Hammad, organizer
<small>@mrifat_hammad</small>
</a>
<a href="https://twitter.com/marwan_aljubeh" class="grid_3">
Marwan Jubeh
<small>@marwan_aljubeh</small>
</a>
<a href="https://twitter.com/wtuffaha" class="grid_3">
Waleed Tuffaha
<small>@wtuffaha</small>
</a>
<a href="https://twitter.com/nanssari" class="grid_3">
Nasser Anssari
<small>@nanssari</small>
</a>
<a href="https://twitter.com/LuayBs" class="grid_3">
Luay Bseiso
<small>@LuayBs</small>
</a>
<a href="https://twitter.com/firezall" class="grid_3">
Feras Hirzalla
<small>@firezall</small>
</a>
<a href="https://twitter.com/NayefMuhiar" class="grid_3">
Nayef Muhiar
<small>@NayefMuhiar</small>
</a>
<a href="https://twitter.com/ItsNaine" class="grid_3">
Nadine Jaradat
<small>@ItsNaine</small>
</a>
<a href="https://twitter.com/randemuhtaseb" class="grid_3">
Rand Muhtaseb
<small>@randemuhtaseb</small>
</a>
<a href="https://twitter.com/moski_doski" class="grid_3">
Monther Abu Shaikh
<small>@moski_doski</small>
</a>
</div>
</div>
</div>
<!-- /content -->
<footer>
<p>2010-2015, Rails Girls. <a href="./press.html">Contact us</a> or follow us on <a href="https://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>