forked from Phlow/feeling-responsive
-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
459 lines (430 loc) · 16.2 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
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
---
layout: default
section_id: home
slides:
- bg: images/@stock/slide-3.jpg
title:
text: Apply for the authoritative simulation of the European Politics!
animation: bottom-to-top
class: large-6 large-offset-6
buttons:
animation: bottom-to-top slow
class: large-offset-8
items:
- text: Apply
url: /apply/
class: boxed
- bg: images/@stock/slide-2.jpg
title:
text: Find out which role is best for you!
animation: bottom-to-top
class: large-7 medium-9
buttons:
animation: bottom-to-top
class: large-7 medium-9
items:
- text: Read about Roles
url: "#roles"
class: boxed
- bg: images/@stock/slide-1.jpg
title:
text: Find out more about our supporters!
animation: bottom-to-top
class: large-8 medium-11
buttons:
animation: bottom-to-top slow
class: large-12
items:
- text: Our Partners
url: /partners/
class: boxed
roles:
- image: role-mep.svg
title: Member of the European Parliament
text: |
As an MEP at MEU Strasbourg you will be at the very heart of the simulation.
Your task will be to establish a faction line on each policy area, pursue
it rigorously and defend yourself against attacks from your political
opponents, tricky questions from the journalists, and influence of the
lobbyists. Your arguments will be interpreted into many languages,
and you’ll have to find common ground – also with the political extremes.
- image: role-minister.svg
title: Minister
text: |
As a minister at MEU Strasbourg, you are there to defend the political
interests of your national government. You will debate with your 27
fellow ministers in an intense and closeknit council, where only what
everyone can agree to escapes to the press (ideally!). As a minister you
will have to get a qualified majority to support you in the council, a
majority in the often divided parliament – and to have a few lobbyists and
journalists on your side doesn’t hurt either.
- image: role-interpreter.svg
title: Interpreter
text: |
Interpreters play a pivotal role in MEUS: they interpret speeches, debates,
meetings withlobbyists and press conferences, both from English into their
mother tongue and from their mother tongue into English, thus making the
conference more realistic, dynamic and inclusive. Interpreters mainly work
in the simultaneous mode in stateoftheart booths at the European Parliament,
but they can also try their hand at consecutive interpreting and chuchotage
(whispered interpreting), getting the opportunity to hone in a variety of
skills in a near reallife working environment providing the best conditions
for an excellent interpreting performance.
- image: role-lobbyist.svg
title: Lobbyist
text: |
The role of the lobbyists is to stir up the debate, advocating strongly
for outside interests. These could represent the needs of anything from
large corporate entities, to human rights NGOs. Inside the European
Parliament, the lobbyists have the chance to present influential research
and convincing speeches to rally support. A large proportion of their
success, however, lies in their ability to network effectively during the
coffee breaks, over lunch and whilst enjoying the social program. Build
your network of influence and shape the legislative outcome of the process
so that it favours your client!
- image: role-journalist.svg
title: Journalist
text: |
As a journalist at MEUS you will take on a very demanding and important
role due to the various different tasks that the team undertakes. Your job
will be to follow the events that unfold in the conference very carefully.
You’ll inform participants on a daily basis about the decisions, moves and
agreements achieved in the committees via a daily newspaper, photos and
newscasts. This is a great opportunity for those wanting to venture into
a journalistic field in the future, as being part of MEUS gives you insight
into what is really is like to be a journalist.
milestones:
- from: 0
to: 6479
title: received applications
- from: 0
to: 1775
title: welcomed participants
- from: 0
to: 438
title: received support from EU officials
- from: 0
to: 11567
title: coffees served during breakes
achievements:
- title: enjoyed the conference
percent: 100
- title: find the conference realistic and professional
percent: 96
- title: would recommend the conference to someone else
percent: 98
- title: say it has improved their understanding of the EU
percent: 95
- title: find the conference well organised
percent: 94
impressions:
- One of the most amazing experiences of my life.
- Best decision in my professional career as interpreter.
- An incredible experience that makes you grow on many different levels.
- Absolutely enlightening and stimulating. It shows what great things young people are able to do.
- "Challenging, exhausting but definitely worth it: The best experience in my life."
- The best simulation of European Politics out there.
- Simply amazing
testimonials:
- text: |
Model European Union Strasbourg is an unique opportunity to engage you, the youth of Europe,
in some of the union's biggest questions and it is therefore an initiative I wholeheartedly
support and follow with enthusiasm.
author: Martin Schulz
position: President of the European Parliament
- text: |
As you participate in this conference, whether you are a minister, an MEP, a journalist,
lobbyist or interpreter, I trust that this week will increase your knowledge about the
European institutions and how demanding it can be to find common solutions to Europes issues.
author: Jean-Claude Juncker
position: President of the European Commission
- text: |
It's important that young people engage themselves in European politics and that
they look how EU politics work in practice. I am very pleased that they are going to
the European Parliament in Strasbourg, where they can sit in plenary themselves,
where the heart of European Democracy is.
author: Guy Verhofstadt
position: Leader of ALDE Group
clients:
- images/@stock/client-1.png
- images/@stock/client-2.png
- images/@stock/client-3.png
- images/@stock/client-4.png
- images/@stock/client-5.png
- images/@stock/client-6.png
---
<div class='advanced mod modDefaultSlider'>
<div class='sequence' data-autostop='on' data-timeout='6000'>
<a class='sequence-prev' href='javascript:void(0);'>
<span></span>
</a>
<a class='sequence-next' href='javascript:void(0);'>
<span></span>
</a>
<ul class='sequence-pagination'>
{% for slide in page.slides %}
{% if forloop.index == 1 %}
<li class='current'></li>
{% else %}
<li></li>
{% endif %}
{% endfor %}
</ul>
<ul class='sequence-canvas'>
{% for slide in page.slides %}
{% if forloop.index == 1 %}
{% assign class = "static" %}
{% else %}
{% assign class = '' %}
{% endif %}
<li class='frame {{class}}'>
<div class='bg' style='background-image: url({{slide.bg}});'></div>
{% if slide.infos %}
{% for info in slide.infos %}
<div class='info{{forloop.index}} {{info.animation}}' style=''>
<div class='row'>
<div class='medium-10 large-8 columns'>
<p class='fa fa-check' style='color: #333;'>{{info.text}}</p>
<div class='spacing'></div>
</div>
</div>
</div>
{% endfor %}
{% else %}
<div class='title {{slide.title.animation}}' style='color: rgb(255, 255, 255);'>
<div class='row'>
<div class='{{slide.title.class}} columns'>
<h2>{{slide.title.text}}</h2>
</div>
</div>
</div>
{% endif %}
<div class='buttons-wrapper {{slide.buttons.animation}}' style=''>
<div class='row'>
<div class='{{slide.buttons.class}} columns'>
<div class='two spacing'></div>
{% for button in slide.buttons.items %}
<a class='button scrollbutton {{button.class}}' href='{{button.url}}'>{{button.text}}</a>
{% endfor %}
</div>
</div>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
<div class='full'>
<div class='row'>
<div class='medium-6 columns'>
<img class="fadeinleft" width="500" height="340" alt="" src="images/@stock/circle-1.jpg" />
</div>
<div class='medium-6 columns'>
<div class='spacing'></div>
<h4 style='color: #999'>MEU in a Nutshell</h4>
<h2>European Politics Simulation</h2>
<div class='spacing'></div>
<p>
<strong>Join us from 21st to 28th April 2018 for the next edition of Model European Union Strasbourg</strong>,
the original and authoritative simulation of European politics. We were founded in
the spring of 2007 by a group of university students and have since grown to be the
world’s largest and most authentic simulation of the EU’s decision-making process.
Bringing together 200 young Europeans, our intense, weeklong conference is held
<strong>inside the European Parliament in Strasbourg</strong> – and the two topics
discussed this edition are the <strong>privacy in electronc communications</strong> and <strong> work-life balance</strong>.
During the conference, you will have the chance to test yourself
and interact with others in a professional but friendly environment, where you
experience the internal functioning of the EU first hand. The official language
of MEU Strasbourg is English, but there will be interpretation into all major
European Languages!
</p>
<!--<div class='spacing'></div>
<a class='button small' href='#'>Learn more</a>
-->
</div>
</div>
<div class='four spacing' id="roles"></div>
<div class='row'>
<div class='medium-6 columns'>
<div class='spacing'></div>
<h4 style='color: #999'>Try out something new</h4>
<h2>Roles</h2>
<div class='spacing'></div>
<p>
During the conference, roughly 200 participants have the chance to interact with each
other in a professional and friendly environment, where they can truly
comprehend the internal functioning of the EU. Each year they debate two
real-life legislative proposals drafted by the European Commission and
simulate the EU decision making process by taking on the roles of:
</p>
<ul class='shortcode-list'>
{% for role in page.roles %}
<li>
<i class='fa fa-check'></i>
{{ role.title }}
</li>
{% endfor %}
</ul>
<p>
MEU is not only a unique educational project that gives its participants the
opportunity to develop their skills in debating, communication and lawmaking
in a truly international setting. It is also a place where lifelong friendships are
formed and where the true spirit of European integration flows!
</p>
<!--
<div class='spacing'></div>
<a class='button small' href='#'>Learn more</a>
-->
</div>
<div class='medium-6 columns'>
<img class="fadeinright" width="500" height="400" alt="" src="images/@stock/circle-2.jpg" />
</div>
</div>
<div class='four spacing'></div>
</div>
<div class='full'>
<div class='row'>
<div class='large-12 columns'>
<p class='centered-text'>
<i class='fa fa-quote-left' style='color: #F9CE06; font-size: 36px;'></i>
</p>
</div>
</div>
<div class='row'>
<div class='large-12 columns'>
<div class='mod modTestimonials'>
<div class='row'>
<div class='small-12 columns'>
<div class='items centered-text'>
{% for t in page.testimonials %}
<div class='item'>
<p class='quote'>{{t.text}}</p>
<p class='author'>- <strong>{{t.author}}</strong>, <em>{{t.position}}</em></p>
<div class='two spacing'></div>
</div>
{% endfor %}
</div>
</div>
<div class='spacing'></div>
</div>
</div>
</div>
</div>
<div class='four spacing'></div>
</div>
<div class='full' style='background: #f5f5f5'>
<div class='row'>
<div class='medium-6 columns'>
<h3>Achievements</h3>
<div class='spacing'></div>
<div class='mod modBarGraph'>
<ul class='bars'>
{% for achievement in page.achievements %}
<li>
<h4 style=''>
{{achievement.title}}
<strong>{{achievement.percent}}%</strong>
</h4>
<p class='highlighted' data-percent='{{achievement.percent}}'></p>
</li>
{% endfor %}
</ul>
</div>
</div>
<div class='medium-6 columns'>
<h3>Impressions</h3>
<div class='row'>
<div class='small-12 columns'>
<div class='items'>
{% for impression in page.impressions %}
<div class='item'>
<p class='quote'>{{ impression }}</p>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<div class='two spacing'></div>
</div>
<div class='full'>
{% for role in page.roles %}
<div class='row'>
<div class='large-12 columns'>
<h2>{{ role.title }}</h2>
<div class='spacing'></div>
<div style="float:left; margin-right:15px;">
<img src='images/{{role.image}}' width="100" heigh="100" />
</div>
<p>{{ role.text }}</p>
</div>
</div>
<div class='three spacing'></div>
{% endfor %}
</div>
<!--
<div class='full' style='background: #f5f5f5'>
<div class='row'>
<div class='large-12 columns'>
<div class='mod modBoxedTextSlider'>
<div class='boxes'>
{% for role in page.roles__EXCLUDE %}
<div class='box' style=''>
<i class='{{role.icon_class}}'></i>
<h4>{{role.title}}</h4>
<p>{{role.text}}</p>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<div class='four spacing'></div>
</div>
//-->
<div class='full parallax' style='background: #f5f5f5'>
<div class='row'>
<p class="text-center">Since 2007, MEU Strasbourg has</p>
{% for milestone in page.milestones %}
<div class='medium-3 large-3 columns right-border left-border'>
<div class='mod modMilestone no-icon'>
<strong data-from='{{milestone.from}}' data-to='{{milestone.to}}'> </strong>
<span>{{milestone.title}}</span>
<div class='spacing'></div>
</div>
</div>
{% endfor %}
</div>
<div class='four spacing'></div>
</div>
<div class='full no-padding' style='background: #444; color: #fff'>
<div class='two spacing'></div>
<div class='mod modCallToAction'>
<div class='row'>
<div class='medium-9 large-9 columns'>
<p>Like what you see here? Checkout the application procedure and apply for the next conference during 21st-28th April 2018!</p>
</div>
<div class='medium-3 large-3 columns'>
<a class='boxed button' href="{{site.url}}/apply/">Apply</a>
</div>
</div>
</div>
<div class='spacing'></div>
</div>
<!--
<div class='full parallax' style='background-image: url(../images/@stock/customers-bg.jpg); color: #fff;'>
<div class='row'>
<div class='large-12 columns'>
<div class='mod modClients' data-slides_to_show='4'>
<div class='clients'>
{% for client in page.clients %}
<div><img alt="" src="{{client}}" /></div>
{% endfor %}
</div>
</div>
</div>
</div>
<div class='two spacing'></div>
</div>
-->