Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
679 lines (630 loc) · 41.9 KB
/
Copy pathindex.html
File metadata and controls
679 lines (630 loc) · 41.9 KB
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
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
<!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>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
<!-- Stylesheets -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="js/leaflet/leaflet.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" 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/css2?family=Bungee&family=Bungee+Hairline&family=Bungee+Shade&display=swap" rel="stylesheet">
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<!-- Bootstrap Core -->
<script src="js/bootstrap-v4.6.2/bootstrap.min.js"></script>
<!-- LeafletJS -->
<script src="js/leaflet/leaflet.js"></script>
<!-- Custom JS -->
<script src="js/countdown-timer.js"></script>
<script src="js/character-select.js"></script>
<!-- Minigame -->
<!--<script src="minigame/lib/phaser.min.js"></script>-->
<!--<script src="minigame/src/main.js" type="module"></script>-->
<script type="text/javascript">
function highlightAboutSectionTitle() {
document.getElementById("about-title").animate(
[
{'color': 'black', 'transform': 'scale(1)', 'textShadow': 'none'},
{'color': '#B68DAB', 'transform': 'scale(2)', 'textShadow': '3px 10px 5px black'},
{'color': 'black', 'transform': 'scale(1)', 'textShadow': 'none'}
], 2000);
}
</script>
<!-- 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>
<!--
Website update steps:
1. Update the color variables for the root element in style.css
2. Update the countDownDate variable in countdown-timer.js
3. Update the date text in the event-date-container element
4. Update the href value for the header-buy-ticket-button element
5. Update the href value for the about-section-buy-ticket-button element
For an upcoming winter jam:
Add a hidden tag to the summer-jam-location-text element
Remove the hidden tag from the winter-jam-location-text element
Remove the hidden tag from the global-game-jam-section element
Comment out the javascript line `const latLng = [37.70768087710465, -97.12753791349064]`
Uncomment the javascript line `const latLng = [37.66303632737492, -97.2911476950105]`
For an upcoming summer jam:
Remove the hidden tag from the summer-jam-location-text element
Add a hidden tag to the winter-jam-location-text element
Add a hidden tag to the global-game-jam-section element
Uncomment the javascript line `const latLng = [37.70768087710465, -97.12753791349064]`
Comment out the javascript line `const latLng = [37.66303632737492, -97.2911476950105]`
-->
<!-- Navigation for the website's content -->
<nav id="header" class="w-100 fixed-top pt-1">
<!-- Social buttons -->
<!-- These need to stay in the top right, while the other header elements can flex align in the fluid container -->
<div class="social-buttons-container">
<div id="social-buttons" class="align-content-center flex-fill py-1">
<span class="px-1"><a href="https://www.facebook.com/developerict"><img src="img/icons/facebook.svg"/></a></span>
<span class="px-1"><a href="https://bsky.app/profile/ictgamejam.bsky.social"><img src="img/icons/bluesky.svg"/></a></span>
<span class="px-1"><a href="https://discord.gg/BUeHYVCQGr"><img src="img/icons/discord.svg"/></a></span>
<span class="px-1"><a href="https://devict.slack.com/"><img src="img/icons/slack.svg"/></a></span>
<!--<span class="mobile-mailchimp"><a data-toggle="collapse" href="#mc_expand" role="button" aria-expanded="false" aria-controls="mc_expand"><img src="img/icons/envelope-plus-fill.svg"/></a></span>-->
<span class="default-mailchimp px-1"><a data-toggle="modal" data-target="#mc_modal" role="button" aria-expanded="false" aria-controls="mc_expand"><img src="img/icons/envelope-plus-fill.svg"/></a></span>
</div>
</div>
<div class="container-fluid">
<div class="site-title row pt-1 justify-content-left">
<!-- Name/logo -->
<span class="navbar-brand">
<span style="font-weight: bold;">
<span class="text-secondary">ICT</span>
<span class="title-text-primary">GAMEJAM</span>
<span class="text-secondary">.COM</span>
</span>
</span>
<div id="event-date-container" class="d-flex align-content-center justify-content-around pt-2">
<span>
Jan 29th-31th
</span>
</div>
<a hidden id="header-buy-ticket-button" class="btn btn-header p-2" href="https://www.zeffy.com/en-US/ticketing/2026-summer-ict-game-jam">Buy a Ticket Now</a>
</div>
<div class="countdown-container row pb-2">
<!-- Splash/countdown timer -->
<div class="header-splash align-content-center">
<div hidden id="countdown-timer">How much longer until ICT Game Jam?</div>
<a class="header-splash-message" href="#previous-section">Congrats to our Summer 2026 Winning Game: BABOOM! by Team Monke</a>
</div>
</div>
<ul id="navbar-tabs" class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a
class="btn-sm nav-link active"
data-toggle="tab"
data-target="#about-section"
href="#about-section"
type="button"
role="tab"
aria-controls="about-section"
aria-selected="false"
>
About
</a>
</li>
<li class="nav-item" role="presentation">
<a
class="btn-sm nav-link"
data-toggle="tab"
data-target="#schedule-section"
href="#schedule-section"
type="button"
role="tab"
aria-controls="schedule-section"
aria-selected="false"
>
Schedule
</a>
</li>
<li class="nav-item" role="presentation">
<a
id="location-link"
class="btn-sm nav-link"
data-toggle="tab"
data-target="#location-section"
href="#location-section"
type="button"
role="tab"
aria-controls="location-section"
aria-selected="false"
>
Location
</a>
</li>
<li class="nav-item" role="presentation">
<a
class="btn-sm nav-link "
data-toggle="tab"
data-target="#previous-section"
href="#previous-section"
type="button"
role="tab"
aria-controls="previous-section"
aria-selected="false"
>
Previous
</a>
</li>
<li class="nav-item" role="presentation">
<a
class="btn-sm nav-link "
data-toggle="tab"
data-target="#devict-section"
href="#devict-section"
type="button"
role="tab"
aria-controls="devict-section"
aria-selected="false"
>
DevICT
</a>
</li>
<li class="nav-item" role="presentation">
<a
class="btn-sm nav-link"
data-toggle="tab"
data-target="#support-section"
href="#support-section"
type="button"
role="tab"
aria-controls="support-section"
aria-selected="false"
>
Support
</a>
</li>
</ul>
</div>
</nav>
<!-- Actual website content -->
<section id="about-section" >
<!-- Info and buttons for this section-->
<div class="container-fluid collage-background-1">
<div class="row py-4 ">
<div class="col-12 d-flex justify-content-center">
<img class="hero-image" src="img/header.webp">
</div>
</div>
</div>
<div class="container my-4">
<div class="row justify-content-center">
<div class="col-lg-6 text-center card">
<a id="what-is-button" class="btn btn-info p-2 m-4 btn-primary" onclick="highlightAboutSectionTitle()" href="#what-is-button">What's a game jam?</a>
<a id="about-section-buy-ticket-button" class="btn p-2 m-4 btn-secondary" href="https://www.zeffy.com/en-US/ticketing/2026-summer-ict-game-jam">Buy a Ticket Now</a>
</div>
</div>
</div>
<div id="info-subsection" class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading"><span id="about-title">It’s a PARTY</span></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 pt-2">
<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>
</section>
<section id="schedule-section">
<div class="container">
<!-- Section title -->
<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>
<!-- Friday -->
<div class="row justify-content-center pb-4">
<div class="col-sm col-lg-3 align-content-center">
<img class="img-circle img-responsive" src="img/schedule/kickoff.webp" alt="">
</div>
<div class="col-sm col-lg-7">
<h4>Friday</h4>
<h5 class="subheading">Kickoff!</h5>
<p class="text-muted">Doors open at 5pm and the event starts at 6pm! There will be a small "hi, glad you're here, this is the theme" talk, and then the main kickoff event! 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! You're welcome to work through the night, but we send people home around midnight.</p>
</div>
</div>
<!-- Saturday -->
<div class="row justify-content-center pb-4">
<!-- Leverage bootstrap breakpoints to show the image on the left (above) when at XS breakpoint and hide that image when at any larger breakpoint -->
<div class="col-sm col-lg-3 d-block d-sm-none align-content-center">
<img class="img-circle img-responsive" src="img/schedule/plan.webp" alt="">
</div>
<div class="col-sm col-lg-7">
<h4>Saturday</h4>
<h5 class="subheading">Build Day!</h5>
<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>
<!-- Leverage bootstrap breakpoints to hide the image on the right when at XS breakpoint and show that image when at any larger breakpoint -->
<div class="col-sm col-lg-3 d-none d-sm-block align-content-center">
<img class="img-circle img-responsive" src="img/schedule/plan.webp" alt="">
</div>
</div>
<!-- Sunday -->
<div class="row justify-content-center pb-4">
<div class="col-sm col-lg-3 align-content-center">
<img class="img-circle img-responsive" src="img/schedule/polish.webp" alt="">
</div>
<div class="col-sm col-lg-7">
<h4>Sunday</h4>
<h5 class="subheading">Polish, SHIP IT!! Winners announced!</h5>
<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>
<h5 class="subheading">Community Play</h5>
<p class="text-muted">At 1pm have Friends and Family come play your games!</p>
</div>
</div>
<!-- Beyond -->
<div class="row justify-content-center pb-4">
<!-- More bootstrap magic -->
<div class="col-sm col-lg-3 d-block d-sm-none align-content-center">
<img class="img-circle img-responsive" src="img/schedule/playing.webp" alt="">
</div>
<div class="col-sm col-lg-7">
<h4>After that?</h4>
<h5 class="subheading">Keep making (and playing) games!</h5>
<p class="text-muted">Join our <a href="https://discord.gg/BUeHYVCQGr">Discord Server</a> to tell us what you're working on and hear what other are up to. Also consider joing the <a href="https://devict.slack.com/">devICT Slack Channel</a> for discussions on more varied topics with software developers in the Wichita area!</p>
</div>
<!-- More bootstrap magic -->
<div class="col-sm col-lg-3 d-none d-sm-block align-content-center">
<img class="img-circle img-responsive" src="img/schedule/playing.webp" alt="">
</div>
</div>
</div>
</section>
<section id="location-section">
<div class="container">
<div class="row">
<br /><br />
<div class="col-lg-12 text-center">
<h2 class="section-heading">Location</h2>
<!-- Hide this element after the winter game jam -->
<h3 id="summer-jam-location-text" 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>
<!-- Un-hide this element after the summer game jam -->
<h3 id="winter-jam-location-text" class="section-heading" hidden>
Shocker Studios at WSU's South Campus<br><a href="https://maps.app.goo.gl/8fLTsQDXB3PEVh7H7">3803 E. Harry Street, Suite 121, Wichita, KS 67218</a>
</h3>
<div id="location-map"></div>
<!-- Update the center value after each game jam -->
<script type="text/javascript">
/* Control the location on the map using the below const definitions */
// uncomment this line after the winter game jam
//const latLng = [37.70768087710465, -97.12753791349064]
// uncomment this line after the summer game jam
const latLng = [37.66303632737492, -97.2911476950105]
/* Set up map using specified location */
// initialize the map centered on the location of the event
var map = L.map('location-map', {
center: latLng,
zoom: 13
});
// add open streets tile layer so the map actually looks like a map
L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 19,
attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
}).addTo(map);
// re-draw the map when the location-link is navigated to (solves issue where open streets tiles do not load due to being in a hidden element initially)
$('body').on('shown.bs.tab', '#location-link', function() {
map.invalidateSize(false);
});
// add pop-up to show where the event is located exactly
// uncomment this line after the winter game jam
//L.marker(latLng).addTo(map).bindPopup('Butler Community College').openPopup();
// uncomment this line after the summer game jam
L.marker(latLng).addTo(map).bindPopup('WSU Shocker Studios').openPopup();
</script>
</div>
</div>
</div>
</section>
<section id="previous-section">
<div class="container">
<div class="row justify-content-center align-content-center">
<!-- Hide this element after the winter game jam; show this element after the summer game jam-->
<div id="championsContainer">
<div class="row text-center justify-content-center">
<h2 id="championsHeaderText" class="section-heading">Summer 2026 Game Jam Winners</h2>
</div>
<div class="row justify-content-center">
<div id="currentChampionsCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner align-content-center">
<div class="carousel-item active">
<img class="d-block w-100" src="img/previous/winners/2026_July_1st_place_team_sm.webp" alt="BABOOM! by Monke (team photo)">
<div class="carousel-caption d-none d-md-block">
<h5>1st Place</h5>
<a href="https://zombiepi.itch.io/baboom">BABOOM! by Monke</a>
</div>
</div>
<div class="carousel-item">
<a href="https://zombiepi.itch.io/baboom">
<img class="d-block w-100" src="img/previous/winners/2026_July_1st_place_game_sm.webp" alt="BABOOM! by Monke (gameplay image)">
</a>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/previous/winners/2026_July_2nd_place_team_sm.webp" alt="Hot Reels by Glurima (team photo)">
<div class="carousel-caption d-none d-md-block">
<h5>2nd Place</h5>
<a href="https://charleyfindling.itch.io/hot-reels">Hot Reels by Glurima</a>
</div>
</div>
<div class="carousel-item">
<a href="https://charleyfindling.itch.io/hot-reels">
<img class="d-block w-100" src="img/previous/winners/2026_July_2nd_place_game_sm.webp" alt="Hot Reels by Glurima (gameplay image)">
</a>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/previous/winners/2026_July_3rd_place_team_sm.webp" alt="Bad Tanks by Team Strawberry (team photo)">
<div class="carousel-caption d-none d-md-block">
<h5>3rd Place</h5>
<a href="https://catourney.itch.io/bad-tanks">Bad Tanks by Team Strawberry</a>
</div>
</div>
<div class="carousel-item">
<a href="https://catourney.itch.io/bad-tanks">
<img class="d-block w-100" src="img/previous/winners/2026_July_3rd_place_game_sm.webp" alt="Bad Tanks by Team Strawberry (gameplay image)">
</a>
</div>
</div>
<button class="carousel-control-prev" type="button" data-target="#currentChampionsCarousel" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-target="#currentChampionsCarousel" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</button>
</div>
</div>
</div>
<!-- Show this element after the winter game jam; hide this element after the summer game jam-->
<!-- TODO: carousel of normal pictures for post-winter jam -->
<div class="row text-center">
<div class="col-12">
<p>Be sure to also check out all the other games on Itch.io created by our talented particpants!</p>
<a href="https://itch.io/jam/ict-game-jam">ICT Game Jam Games</a>
</div>
</div>
</div>
</div>
</section>
<section id="devict-section">
<div class="container">
<div class="row text-center justify-content-center">
<h2 class="section-heading">Meet the ICT Game Jam team!</h2>
</div>
<div class="row justify-content-center">
<div class="col-12">
<img id="character-select" src="img/characters/Noone.webp" alt="Brian Foster" class="d-block w-100">
<div style="position: absolute; top: 32%; left: 48%" class="character-select-target" onmouseover="changeCharacter('Brian')"></div>
<div style="position: absolute; top: 48%; left: 48%" class="character-select-target" onmouseover="changeCharacter('Christen')"></div>
<div style="position: absolute; top: 52%; left: 62%" class="character-select-target" onmouseover="changeCharacter('Jack')"></div>
<div style="position: absolute; top: 20%; left: 62%" class="character-select-target" onmouseover="changeCharacter('Julian')"></div>
<div style="position: absolute; top: 36%; left: 62%" class="character-select-target" onmouseover="changeCharacter('Kenny')"></div>
<div style="position: absolute; top: 25%; left: 76%" class="character-select-target" onmouseover="changeCharacter('Jarvis')"></div>
<img/>
</div>
</div>
<div class="row text-center justify-content-center" style="margin-bottom: -80px; margin-top: 10px;">
<h3 class="section-subheading">ICT Game Jam is brought to you by devICT!</h3>
</div>
<div class="row justify-content-center">
<div class="col-sm-2" style="display: flex; justify-content: center;">
<a href="https://devict.org">
<img src="img/logos/devict_logo_260.png" class="img-responsive img-centered" alt="devICT">
</a>
</div>
</div>
<div id="global-game-jam-section">
<div class="row text-center justify-content-center">
<h3 class="section-subheading">ICT Game Jam is a Jam Site for The Global Game Jam!</h3>
</div>
<div class="row text-center justify-content-center">
<h6>Learn more by clicking the image below:</h6>
</div>
<div class="row justify-content-center">
<div class="col-sm-2" style="display: flex; justify-content: center;">
<a href="https://globalgamejam.org/jam-sites/2025/ict-game-jam">
<img src="img/logos/global_game_jam_260.webp" class="img-responsive img-centered" alt="Global Game Jam">
</a>
</div>
</div>
</div>
</div>
</section>
<section id="support-section">
<div class="container">
<div class="row pb-5">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Support ICT Game Jam</h2>
<h3 class="section-subheading">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 class="col-lg-6 pb-2">
<img class="img-fluid sponsorship-handout" src="img/sponsorship/handout-1.webp" alt="Sponsorship packages handout page 1."/>
</div>
<div class="col-lg-6">
<img class="img-fluid sponsorship-handout" src="img/sponsorship/handout-2.webp" alt="Sponsorship packages handout page 2."/>
</div>
</div>
</div>
</section>
<footer class="container">
<hr>
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Thanks to our amazing sponsors!</h2>
<h3 class="section-subheading text-muted">Their support makes this event possible!</h3>
</div>
</div>
<div class="row text-center justify-content-center">
<div class="col-xl-3 col-lg-4 col-md-6 col-xs-12 align-content-center sponsor-logo">
<a href="https://www.redbull.com/us-en">
<img src="img/logos/red-bull-logo-240.webp" class="img-responsive img-centered" alt="Red Bull">
</a>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-xs-12 align-content-center sponsor-logo">
<a href="https://www.bawls.com/">
<img src="img/logos/bawls-logo-240.webp" class="img-responsive img-centered" alt="Bawls Guarana">
</a>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-xs-12 align-content-center sponsor-logo">
<a href="https://www.netapp.com/company/">
<img src="img/logos/netapp-logo-240.webp" class="img-responsive img-centered" alt="Net App">
</a>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-xs-12 align-content-center sponsor-logo">
<a href="https://ideatek.com//">
<img src="img/logos/ideatek-logo-240.webp" class="img-responsive img-centered" alt="Ideatek">
</a>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-xs-12 align-content-center sponsor-logo">
<a href="https://www.malaysiacafewichita.com/home">
<img src="img/logos/malaysia-cafe-logo-240.webp" class="img-responsive img-centered" alt="Malaysia Cafe">
</a>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-xs-12 align-content-center sponsor-logo">
<a href="https://www.wichita.edu/academics/fine_arts/digital_arts/shocker_studios.php">
<img src="img/logos/shocker-studios-240.webp" class="img-responsive img-centered" alt="Wichita State University Shocker Studios">
</a>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-xs-12 align-content-center sponsor-logo">
<a href="https://www.wichita.edu/industry_and_defense/NIAR/">
<img src="img/logos/niar-logo-240.webp" class="img-responsive img-centered" alt="National Institute for Aviation Research">
</a>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-xs-12 align-content-center sponsor-logo">
<a href="https://www.butlercc.edu/">
<img src="img/logos/butler-240.webp" class="img-responsive img-centered" alt="Butler Community College">
</a>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-xs-12 align-content-center sponsor-logo">
<a href="https://www.barrettmorgandesignllc.com/">
<img src="img/logos/bnm-logo.webp" class="img-responsive img-centered" alt="Barrett Morgan Design, LLC">
</a>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-xs-12 align-content-center sponsor-logo">
<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>
</footer>
<script>
jQuery(document).ready(function($) {
$('#navbar-tabs a').click(function(e) {
e.preventDefault();
$(this).tab('show');
});
// store the currently selected tab in the hash value
$("ul.nav-tabs > li > a").on("shown.bs.tab", function(e) {
var id = $(e.target).attr("href").substr(1);
window.location.hash = id;
});
// on load of the page: switch to the currently selected tab
var hash = window.location.hash;
$('#navbar-tabs a[href="' + hash + '"]').tab('show');
});
</script>
<!-- Mail Chimp sign-up modal-->
<div id="mc_modal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content">
<div class="modal-body container-fluid">
<div style="justify-self: right">
<span style="justify-self: right;">Want to contact us?</span>
<span style="justify-self: right;"><a href="mailto:ictgamejam@devict.org">Email ICT Game Jam</a></span>
<span style="justify-self: right;">or...</span>
</div>
<!-- Begin Mailchimp Signup Form -->
<div id="mc_embed_signup" style="justify-self: right">
<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-->
</div>
</div>
</div>
</div>
</body>
</html>