-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
491 lines (427 loc) · 22.6 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
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Build a game at Wichita's biggest game development party!!">
<meta name="author" content="ICT Game Jam">
<title>ICT Game Jam</title>
<!-- Stylesheets -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>
<!-- For mailchimp form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-071822.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:600px;}
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
</head>
<body id="page-top" class="index">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="#page-top">
<span><span style="font-weight: bold;"><span class="text-secondary">ICT</span><span style="color: #337ab7;">GAMEJAM</span><span class="text-secondary">.COM</span></span> July 19 - 21, 2024</span>
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a href="#event">Event</a>
</li>
<li>
<a href="#schedule">Schedule</a>
</li>
<li>
<a href="#help">Help!</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Hero -->
<header>
<div class="container">
<div class="intro-text">
<a href="#event" class="page-scroll btn btn-xl" style="color:white;">What's a game jam?</a>
<a href="#ticket" class="page-scroll btn btn-xl" style="color:white;">Buy a Ticket Now</a>
</div>
</div>
</header>
<div id="mobile-header" class="container text-center">
<img src="img/header-bg-cropped.jpg" style="width: 100%;"/>
<a href="#event" class="page-scroll btn btn-xl" id="mobile-what-is-a-game-jam-button" style="color:white;">What's a game jam?</a>
</div>
<!-- Event -->
<section id="event">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">It’s a PARTY</h2>
<h3 class="section-subheading text-muted">
Ok, <strong>technically</strong> it’s a competition with prizes. It’s not a workshop or a class about making games. But if you want to spend a weekend learning game development and getting fed, you’ll be in good company.
</h3>
</div>
</div>
<div class="row text-center">
<div class="col-md-3">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-gamepad fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">Do I need to have made a game before?</h4>
<p class="text-muted">Plenty of previous participants had little or no game development experience, but they had a blast. We’ll have lots of people willing to answer questions and help you learn at your own pace!</p>
</div>
<div class="col-md-3">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-code fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">Do I need to be a programmer?</h4>
<p class="text-muted">No! Games also need artists, writers, and designers. There is no rule for whether your game must be 2D, 3D, complex, or even have graphics. Make a board or card game if you like!</p>
</div>
<div class="col-md-3">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-laptop fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">Do I need a computer?</h4>
<p class="text-muted">Yes! You need to bring your own computer capable of connecting to Wi-Fi.</p>
</div>
<div class="col-md-3">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-heart fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">I love it! I must know more!</h4>
<p class="text-muted">If you insist! Participating gets you snacks and drinks, all while hanging out with local game developers! Meals are provided throughout the weekend. Follow <a href="https://twitter.com/ICTGameJam">@ICTGameJam</a>, and join us in <a href="https://devict-slackin.herokuapp.com">Slack</a> to get involved with local game devs and upcoming events!</p>
</div>
</div>
<div class="row">
<br /><br />
<div class="col-lg-12 text-center">
<h2 class="section-heading">Location</h2>
<h3 class="section-heading">
Butler Community College Andover Campus<br><a href="https://goo.gl/maps/CmRmpSojvmSnkxEP8">715 East 13th Street, Andover, KS 67002</a>
</h3>
</div>
</div>
<div class="row" id="ticket">
<br /><br />
<div class="col-lg-12 text-center">
<h2 class="section-heading">Buy a TICKET</h2>
<p>
The ticketing process will be less formal this time to minimize fees and maximize the $$$ we can spend on FOOD!
</p>
<h4>You can either:</h4>
<ul>
<li>PayPal a $10 donation to devICT now.</li>
<li>PayPal $10 at the door when you arrive. Same address. We will have a QR code too.</li>
<li>Cash $10 at the door.</li>
</ul>
<p>The price is the same regardless.</p>
<p>If you decide to pay before you arrive, please use this link:<br/>
<a href="https://www.paypal.com/donate/?hosted_button_id=TFV6JP5WD6DR2">PayPal devICT</a><br/>
Please include a note with your name and email address.<br/>
</p>
<p>All the money will be used to provide food for the event.</p>
</div>
</div>
</div>
</section>
<!-- Schedule Section -->
<section id="schedule" class="bg-light-gray">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Schedule</h2>
<h3 class="section-subheading text-muted">Great! Now that you're going to the game jam, here's how the weekend will go...</h3>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<ul class="timeline">
<li class="timeline-inverted" >
<div class="timeline-image">
<img class="img-circle img-responsive" src="img/schedule/1.jpg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>Friday</h4>
<h4 class="subheading">Kickoff!</h4>
</div>
<div class="timeline-body">
<p class="text-muted">Doors open at 6pm, kickoff slides and intro start at 7pm. Participants will receive an email to vote on the game jam’s theme. Those needing teams will have an opportunity to pitch ideas and form or join teams as necessary. You can even work solo if you want. Three people are ideal, and we prefer teams to stay below 5. <strong>Then it’s time to start making games!</strong> Work as long as you can, while staying healthy and safe! Overnight work is permitted, but we send people home around midnight.</p>
</div>
</div>
</li>
<li >
<div class="timeline-image">
<img class="img-circle img-responsive" src="img/schedule/2.jpg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>Saturday</h4>
<h4 class="subheading">Build Day!</h4>
</div>
<div class="timeline-body">
<p class="text-muted">Show up in the morning. Enjoy refreshments, meals and … oh yeah… build a game! Hit a wall? Ask for help! Lean on the volunteers and fellow game devs for feedback and encouragement! Same closing rules as Friday!</p>
</div>
</div>
</li>
<li class="timeline-inverted" >
<div class="timeline-image">
<img class="img-circle img-responsive" src="img/schedule/3.jpg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>Sunday</h4>
<h4 class="subheading">Polish, SHIP IT!! Winners announced!</h4>
</div>
<div class="timeline-body">
<p class="text-muted">Arrive in the morning to put the finishing touches on your game. Work stops, lunch begins at 12pm. Developers will vote during/after lunch. Winners announced once all the votes are in and tallied.</p>
</div>
<div>
<h4 class="subheading">Community Play</h4>
</div>
<div class="timeline-body">
<p class="text-muted">At 2pm have Friends and Family come play your games!</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<h4>Keep<br>making<br>games!</h4>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Help -->
<section id="help">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Help!</h2>
<h3>Check out the games from previous events on our <a href="https://ictgamejam.itch.io">Itch.io page</a>!</h3>
<h3 class="section-subheading text-muted">The best way to help is to
participate! Otherwise, we welcome volunteered time or talent in any amount before, during or after the event.<br /><br />Finally, if you absolutely insist, here are some sponsorship packages to consider! For all these, please contact <a href="mailto:ictgamejam@devict.org">ictgamejam@devict.org</a>.<br><br>This and other Wichita game development events are operated under <a href="https://devict.org/">devICT</a>, a 501c3 organization. All donations are used to run this and future game development events.</h3>
</div>
</div>
<!-- <div class="row text-center">-->
<!-- -->
<!-- <div class="col-md-3">-->
<!-- <span class="fa-stack fa-4x">-->
<!-- <i class="fa fa-circle fa-stack-2x text-primary"></i>-->
<!-- <i class="fa fa-wrench fa-stack-1x fa-inverse"></i>-->
<!-- </span>-->
<!-- <h4 class="service-heading">Italian Plumber 1-1: $250</h4>-->
<!-- <ul class="text-left text-muted">-->
<!-- -->
<!-- <li>Thanks via ICT Game Jam (Twitter), and devICT (Twitter, Facebook), twice before event.</li>-->
<!-- -->
<!-- <li>Thanks at Friday kickoff presentation, and at awards announcements on Sunday.</li>-->
<!-- -->
<!-- <li>Logo or name on event page for 8-12 months.</li>-->
<!-- -->
<!-- </ul>-->
<!-- </div>-->
<!-- -->
<!-- <div class="col-md-3">-->
<!-- <span class="fa-stack fa-4x">-->
<!-- <i class="fa fa-circle fa-stack-2x text-primary"></i>-->
<!-- <i class="fa fa-arrow-up fa-stack-1x fa-inverse"></i>-->
<!-- </span>-->
<!-- <h4 class="service-heading">Protein Mushroom: $500</h4>-->
<!-- <ul class="text-left text-muted">-->
<!-- -->
<!-- <li>Everything from Italian Plumber 1-1 package.</li>-->
<!-- -->
<!-- <li>Display of sponsor-provided promotional banner at event.</li>-->
<!-- -->
<!-- <li>Inclusion of any sponsor-provided promotional items or material in participants’ swag packs.</li>-->
<!-- -->
<!-- </ul>-->
<!-- </div>-->
<!-- -->
<!-- <div class="col-md-3">-->
<!-- <span class="fa-stack fa-4x">-->
<!-- <i class="fa fa-circle fa-stack-2x text-primary"></i>-->
<!-- <i class="fa fa-star fa-stack-1x fa-inverse"></i>-->
<!-- </span>-->
<!-- <h4 class="service-heading">Invincibility: $1500</h4>-->
<!-- <ul class="text-left text-muted">-->
<!-- -->
<!-- <li>Everything in Protein Mushroom package.</li>-->
<!-- -->
<!-- <li>Table space at event for sponsor-provided promotional material.</li>-->
<!-- -->
<!-- <li>Monthly thanks via social media for 6 months.</li>-->
<!-- -->
<!-- </ul>-->
<!-- </div>-->
<!-- -->
<!-- <div class="col-md-3">-->
<!-- <span class="fa-stack fa-4x">-->
<!-- <i class="fa fa-circle fa-stack-2x text-primary"></i>-->
<!-- <i class="fa fa-car fa-stack-1x fa-inverse"></i>-->
<!-- </span>-->
<!-- <h4 class="service-heading">Blue Shell: $3000</h4>-->
<!-- <ul class="text-left text-muted">-->
<!-- -->
<!-- <li>Everything in Invincibility package.</li>-->
<!-- -->
<!-- <li>Table, banner space, and sponsorship thanks at a devICT Gamedev Potluck.</li>-->
<!-- -->
<!-- <li>Something else? We’ll figure something out!!</li>-->
<!-- -->
<!-- </ul>-->
<!-- </div>-->
<!-- -->
<!-- </div>-->
</div>
<!-- Sneaky Container for Minigame -->
<div class="gameContainerContainer">
<div id="gameContainer"></div>
</div>
</section>
<!-- Sponsors Aside -->
<aside class="sponsors">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Our amazing sponsors</h2>
<h3 class="section-subheading text-muted">Thanks for making this event possible!!</h3>
</div>
</div>
<div class="row text-center">
<div class="col-md-3 col-sm-6">
<a href="https://www.butlercc.edu/info/201153/digital-media">
<img src="img/logos/butler-240.png" class="img-responsive img-centered" alt="Butler Community College">
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="https://devict.org">
<img src="img/logos/devict_logo_260.png" class="img-responsive img-centered" alt="devICT">
</a>
</div>
<!-- <div class="col-md-3 col-sm-6">-->
<!-- <a href="https://orbusvr.com/">-->
<!-- <img src="img/logos/orbusvr-260.png" class="img-responsive img-centered" alt="OrbusVR">-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="col-md-3 col-sm-6">-->
<!-- <a href="https://sthse.co/">-->
<!-- <img src="img/logos/Storehouse-Logo-260.png" class="img-responsive img-centered" alt="Storehouse">-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="col-md-3 col-sm-6">-->
<!-- <a href="https://roll20.net/">-->
<!-- <img src="img/logos/Roll20-260.png" class="img-responsive img-centered" alt="Roll20">-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="col-md-3 col-sm-6">-->
<!-- <a href="https://www.carlosokellys.com/">-->
<!-- <img src="img/logos/carlos-260.png" class="img-responsive img-centered" alt="Carlos O'Kelly's">-->
<!-- </a>-->
<!-- </div>-->
<div class="col-md-3 col-sm-6">
<a href="https://www.barrettmorgandesignllc.com/">
<img src="img/logos/bnm-logo.png" class="img-responsive img-centered" alt="Barrett Morgan Design, LLC">
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="https://bullercodeworks.com/">
<img src="img/logos/bcw_icon-260.png" class="img-responsive img-centered" alt="Buller Codeworks, LLC">
</a>
</div>
</div>
</div>
</aside>
<!-- Footer section -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-4">
<span class="copyright">Published under the Apache License 2.0.</span>
</div>
<div class="col-md-4">
<ul class="list-inline social-buttons">
<li><a href="https://twitter.com/ICTGameJam"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.facebook.com/developerict"><i class="fa fa-facebook"></i></a></li>
</ul>
</div>
<div class="col-md-4">
<ul class="list-inline quicklinks">
<li><a href="https://devict.org">devICT</a></li>
<li><a href="mailto:ictgamejam@devict.org">Email ICT Game Jam</a></li>
</ul>
</div>
</div>
</div>
<!-- Begin Mailchimp Signup Form -->
<div id="mc_embed_signup">
<form action="https://ictgamejam.us18.list-manage.com/subscribe/post?u=2b3b0acf9f47c5036d0129c5f&id=c888eeef58&f_id=001b24e7f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h2>Subscribe To Our Mailing List</h2>
<p>We send out about one newsletter a month, the main purpose of which is to help you remember when the next ICT Game Jam is happening.</p>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" required>
<span id="mce-EMAIL-HELPERTEXT" class="helper_text"></span>
</div>
<div id="mce-responses" class="clear foot">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_2b3b0acf9f47c5036d0129c5f_c888eeef58" tabindex="-1" value=""></div>
<div class="optionalParent">
<div class="clear foot">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
<p class="brandingLogo"><a href="http://eepurl.com/h9fXpP" title="Mailchimp - email marketing made easy and fun"><img src="https://eep.io/mc-cdn-images/template_images/branding_logo_text_dark_dtp.svg"></a></p>
</div>
</div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';fnames[5]='BIRTHDAY';ftypes[5]='birthday';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->
</footer>
<!-- jQuery -->
<script src="js/jquery/jquery.min.js"></script>
<!-- Bootstrap Core -->
<script src="js/bootstrap-v3.3.7/bootstrap.min.js"></script>
<!-- Custom Theme -->
<script src="js/ictgj-2017-feb.js"></script>
<!-- Minigame -->
<script src="minigame/lib/phaser.min.js"></script>
<script src="minigame/src/main.js" type="module"></script>
</body>
</html>