-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
363 lines (331 loc) · 20.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="InérciaDemoparty the only existing demoparty in Portugal">
<meta name="author" content="inercia.pt">
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
<link rel="shortcut icon" href="favicon.ico">
<title>Inércia Demoparty 2021</title>
<!--
ART FACTORY
https://templatemo.com/tm-537-art-factory
-->
<!-- Additional CSS Files -->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="assets/css/templatemo-art-factory.css">
<link rel="stylesheet" type="text/css" href="assets/css/owl-carousel.css">
</head>
<body>
<!-- ***** Preloader Start ***** -->
<div id="preloader">
<div class="jumper">
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-- ***** Preloader End ***** -->
<!-- ***** Header Area Start ***** -->
<header class="header-area header-sticky">
<div class="container">
<div class="row">
<div class="col-12">
<nav class="main-nav">
<!-- ***** Logo Start ***** -->
<a href="index.html" class="logo"><img class="idlogo" src="assets/images/id-logo2.png"></a>
<!-- ***** Logo End ***** -->
<!-- ***** Menu Start ***** -->
<ul class="nav">
<li><a href="news.html">News</a></li>
<li><a href="compos.html">Competitions</a></li>
<!-- <li class="submenu">
<a href="compos.html">Competitions</a>
<ul>
<li><a href="compos.html">Info</a></li>
<li><a href="comporules.html">Rules</a></li>
<li><a href="wuhu.html">Submit/Vote</a></li>
</ul>
</li> -->
<li><a href="timetable.html">Timetable</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="party.html">Party</a></li>
<!-- <li><a href="index-pt.html"><img src="assets/images/pt.png"></a> -->
</ul>
<a class='menu-trigger'>
<span>Menu</span>
</a>
<!-- ***** Menu End ***** -->
</nav>
</div>
</div>
</div>
</header>
<!-- ***** Header Area End ***** -->
<!-- ***** Welcome Area Start ***** -->
<div class="welcome-area" id="welcome">
<!-- ***** Header Text Start ***** -->
<div class="header-text">
<div class="container">
<div class="row">
<div class="left-text col-lg-7 col-md-6 col-sm-12 col-xs-12" data-scroll-reveal="enter left move 930px over 0.6s after 0.4s">
<h1>InérciaDemoparty2021<br><strong>20th anniversary</strong></h1>
<p>The only existing Portuguese demoparty is back.</p>
<a href="register.html" class="main-button-slider">... And don't forget to come!</a>
</div>
</div>
</div>
</div>
<!-- ***** Header Text End ***** -->
</div>
<!-- ***** Welcome Area End ***** -->
<section class="mainsection">
<section class="section" id="about">
<div class="container">
<div class="row">
<div class="col-lg-7 col-md-12 col-sm-12" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
<img src="assets/images/mat-ozone.jpg" class="rounded img-fluid d-block mx-auto" alt="App">
</div>
<div class="right-text col-lg-5 col-md-12 col-sm-12 mobile-top-fix">
<div class="boxed">
<h5>What? 20 years already??</h5>
<p>Yeah, we can't believe it either. It seems like yesterday - or maybe two weeks ago - that mat/ozone and his trusty companion honoured us with their visit in 2001. We could finally say that we had a true demoparty in Portugal.<br><br>
In these strange times, we will do our best to ensure that we can celebrate with your presence this anniversary. That means that even this little fellow will have to wear mask and wash its hands regularly.<br><br>
I know he doesn't have ears to hold the mask. We'll figure something out.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="section" id="about2">
<div class="container">
<div class="row">
<div class="left-text col-lg-5 col-md-12 col-sm-12 mobile-bottom-fix">
<div class="boxed">
<h5>What is a demoparty?</h5>
<p>It is a gathering that unites artists and nerds in order to show and compete with their creations made with computers. There are different categories, code, music and graphics, but they all come together in productions that DEMOnstrate the artists abilites, hence the name "demo".<br><br>
In Portugal, there were other demoparties (Atlantic Scene, Simple, Breeze) but none with the longevity and impact as Inércia Demoparty. Since 2001, there were 12 editions organized in different cities around the country with visitors from several countries (Spain, Netherlands, Hungary, Finland and USA).
</p>
</div>
</div>
<div class="right-image col-lg-7 col-md-12 col-sm-12 mobile-bottom-fix-big" data-scroll-reveal="enter right move 30px over 0.6s after 0.4s">
<img src="assets/images/id03-partyplace.jpg" class="rounded img-fluid d-block mx-auto" alt="App">
</div>
</div>
</div>
</section>
<!-- ***** Features Big Item End ***** -->
<!-- ***** Features Big Item Start ***** -->
<section class="section" id="about">
<div class="container">
<div class="row">
<div class="col-lg-7 col-md-12 col-sm-12" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
<img src="assets/images/adf1.jpg" class="rounded img-fluid d-block mx-auto" alt="App">
</div>
<div class="right-text col-lg-5 col-md-12 col-sm-12 mobile-top-fix">
<div class="boxed">
<h5>When and where?</h5>
<p>InérciaDemoparty2021 will take place during the weekend of October 30th and 31st. Make sure you check the <a href="timetable.html">timetable</a> so you don't miss any event.<br><br>
It will take place in <a href="https://goo.gl/maps/nae29GTXyFihbeLY8" target="_blank" rel="noopener noreferrer">Academia Dramática Familiar</a>, in Lisbon, Portugal, close to the river Tagus and major monuments.<br><br>
Accessible by car, train, tram and bus.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- ***** Features Big Item End ***** -->
<!-- ***** Features Big Item Start ***** -->
<section class="section" id="about2">
<div class="container">
<div class="row">
<div class="left-text col-lg-5 col-md-12 col-sm-12 mobile-bottom-fix">
<div class="boxed">
<h5>What about the pandemic?</h5>
<p>Over here in Portugal, Covid-19 cases and fatalities are steadily going down as we approach a good number of fully vaccinated people - 85%, as we speak - and Lisbon is currently considered a low risk area. Data shows us that it is now safe to assume that in the end of October it will be not only possible to organise InérciaDemoparty, but it will be safe both to our visitors and to us.
<br><br>
We ask sensible, easy to comply rules to attend our event, like a digital certificate and a negative test. Also, masks are mandatory whenever you're inside the party hall.
</p>
</div>
</div>
<div class="right-image col-lg-7 col-md-12 col-sm-12 mobile-bottom-fix-big" data-scroll-reveal="enter right move 30px over 0.6s after 0.4s">
<img src="assets/images/id08-hall.jpg" class="rounded img-fluid d-block mx-auto" alt="App">
</div>
</div>
</div>
</section>
<!-- ***** Features Big Item End ***** -->
<!-- ***** Frequently Question Start ***** -->
<section class="section" id="frequently-question">
<div class="container">
<!-- ***** Section Title Start ***** -->
<div class="row">
<div class="col-lg-12">
<div class="section-heading">
<h2>Frequently Asked Questions</h2>
</div>
</div>
<div class="offset-lg-3 col-lg-6">
<div class="section-heading">
<p></p>
</div>
</div>
</div>
<!-- ***** Section Title End ***** -->
<div class="row">
<div class="left-text col-lg-6 col-md-6 col-sm-12">
<h5>Demoscene</h5>
<div class="accordion-text">
<p>General Info: <a href="https://www.demoscene.info/" target="_blank" rel="noopener noreferrer">demoscene.info</a><br>
Productions Archive: <a href="https://demozoo.org/" target="_blank" rel="noopener noreferrer">demozoo.org</a><br>
News and Forum: <a href="https://www.pouet.net/" target="_blank" rel="noopener noreferrer">pouet.net</a><br>
Demoparties: <a href="https://www.demoparty.net/" target="_blank" rel="noopener noreferrer">demoparty.net</a><br>
psenough's discord #scenept: <a href="https://discord.gg/2gVbSEe/" target="_blank" rel="noopener noreferrer">https://discord.gg/2gVbSEe</a><br>
<!-- <a href="#contact-us" class="main-button">Contact Us</a> -->
</div>
<h5>Inércia Demoparty</h5>
<div class="accordion-text">
<p>
Facebook: <a href="https://www.facebook.com/inerciademoparty" target="_blank" rel="noopener noreferrer">facebook.com/inerciademoparty</a><br>
Twitter: <a href="https://twitter.com/inerciaparty" target="_blank" rel="noopener noreferrer">twitter.com/inerciaparty</a><br>
Twitch: <a href="https://www.twitch.tv/inerciademoparty" target="_blank" rel="noopener noreferrer">twitch.tv/inerciademoparty</a><br>
Productions Archive: <a href="https://demozoo.org/parties/series/244/" target="_blank" rel="noopener noreferrer">demozoo.org</a><br>
<!-- Photos: <a href="http://slengpung.com/">slengpung.com</a><br> -->
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="accordions is-first-expanded">
<article class="accordion">
<div class="accordion-head">
<span>When and where will InérciaDemoparty take place?</span>
<span class="icon">
<i class="icon fa fa-chevron-right"></i>
</span>
</div>
<div class="accordion-body">
<div class="content">
<p>InérciaDemoparty2021 will take place during the weekend of October 30th and 31st. Normally we go from Friday afternoon until Sunday afternoon, but Monday is a holiday in Portugal so we prefer our visitors to enjoy the whole party without asking their bosses for Friday off. Check the <a href="timetable.html">timetable</a>.
<br><br>
It will take place in <a href="https://goo.gl/maps/nae29GTXyFihbeLY8" target="_blank" rel="noopener noreferrer">Academia Dramática Familiar</a>, in Lisbon, Portugal, close to the river Tagus and major monuments.
</p>
</div>
</div>
</article>
<article class="accordion">
<div class="accordion-head">
<span>Will it happen physically? Have you heard of COVID-19?!</span>
<span class="icon">
<i class="icon fa fa-chevron-right"></i>
</span>
</div>
<div class="accordion-body">
<div class="content">
<p>Yeah, we have. And, believe me, the last thing we would want is InérciaDemoparty to be a coronavirus spreading ground... Right now, the number of new cases and fatalities, combined with the advanced state of vaccination, make us feel comfortable enough to organise this event.
<br><br>
If you're travelling from abroad, make sure you <a href="https://www.visitportugal.com/en/content/covid-19-measures-implemented-portugal" target="_blank" rel="noopener noreferrer">read the measures implemented in Portugal</a> that the government took to protect the entire population and our visitors.
</p>
</div>
</div>
</article>
<article class="accordion">
<div class="accordion-head">
<span>Will it be safe?</span>
<span class="icon">
<i class="icon fa fa-chevron-right"></i>
</span>
</div>
<div class="accordion-body">
<div class="content">
<p>Of course! InérciaDemoparty will follow every recommendations by the national health advisors. Right now, with so few visitors, the rules are much less tighter, but nevertheless we ask:<br>
- a UE digital certificate. You can get there in your country's national health website. Over here, head to <a href="https://sns24.gov.pt/" target="_blank" rel="noopener noreferrer">https://sns24.gov.pt/</a> and click on "Aceder" to receive a code on your phone that will allow you to download the certificate.<br>
- a negative quick test with less than 24 hours. If you don't bring it, we will perform a test at the door (for free!). You will be asked to wait outside for 15 minutes until the result is through. Bring an umbrella...<br>
- we will perform another test on the second day of the party (for free, again!)
- mandatory use of masks whenever you're inside the party place. This includes the main hall, corridors and bar, except when you're eating (duh!). We are trying to secure an open air place for smokers and people wanting some fresh air but don't want to go outside, but the weather is trying to pull a trick on us...<br>
- frequently wash your hands or sanitise them.<br>
If we all follow these simple rules, InérciaDemoparty will be a case-free event and everyone can safely go back to their families and friends!
</p>
</div>
</div>
<article class="accordion">
<div class="accordion-head">
<span>I don't live in Lisbon. Do you provide accomodation?</span>
<span class="icon">
<i class="icon fa fa-chevron-right"></i>
</span>
</div>
<div class="accordion-body">
<div class="content">
<p>We do not. However, there are quite a few Hotels in the Belém area, as well as several B&B's. If you need help, please <a href="mailto:[email protected]">contact us</a> in advance so we can sort you out.</p>
</div>
</div>
</article>
</article>
<article class="accordion">
<div class="accordion-head">
<span>How much is the entrance fee?</span>
<span class="icon">
<i class="icon fa fa-chevron-right"></i>
</span>
</div>
<div class="accordion-body">
<div class="content">
<p>There is no entrance fee! Thanks to our sponsors, we managed to get enough to cover our expenses, so that the poor people from Portugal don't have to spend their allowance on the dozens of demoparties that are organised each year over here. :)
</p>
</div>
</div>
</article>
<article class="accordion">
<div class="accordion-head">
<span>I have other questions...</span>
<span class="icon">
<i class="icon fa fa-chevron-right"></i>
</span>
</div>
<div class="accordion-body">
<div class="content">
<p>Then <a href="mailto:[email protected]">drop us an email</a> and we'll get back to you as soon as possible.</p>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</section>
<!-- ***** Frequently Question End ***** -->
</section>
<!-- ***** Footer Start ***** -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-7 col-md-12 col-sm-12">
<p class="copyright"><a href="index.html">Inércia Demoparty 2021</a>
</div>
<div class="col-lg-5 col-md-12 col-sm-12">
<ul class="social">
<li><a href="https://www.facebook.com/inerciademoparty" target="_blank" rel="noopener noreferrer"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/inerciaparty" target="_blank" rel="noopener noreferrer"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.twitch.tv/inerciademoparty" target="_blank" rel="noopener noreferrer"><i class="fa fa-twitch"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- jQuery -->
<script src="assets/js/jquery-2.1.0.min.js"></script>
<!-- Bootstrap -->
<script src="assets/js/popper.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!-- Plugins -->
<script src="assets/js/owl-carousel.js"></script>
<script src="assets/js/scrollreveal.min.js"></script>
<script src="assets/js/waypoints.min.js"></script>
<script src="assets/js/jquery.counterup.min.js"></script>
<script src="assets/js/imgfix.min.js"></script>
<!-- Global Init -->
<script src="assets/js/custom.js"></script>
</body>
</html>