-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
467 lines (395 loc) · 24.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Funopticon</title>
<link rel="icon" href="favicon.png" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans&family=Work+Sans:ital,wght@0,300;0,800;1,400&display=swap&family=Permanent+Marker&family=Bubblegum+Sans" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<link rel="stylesheet" href="styles.css">
<script src="https://kit.fontawesome.com/b874ec076e.js" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<script>
$(document).ready(function(){
// check url parameters and hide ads if needed
var getUrlParameter = function getUrlParameter(sParam) {
var sPageURL = window.location.search.substring(1),
sURLVariables = sPageURL.split('&'),
sParameterName,
i;
for (i = 0; i < sURLVariables.length; i++) {
sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] === sParam) {
return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
}
}
return false;
};
var noAds = getUrlParameter('no-ads');
if (noAds == 'true') {
console.log('Ads off');
$(document.body).addClass('no-ads');
}
// ads
var random = Math.floor(Math.random() * 2);
console.log(random);
if (random == 1) {
setTimeout(
function(){
$('.ad-meat').slideDown(100);
}, 600);
}
if (random == 0) {
setTimeout(
function(){
$('.ad-dew').slideDown(100);
}, 600);
}
var random2 = Math.floor(Math.random() * 2);
console.log(random2);
if (random2 == 1) {
setTimeout(
function(){
$('.ad-bloomberg').slideDown(150);
}, 700);
}
if (random2 == 0) {
setTimeout(
function(){
$('.ad-hair').slideDown(150);
}, 700);
}
var random3 = Math.floor(Math.random() * 2);
console.log(random3);
if (random3 == 1) {
setTimeout(
function(){
$('.ad-phrenology').css('right','10px');
}, 950);
}
if (random3 == 0) {
setTimeout(
function(){
$('.ad-telepathy').css('right','10px');
}, 950);
}
var random4 = Math.floor(Math.random() * 2);
console.log(random4);
if (random4 == 1) {
setTimeout(
function(){
$('.ad-bible').slideDown(200);
}, 850);
}
if (random4 == 0) {
setTimeout(
function(){
$('.ad-plants').slideDown(200);
}, 850);
}
var random5 = Math.floor(Math.random() * 2);
console.log(random5);
if (random5 == 1) {
setTimeout(
function(){
$('.ad-pets').css('top','300px');
}, 1000);
}
if (random5 == 0) {
setTimeout(
function(){
$('.ad-bird').css('top','30%');
}, 1000);
}
var random6 = Math.floor(Math.random() * 2);
console.log(random6);
if (random6 == 1) {
setTimeout(
function(){
$('.ad-snake-oil').css('bottom','20px');
}, 1200);
}
if (random6 == 0) {
setTimeout(
function(){
$('.ad-bugspray').css('bottom','20px');
}, 1200);
}
var leftRightRandom = Math.floor(Math.random() * 2);
console.log(leftRightRandom);
if (window.width > 1130) {
if (leftRightRandom == 1) {
$('.ad-columns-left').addClass('ad-columns-left--alt');
$('.ad-columns-right').addClass('ad-columns-right--alt');
}
}
$('.ad-close').click(function(){
$(this).parent().hide();
});
$('.ad').click(function(){
$(this).hide();
});
});
</script>
<body>
<div class="ad ad-bloomberg">
<i class="fa fa-close ad-close"></i>
<a href="#"><img src="img/bloomberg.gif" alt="Mike Bloomberg"></a>
</div>
<div class="ad ad-hair">
<i class="fa fa-close ad-close"></i>
<a href="#"><img src="img/hair-big.gif" alt="Hair Loss Tonic"></a>
</div>
<div class="ad ad-phrenology">
<i class="fa fa-close ad-close"></i>
<a href="#"><img src="img/phrenology.gif" alt="Phrenology Readings"></a>
</div><!--ad-phrenology-->
<div class="ad ad-telepathy">
<i class="fa fa-close ad-close"></i>
<a href="#"><img src="img/telepathy-big.gif" alt="Telepathy Lessons"></a>
</div><!--ad-telepathy-->
<div class="ad ad-bible">
<i class="fa fa-close ad-close"></i>
<a href="#"><img src="img/bible.gif" alt="Choose Your Own Adventure Bible"></a>
</div><!--ad-bible-->
<div class="ad ad-plants">
<i class="fa fa-close ad-close"></i>
<a href="#"><img src="img/plants-big.gif" alt="Plant Pants"></a>
</div><!--ad-plants-->
<div class="ad ad-meat">
<i class="fa fa-close ad-close"></i>
<a href="#"><img src="img/meat.gif" alt="Human Meat"></a>
</div><!--ad-meat-->
<div class="ad ad-dew">
<i class="fa fa-close ad-close"></i>
<a href="#"><img src="img/dew-big.gif" alt="Mountain Dew toothpaste"></a>
</div><!--ad-dew-->
<div class="ad ad-pets">
<i class="fa fa-close ad-close"></i>
<a href="#"><img src="img/pets.gif" alt="Pet creatine shakes"></a>
</div><!--ad-pet-->
<div class="ad ad-bird">
<i class="fa fa-close ad-close"></i>
<a href="#"><img src="img/bird.gif" alt="Muscular Bird"></a>
</div><!--ad-bird-->
<div class="ad ad-snake-oil">
<i class="fa fa-close ad-close"></i>
<a href="#"><img src="img/snake-oil-big.gif" alt="Snake Oil"></a>
</div>
<div class="ad ad-bugspray">
<i class="fa fa-close ad-close"></i>
<a href="#"><img src="img/bugspray.gif" alt="Bugspray"></a>
</div>
<div class="main">
<img src="img/logo-animated.gif" alt="Funopticon logo" class="logo">
<img src="img/logotype.png" alt="Funopticon" class="logotype">
<img src="img/memories.gif" alt="Make your best memories of the year" class="memories">
<div class="nav-container">
<a href="#about" class="nav nav-about"></a>
<a href="#when-where" class="nav nav-where-when"></a>
<a href="#values" class="nav nav-values"></a>
<a href="#tickets" class="nav nav-tickets"></a>
<a href="#organizers" class="nav nav-organizers"></a>
<a href="#faq" class="nav nav-faq"></a>
</div><!--nav-->
<a href="https://docs.google.com/forms/d/e/1FAIpQLSe5P_hLTgtrSssv1r2vqmxZJsb7wu-nnb78vHBBH_haFgh4hA/viewform" target="_new" class="ad-columns ad-columns-left ad-columns-1"><img src="img/dew.gif" alt="Mountain Dew toothpaste"></a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSe5P_hLTgtrSssv1r2vqmxZJsb7wu-nnb78vHBBH_haFgh4hA/viewform" target="_new" class="ad-columns ad-columns-left ad-columns-2"><img src="img/hair.gif" alt="Hair loss tonic"></a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSe5P_hLTgtrSssv1r2vqmxZJsb7wu-nnb78vHBBH_haFgh4hA/viewform" target="_new" class="ad-columns ad-columns-left ad-columns-3"><img src="img/bible-small.gif" alt="Choose Your Own Adventure Bible"></a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSe5P_hLTgtrSssv1r2vqmxZJsb7wu-nnb78vHBBH_haFgh4hA/viewform" target="_new" class="ad-columns ad-columns-left ad-columns-4"><img src="img/bloomberg-small.gif" alt="Mike Bloomberg"></a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSe5P_hLTgtrSssv1r2vqmxZJsb7wu-nnb78vHBBH_haFgh4hA/viewform" target="_new" class="ad-columns ad-columns-left ad-columns-5"><img src="img/phrenology-small.gif" alt="Phrenology readings"></a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSe5P_hLTgtrSssv1r2vqmxZJsb7wu-nnb78vHBBH_haFgh4hA/viewform" target="_new" class="ad-columns ad-columns-left ad-columns-6"><img src="img/funopticon.gif" alt="Funopticon 2019"></a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSe5P_hLTgtrSssv1r2vqmxZJsb7wu-nnb78vHBBH_haFgh4hA/viewform" target="_new" class="ad-columns ad-columns-left ad-columns-7"><img src="img/punch.gif" alt="Getting punched in the face"></a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSe5P_hLTgtrSssv1r2vqmxZJsb7wu-nnb78vHBBH_haFgh4hA/viewform" target="_new" class="ad-columns ad-columns-left ad-columns-8"><img src="img/rutherford.gif" alt="Rutherford B Hayes action figure"></a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSe5P_hLTgtrSssv1r2vqmxZJsb7wu-nnb78vHBBH_haFgh4hA/viewform" target="_new" class="ad-columns ad-columns-right ad-columns-1"><img src="img/telepathy.gif" alt="Telepathy instructions"></a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSe5P_hLTgtrSssv1r2vqmxZJsb7wu-nnb78vHBBH_haFgh4hA/viewform" target="_new" class="ad-columns ad-columns-right ad-columns-2"><img src="img/plants.gif" alt="Plant pants"></a>
<a href="https://drive.google.com/file/d/1815UYTe7wf117bFuN2KnDyi6WNcr2EbD/view?usp=sharing" target="_new" class="ad-columns ad-columns-right ad-columns-3"><img src="img/alex.gif" alt="Alex's Shame Resume'"></a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSe5P_hLTgtrSssv1r2vqmxZJsb7wu-nnb78vHBBH_haFgh4hA/viewform" target="_new" class="ad-columns ad-columns-right ad-columns-4"><img src="img/pets-small.gif" alt="Pet creatine shakes"></a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSe5P_hLTgtrSssv1r2vqmxZJsb7wu-nnb78vHBBH_haFgh4hA/viewform" target="_new" class="ad-columns ad-columns-right ad-columns-5"><img src="img/meat-small.gif" alt="Human meat"></a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSe5P_hLTgtrSssv1r2vqmxZJsb7wu-nnb78vHBBH_haFgh4hA/viewform" target="_new" class="ad-columns ad-columns-right ad-columns-6"><img src="img/cards.gif" alt="Cards but they're all the six of clubs"></a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSe5P_hLTgtrSssv1r2vqmxZJsb7wu-nnb78vHBBH_haFgh4hA/viewform" target="_new" class="ad-columns ad-columns-right ad-columns-7"><img src="img/snake-oil.gif" alt="Snake oil"></a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSe5P_hLTgtrSssv1r2vqmxZJsb7wu-nnb78vHBBH_haFgh4hA/viewform" target="_new" class="ad-columns ad-columns-right ad-columns-8"><img src="img/air.gif" alt="Air"></a>
<div class="main-container">
<a name="about"></a>
<div class="section">
<img src="img/headers/header-about.png" class="header header-about" alt="About">
<div class="main-container-inner">
<p>Funopticon is an extended weekend of fun & games, debauchery, and regrets*. Think of it as being somewhere in between summer camp for adults and a music festival minus the music.</p>
<p>93% of those who attended in 2021 said Funopticon was one of their top five experiences of the year:</p>
<img src="img/chart.png" alt="chart of results" class="chart">
<p class="small">*Regrets optional but recommended</p>
</div><!--main-container-inner-->
</div><!--section-->
<img src="img/bloomberg-mobile.gif" class="ad-mobile" alt="Sponsored Content">
<a name="when-where"></a>
<div class="section">
<img src="img/headers/header-when-where.png" class="header header-when-where" alt="When & Where">
<div class="main-container-inner">
<p>Funopticon 2022 is August 25–28 at <a href="https://www.google.com/maps/place/Berkshire+Hills+Eisenberg+Camp/@42.0793435,-73.5763244,17z/data=!3m1!4b1!4m5!3m4!1s0x89dd84170549c63b:0x15905cc32f34f77c!8m2!3d42.0793395!4d-73.5741357?shorturl=1">Berkshire Hills Eisenberg Camp</a> (the same place as last year).</p>
<p>The camp is around a three hour drive from New York City, and roughly one hour from the Albany airport. We’ll collect transportation info from everyone attending and help coordinate carpools.</p>
<p>You are welcome to arrive anytime after 3pm EST on Thursday <span class="paren">(8/25)</span>. Dinner will be served on Thursday at 7pm. We have something special planned for Thursday evening, so we highly recommend arriving by then.</p>
<p>The opening ceremony is at 4pm on Friday <span class="paren">(8/26)</span>. <strong>The opening ceremony is mandatory</strong>, so when making travel plans, make sure you can arrive by then at the absolute latest.</p>
<p>Check-out time is 11am Sunday <span class="paren">(8/28)</span>. Formal programming will end on Saturday night, though there will be breakfast served on Sunday morning.</p>
</div><!--main-container-inner-->
</div><!--section-->
<img src="img/cards-mobile.gif" class="ad-mobile" alt="Sponsored Content">
<a name="values"></a>
<div class="section">
<img src="img/headers/header-values.png" class="header header-values" alt="Core Values">
<div class="main-container-inner">
<div class="values-grid">
<div class="values-grid-value">
<img src="img/values/spectacle.png">
<h3>Construct the Spectacle</h3>
<p>Build something great together.</p>
</div>
<div class="values-grid-value">
<img src="img/values/myths.png">
<h3 class="make-myths">Make Myths</h3>
<p>Turn events into legends.</h3>
</div>
<div class="values-grid-value">
<img src="img/values/enthusiasm.png">
<h3 class="request-enthusiasm">Request Enthusiasm</h3>
<p>Respect boundaries and be explicit about consent.</p>
</div>
<div class="values-grid-value">
<img src="img/values/friend.png">
<h3>Be the Friend You Want to Make</h3>
<p>Imagine the most fun person you could meet, and be like that person.</p>
</div>
</div><!--values-grid-->
</div><!--main-container-inner-->
</div><!--section-->
<img src="img/dew-mobile.gif" class="ad-mobile" alt="Sponsored Content">
<a name="tickets"></a>
<div class="section">
<img src="img/headers/header-tickets.png" class="header header-when-where" alt="Tickets">
<div class="main-container-inner">
<p>Tickets to Funopticon are $420.69. Your ticket includes lodging, meals, alcohol (though we recommend supplementing with your own), and some secret Funopticon surprises.</p>
<p align="center"><i>Sorry, Funopticon is sold out!</i></p>
</div><!--main-container-inner-->
</div><!--section-->
<img src="img/meat-mobile.gif" class="ad-mobile" alt="Sponsored Content">
<a name="organizers"></a>
<div class="section">
<img src="img/headers/header-organizers.png" class="header header-organizers" alt="About the Organizers">
<div class="main-container-inner">
<img src="" class="organizer-image">
<div class="mad-libs">
Max, Alex, and Caroline met in <span class="mad-libs-box mad-libs-box--place"></span> in <span class="mad-libs-box mad-libs-box--year"></span><span class="small-space"></span>, after being introduced by <span class="mad-libs-box mad-libs-box--celebrity"></span><span class="small-space"></span>. They first bonded over a meal of <span class="mad-libs-box mad-libs-box--food"></span><span class="small-space"></span>, where they discussed their shared love of <span class="mad-libs-box mad-libs-box--plural-noun mad-libs-box--plural-noun-1"></span> and <span class="mad-libs-box mad-libs-box--ing-verb"></span><span class="small-space"></span>. Their favorite parts of Funopticon are the <span class="mad-libs-box mad-libs-box--adjective"></span> <span class="mad-libs-box mad-libs-box--plural-noun mad-libs-box--plural-noun-2"></span> and watching <span class="mad-libs-box mad-libs-box--attendee-name"></span> <span class="mad-libs-box mad-libs-box--verb"></span><span class="small-space"></span>.
</div><!--mad-libs-->
<div class="refresh-button-container">
<button class="refresh-mad-libs">Refresh Mad Libs</button>
</div>
</div><!--main-container-inner-->
</div><!--section-->
<script>
$(document).ready(function(){
fillMadLibs();
$('.refresh-mad-libs').click(function(){
fillMadLibs();
});
});
function fillMadLibs() {
var organizerImages = ['img/organizers/allies.png', 'img/organizers/stooges.jpg', 'img/organizers/olsens.jpg', 'img/organizers/hogwarts.jpg', 'img/organizers/destiny.jpg', 'img/organizers/jonas.png', 'img/organizers/powerpuff.jpg', 'img/organizers/baudelaires.jpg', 'img/organizers/matrix.jpg', 'img/organizers/eds.jpg', 'img/organizers/plastics.jpg', 'img/organizers/shrek.jpg', 'img/organizers/trumps.jpg', 'img/organizers/animaniacs.png', 'img/organizers/marx.png', 'img/organizers/ppm.jpg', 'img/organizers/zztop.jpg'];
var organizerImage = organizerImages[Math.floor(Math.random() * organizerImages.length)];
$('.organizer-image').attr('src', organizerImage);
var places = ['Florida', 'Syria', 'chess club', 'Bible Study', 'debtors\' prison', 'the Austro-Hungarian Empire', 'Alex\'s imagination', 'space', 'the woods', 'a hot tub', 'the Library of Alexandria', 'Lake Titicaca', 'Mordor', 'the womb', 'Urzopia', 'Chernobyl', 'rehab'];
var place = places[Math.floor(Math.random() * places.length)];
$('.mad-libs-box--place').text(place);
var years = ['1776', '1984', 'the Year of the Chewable Ambien Tab', '44 BC', '1968', '2001', '1959 (the year the music died)', '1929'];
var year = years[Math.floor(Math.random() * years.length)];
$('.mad-libs-box--year').text(year);
var celebrities = ['Martha Stewart', 'Snoop Dogg', 'Gerald Ford', 'Mischa Barton', 'the Situation', 'Alex\'s parents', 'Soulja Boy', 'Suge Knight', 'Lil Dicky', 'Carson Daly', 'Jean-Michel Basquiat', 'Dolly Parton', 'Missy Elliott', 'Dwayne "The Rock" Johnson', 'Whoopi Goldberg', 'Mandy Moore', 'Emeril', 'Benito Mussolini', 'Paula Deen'];
var celebrity = celebrities[Math.floor(Math.random() * celebrities.length)];
$('.mad-libs-box--celebrity').text(celebrity);
var foods = ['tinned fish', 'ortolan', 'nothing but air', 'head cheese', 'shark fin soup', '100 McNuggets', 'puffer fish', 'imitation crab', 'whale meat', 'Guy Fieri delicacies', 'pickled alligator', 'shrimp pot pie,', 'edible underwear', 'duck-in-a-can', 'tinned razor clams', 'banana pudding', 'spam musubi'];
var food = foods[Math.floor(Math.random() * foods.length)];
$('.mad-libs-box--food').text(food);
var pluralNouns = ['chairs', 'pizzerias', 'wombats', 'earwax removal devices', 'charcuterie boards', 'conspiracy theories', 'LaserDiscs', 'Nativity scenes', 'totalitarian societies', 'propaganda posters', 'Death Cab for Cutie cover bands', 'shovels', 'earthquakes', 'diplomats', 'fight clubs', 'chew toys', 'rules', 'handshakes', 'lip rings', 'poison', 'country clubs', 'printing presses', 'beets', 'stool samples', 'bassoons','beefsteak tomatoes'];
var pluralNoun1 = pluralNouns[Math.floor(Math.random() * pluralNouns.length)];
$('.mad-libs-box--plural-noun-1').text(pluralNoun1);
var ingVerbs = ['lucid dreaming', 'French kissing', 'apple picking', 'quilting', 'underwater basket weaving', 'soap carving', 'cockfighting', 'competitive goat herding', 'sleepwalking', 'performing magic', 'stealing', 'freestyle rapping'];
var ingVerb = ingVerbs[Math.floor(Math.random() * ingVerbs.length)];
$('.mad-libs-box--ing-verb').text(ingVerb);
var adjectives = ['mysterious', 'problematic', 'pornographic', 'cubist', 'perplexing', 'overeager', 'dangerous', 'inspirational', 'totalitarian', 'desperate', 'homely', 'old-fashioned', 'wide-eyed', 'colossal', 'mushy', 'tasteless', 'titillating', 'repugnant', 'perfumed', 'smelly', 'erstwhile'];
var adjective = adjectives[Math.floor(Math.random() * adjectives.length)];
$('.mad-libs-box--adjective').text(adjective);
var pluralNoun2 = pluralNouns[Math.floor(Math.random() * pluralNouns.length)];
$('.mad-libs-box--plural-noun-2').text(pluralNoun2);
var attendees = ['Alex Brody', 'Alex Persky-Stern', 'Ali Barton', 'Amanda Weeks', 'Anita Tung', 'Audree Anid', 'Barry Conrad', 'Beatriz Aparicio', 'Bobby Brennan', 'Bora Kim', 'Caroline Eisenmann', 'Cella Jones', 'Chelsea Macco', 'Christina Stead', 'Colin McSwiggen', 'Dan McCormack', 'Emily Schlossman', 'Ethan Carlson', 'Gabriel Flateman', 'Gianna Marx', 'Grace Ross', 'Hong Kim', 'Jack Docal', 'Jack Jester-Weinstein', 'Jessica Clark', 'Jill Adler', 'Joan DeGennaro', 'Josh Levine', 'Jules Emmanuelli', 'Julian Freed-Brown', 'Kalina Jordanova', 'Katherine Yagle', 'Keldin Sergheyev', 'Kelsey Vela', 'Laura Berk', 'Laura Carlson', 'Lily Olson', 'Liz Permenter', 'Mai-Thy Vuong', 'Marley Ward', 'Matt Cashman', 'Mattan Griffel', 'Michael Jaja', 'Mike Wilner', 'Monica Rocha', 'Moss Amer', 'Natalie Samuels', 'Neil Shah', 'Nick Roopenian', 'Olivia Swomley', 'Peter DiPrinzio', 'Rachel Drapper', 'Rio Yamamoto', 'Ryan Merlini ', 'Sage Wright', 'Sean Pennino', 'Simone Paasche', 'Tess Crain', 'Tory Pratt', 'Tyler Tsugita', 'Will Durney'];
var attendee = attendees[Math.floor(Math.random() * attendees.length)];
$('.mad-libs-box--attendee-name').text(attendee);
var verbs = ['collapse', 'explode', 'embarrass themselves', 'experience ego death', 'pray', 'perspire', 'equivocate', 'become permanently disfigured', 'go into crushing debt', 'pleasure themselves', 'cry', 'call their mom', 'strip', 'self-flagellate', 'compute', 'commit wire fraud', 'get arrested', 'expose wrongdoing', 'give birth', 'file lawsuits', 'blush', 'overeat', 'perform surgery', 'grossly overeat', 'get way too high', 'solve the Euler equations', 'frame an innocent man'];
var verb = verbs[Math.floor(Math.random() * verbs.length)];
$('.mad-libs-box--verb').text(verb);
}
</script>
<img src="img/phrenology-mobile.gif" class="ad-mobile" alt="Sponsored Content">
<a name="faq"></a>
<div class="section">
<img src="img/headers/header-faq.png" class="header header-faq" alt="FAQ">
<div class="main-container-inner">
<p class="faq-header">Can I invite my friends/lovers/enemies?</p>
<p class="faq-item">Yes! Feel free to share this page with anyone you want to invite (no cops though). When they <a href="https://docs.google.com/forms/d/e/1FAIpQLSe5P_hLTgtrSssv1r2vqmxZJsb7wu-nnb78vHBBH_haFgh4hA/viewform">book their ticket</a>, we’ll ask for the name of the person who referred them.</p>
<p class="faq-header">Can I get a cheaper ticket if I can only come for two days?</p>
<p class="faq-item">Nah. Since most of our costs are fixed, they wouldn’t have been much cheaper, and it wasn’t worth the extra logistics. If you can only make it for two days, consider the extra $25 a donation to the Funopticon general fund—or an option to come on Thursday at the last minute.</p>
<p>We have something special planned for Thursday evening, so we highly recommend attending for all three days.</p>
<p class="faq-header">Is this really the last one?</p>
<p class="faq-item">It’s official this time—this is the last Funopticon. (At least until we do another one in fifteen years and all bring our kids.) Better for a party to end a little too early than for it to go on a little too long!</p>
<p class="faq-header">Is Funopticon a profit-making enterprise? How do I invest?</p>
<p class="faq-item">We haven’t made any money on this yet (in fact we actually lost money in 2019), but third time’s the charm!</p>
<p class="faq-header">Any updates on Tim’s totally real brain injury?</p>
<p class="faq-item">As you may recall, due to a freak pooping accident in 2020, original Funopticon co-planner Tim Dingman sustained a brain injury that caused him to lose the ability to plan Funopticon, while retaining all other functionality.</p>
<p>Medical experts from around the globe continue their desperate search for a cure. So far, none has been found. New evidence points to a connection with Havana Syndrome, Munchausen by Proxy, and PGADS.</p>
</div><!--main-container-inner-->
<img src="img/logo-spin.gif" class="logo-spin">
</div><!--section-->
</div><!--main-container-->
</div><!--main-->
</body>
</html>
<script>
// smooth scroll
// Select all links with hashes
$('a[href*="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function(event) {
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top
}, 400, function() {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex','-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
</script>