-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
439 lines (390 loc) · 28 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
<!DOCTYPE html>
<html class="scroll-smooth" lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>UXOK Design Conference | Techlahoma</title>
<meta name='viewport' content='width=device-width, initial-scale=1, viewport-fit=cover'>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.svg">
<meta name="twitter:title" content="UXOK Design Conference">
<meta name="twitter:description" content="Oklahoma’s UX/UI Conference. Powered by Techlahoma.">
<meta name="twitter:image" content="https://uxok.org/assets/images/2023/share.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@uxokconf">
<meta property="og:title" content="UXOK Design Conference">
<meta property="og:description" content="Oklahoma’s UX/UI Conference. Powered by Techlahoma.">
<meta property="og:image" content="https://uxok.org/assets/images/2023/share.jpg">
<meta property="og:url" content="https://uxok.org/">
<meta property="og:type" content="website" />
<script async src="https://kit.fontawesome.com/0f5346defd.js" crossorigin="anonymous"></script>
<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=Barlow+Condensed&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/fonts.css">
<link rel="stylesheet" href="assets/css/styles.css">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PVCV2SC');</script>
<!-- End Google Tag Manager -->
</head>
<body class="bg-stone-200 font-barlow fixed">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PVCV2SC"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="fixed w-full h-full z-30 bg-black/60 backdrop-blur-sm overflow-scroll"></div>
<aside class="fixed z-40 p-4 sm:p-8 max-w-screen-sm w-full left-1/2 top-0 -translate-x-1/2 overflow-scroll ">
<div class="bg-stone-200/75 backdrop-blur-sm shadow-sm overflow-scroll h-[90vh] min-h-[300px]">
<div class="container max-screen-w-md mx-auto text-left p-4 sm:p-8">
<h1 class="mb-4 font-soggy uppercase text-3xl leading-none uxok-text-blue-900"><span class="text-5xl block text-stone-600">Update:</span> UXOK Design Conference has been cancelled.</h1>
<h2 class="text-2xl uppercase font-bold uxok-text-blue-900">Changes to this event</h2>
<p class="mb-4 leading-snug block text-lg">Despite our best efforts and enthusiasm for the event, we have unfortunately not received the level of ticket sales and sponsors needed to proceed with its successful execution.
<!-- As organizers, we believe in providing an exceptional experience for all attendees, and we feel that the current circumstances do not allow us to meet that standard. -->
</p>
<h3 class="text-2xl uppercase font-bold uxok-text-blue-900">Getting a refund</h3>
<p class="mb-4 leading-snug block text-lg">Eventbrite should be issuing a refund. Please contact Emily Harden at [email protected] if you have not received a refund in 7-10 days.</p>
<h3 class="text-2xl uppercase font-bold uxok-text-blue-900">Check in for updates</h3>
<p class="mb-4 leading-snug block text-lg">We plan to add some of the UX content to <a class="underline" href="https://thunderplainsconf.com">ThunderPlains</a> this year and we hope to see you there! Head to <a class="underline" href="https://thunderplainsconf.com">thunderplainsconf.com</a> and use code <span class="inline-block bg-slate-500 rounded-sm px-1 font-mono high text-white">UXOK</span> for $25 off.</p>
<p class="mb-4 leading-snug block text-lg">Thank you for your continued support and we hope to see you at our next event in the future!</p>
<p class="mb-4 leading-snug block text-lg">- UXOK Conference Team</p>
</div>
</div>
</aside>
<header class="">
<div class="uxok-bg-blue-900 hidden sm:block sticky top-0 shadow-sm z-10">
<div class="container max-screen-w-md mx-auto text-center py-4 px-4 sm:px-8">
<nav class="text-stone-200 font-soggy flex flex-row gap-8 w-full justify-center">
<!-- <a class="hover:underline hover:decoration-2 hover:underline-offset-4" href="#tickets">Ticketing</a> -->
<a class="hover:underline hover:decoration-2 hover:underline-offset-4" href="#schedule">Schedule</a>
<a class="hover:underline hover:decoration-2 hover:underline-offset-4" href="#speakers">Speakers</a>
<a class="hover:underline hover:decoration-2 hover:underline-offset-4" href="#sponsors">Sponsors</a>
<a class="hover:underline hover:decoration-2 hover:underline-offset-4" href="#faq">FAQs</a>
<a class="hover:underline hover:decoration-2 hover:underline-offset-4" href="#about">About</a>
<!-- <a class="hover:underline hover:decoration-2 hover:underline-offset-4" href="#contact">Contact</a> -->
</nav>
</div>
</div>
</header>
<main class="">
<section class="" id="hero">
<div class="background">
<div class="container max-screen-w-md mx-auto text-center py-8 px-4 sm:p-8">
<h1 class="font-soggy text-4xl lg:text-5xl leading-none logo text-stone-200"><span class="block text-8xl sm:text-9xl lg:text-[200px] ">UXOK</span> Design Conference</h1>
</div>
</div>
<div class=" bg-stone-200 ">
<div class="container max-screen-w-lg mx-auto text-center py-8 px-4 sm:p-8 text-[#323D4F]">
<div class="text-3xl md:text-4xl flex flex-col gap-4 lg:text-4xl lg:gap-6 lg:flex-row items-center justify-center uppercase tracking-wide mb-4">
<span class="leading-none">Friday, August 11</span>
<span class="hidden lg:block leading-none font-soggy -mt-3">.</span>
<span class="leading-none">Skyline on Bricktown Canal</span>
<span class="hidden lg:block leading-none font-soggy -mt-3">.</span>
<span class="hidden lg:block xl:hidden leading-none">OKC</span>
<span class="lg:hidden xl:block leading-none">Oklahoma City, OK</span>
</div>
<!-- <div class="bg-gradient-to-r from-orange-500 via-rose-700 to-orange-500 h-1 mb-8 rounded max-w-screen-lg mx-auto"></div> -->
<!-- TWO UP PATTERN -->
<!-- <div class="flex flex-col md:flex-row gap-4 md:gap-6 justify-center">
<a href="/submit-talk" class="text-center w-full md:w-auto border border-4 text-stone-200 border-[#4F596D] bg-[#4F596D] px-8 py-2 inline-block text-xl bold font-soggy hover:bg-[#374258] hover:border-[#374258] hover:text-stone-200 transition hover:scale-105">Submit Talk</a>
<a href="/tickets" class="w-full md:w-auto border border-4 border-[#4F596D] text-[#4F596D] px-8 py-2 inline-block text-xl bold font-soggy hover:bg-[#4F596D] hover:text-stone-200 transition hover:scale-105">Buy Tickets</a>
</div> -->
<!-- Three Up -->
<div class="flex flex-col lg:flex-row gap-4 md:gap-6 justify-center max-w-[500px] mx-auto lg:max-w-full">
<a href="/tickets" class="text-center w-full md:w-auto border border-4 text-stone-200 border-[#4F596D] bg-[#4F596D] px-8 py-2 inline-block text-xl bold font-soggy hover:bg-[#374258] hover:border-[#374258] hover:text-stone-200 transition hover:scale-105">Buy Tickets</a>
<div class="flex flex-col md:flex-row gap-4 md:gap-6 justify-center ">
<a href="/sponsor-us" class="w-full lg:w-auto border border-4 border-[#4F596D] text-[#4F596D] px-8 py-2 inline-block text-xl bold font-soggy hover:bg-[#4F596D] hover:text-stone-200 transition hover:scale-105">Sponsor Us</a>
</div>
</div>
</div>
</div>
</section>
<section class="mb-8" id="tickets">
<div class="container max-w-screen-md mx-auto text-left py-4 px-4 sm:px-8 border">
<!-- Header -->
<div class="text-left mb-4"><h2 class="pt-16 font-soggy text-3xl sm:text-4xl md:text-5xl tracking-wide pr-1 border-stone-400 border-b-2 pb-1 border-dashed inline-block uxok-text-blue-600">Tickets</h2></div>
<p class="mb-2">Dive into the world of user experience at UXOK. Connect with industry leaders, explore informative sessions on the latest trends and cutting-edge technologies in UX design, and expand your professional network.</p>
<p class="mb-8">Buying more than 4 tickets? <a class="underline" href="mailto:[email protected]">Contact us</a> for a special rate.</p>
<h3 class="font-soggy text-2xl tracking-wide uxok-text-blue-600 mb-2">TICKET TYPES</h3>
<div class="max-w-md flex flex-col gap-4 mb-8">
<!-- Ticket Tier -->
<div class="w-full bg-stone-100 p-4 rounded drop-shadow-sm">
<h3 class="text-xl uppercase flex justify-between font-bold mb-2"><strong>General Admission</strong><span>$150.00</span></h3>
<p class="italic uxok-text-blue-600">Access to the only UX/UI conference in Oklahoma.</p>
</div>
<!-- Ticket Tier -->
<div class="w-full bg-stone-100 p-4 rounded drop-shadow-sm">
<h3 class="text-xl uppercase flex justify-between font-bold mb-2"><strong>Professional Ticket</strong><span>$250.00</span></h3>
<p class="italic uxok-text-blue-600">The corporate rate is if your company is paying for attendance to the conference. See <a class="underline" href="#question-corporate-ticket">our FAQ</a> for more information. </p>
</div>
<!-- Ticket Tier -->
<div class="w-full bg-stone-100 p-4 rounded drop-shadow-sm">
<h3 class="text-xl uppercase flex justify-between font-bold mb-2"><strong>Student Admission</strong><span>$75.00</span></h3>
<p class="italic uxok-text-blue-600">From traditional universities, to trade school to teaching yourself freeCodeCamp, if you identify as a student, we think you’re one too!</p>
</div>
</div>
<a href="/tickets" class="text-center w-full md:w-auto border border-4 text-stone-200 border-[#4F596D] bg-[#4F596D] px-8 py-2 inline-block text-xl bold font-soggy hover:bg-[#374258] hover:border-[#374258] hover:text-stone-200 transition hover:scale-105">Buy Tickets</a>
</div>
</section>
<section class="mb-8" id="schedule">
<div class="container max-w-screen-md mx-auto text-left py-4 px-4 sm:px-8 border">
<div class="text-left">
<div class="pt-16 relative mb-8">
<h2 class=" font-soggy text-3xl sm:text-4xl md:text-5xl tracking-wide pr-1 border-stone-400 border-b-2 pb-1 border-dashed inline-block uxok-text-blue-600">schedule</h2>
</div>
<div>
<table class="text-lg sm:text-xl ">
<tr class="align-top">
<td class="pt-2 w-20 sm:w-28 sm:text-right pr-6 uxok-text-blue">8:30 AM</td><td class="pl-6 pt-2 border-l-2 border-stone-400 border-dashed pb-4 md:pb-8 max-w-md lg:max-w-lg">Doors Open</td>
</tr>
<tr class="align-top">
<td class="w-20 sm:w-28 sm:text-right pr-6 uxok-text-blue">9:15 AM</td><td class="pl-6 border-l-2 border-stone-400 border-dashed pb-4 md:pb-8 max-w-md lg:max-w-lg">Opening Presentation</td>
</tr>
<tr class="align-top">
<td class="w-20 sm:w-28 sm:text-right pr-6 uxok-text-blue">9:30 AM</td><td class="pl-6 border-l-2 border-stone-400 border-dashed pb-4 md:pb-8 max-w-md lg:max-w-lg">How to Design with Developers in Mind</td>
</tr>
<tr class="align-top">
<td class="w-20 sm:w-28 sm:text-right pr-6 uxok-text-blue">10:30 AM</td><td class="pl-6 border-l-2 border-stone-400 border-dashed pb-4 md:pb-8 max-w-md lg:max-w-lg">Activity Hour</td>
</tr>
<tr class="align-top">
<td class="w-20 sm:w-28 sm:text-right pr-6 uxok-text-blue">11:30 AM</td><td class="pl-6 border-l-2 border-stone-400 border-dashed pb-4 md:pb-8 max-w-md lg:max-w-lg">Once Upon A Design System: Unleashing the Potential of Design Systems through Storytelling</td>
</tr>
<tr class="align-top">
<td class="w-20 sm:w-28 sm:text-right pr-6 uxok-text-blue">12:30 PM</td><td class="pl-6 border-l-2 border-stone-400 border-dashed pb-4 md:pb-8 max-w-md lg:max-w-lg">Lunch</td>
</tr>
<tr class="align-top">
<td class="w-20 sm:w-28 sm:text-right pr-6 uxok-text-blue">1:30 PM</td><td class="pl-6 border-l-2 border-stone-400 border-dashed pb-4 md:pb-8 max-w-md lg:max-w-lg">Creating Accessibility Ecosystems: Organizational Scaffolding for Design, Development, and Content</td>
</tr>
<tr class="align-top">
<td class="w-20 sm:w-28 sm:text-right pr-6 uxok-text-blue">2:30 PM</td><td class="pl-6 border-l-2 border-stone-400 border-dashed pb-4 md:pb-8 max-w-md lg:max-w-lg">Where's that button?: 4 UX Mistakes That Are Everywhere - An Intro to Object Oriented UX</td>
</tr>
<tr class="align-top">
<td class="w-20 sm:w-28 sm:text-right pr-6 uxok-text-blue">3:30 PM</td><td class="pl-6 border-l-2 border-stone-400 border-dashed pb-4 md:pb-8 max-w-md lg:max-w-lg">Unleashing Innovation: Applying Design Thinking to Software Product Development</td>
</tr>
<tr class="align-top">
<td class="pb-6 w-20 sm:w-28 sm:text-right pr-6 uxok-text-blue">4:30 PM</td><td class="pl-6 border-l-2 border-stone-400 border-dashed pb-4 md:pb-8 max-w-md lg:max-w-lg">Closing Remarks</td>
</tr>
<tr class="align-top">
<td class="pb-6 w-20 sm:w-28 sm:text-right pr-6 uxok-text-blue">5:00 PM</td><td class="pl-6 border-l-2 border-stone-400 border-dashed pb-4 md:pb-8 max-w-md lg:max-w-lg">Networking After-party</td>
</tr>
</table>
</div>
</div>
<p></p>
</div>
</section>
<section class="mb-8" id="speakers">
<div class="container max-w-screen-md mx-auto text-left py-4 px-4 sm:px-8 border">
<div class="text-left mb-8">
<div class="pt-16 relative mb-8">
<h2 class=" font-soggy text-3xl sm:text-4xl md:text-5xl tracking-wide pr-1 border-stone-400 border-b-2 pb-1 border-dashed inline-block uxok-text-blue-600">speakers</h2>
</div>
<div class="relative ">
<ul class="grid gap-4">
<li class="bg-stone-100 rounded drop-shadow-sm flex flex-col sm:flex-row stretch">
<div class="aspect-square sm:aspect-auto sm:w-[200px] sm:h-auto bg-no-repeat bg-cover bg-center rounded-l shrink-0" style="background-image: url(/assets/images/2023/speakers/elena-haskins.jpg);"></div>
<div class="p-4 ">
<div class="">
<h4 class="font-soggy text-3xl mb-2 leading-none ">"Where's that button?":
<span class="font-barlow uppercase text-2xl leading-none block uxok-text-blue" >4 UX Mistakes That Are Everywhere - An Intro to Object Oriented UX</span>
</h4>
<div class="sm:flex items-end justify-between">
<div class="leading-tight">
<span class="block text-3xl font-bold uppercase ">Elena Haskins</span>
<span class="block text-lg uxok-text-blue-600 italic ">
<a href="https://www.anele.design/" class="uxok-text-blue-hover hover:underline">Anele </a>
</span>
</div>
<div class="flex gap-3 ">
<a class="uxok-text-blue-hover hover:scale-110 transition" href="https://www.linkedin.com/in/elenajhaskins/">
<i class="fa-brands fa-lg fa-linkedin"></i>
</a>
</div>
</div>
</div>
</li>
<li class="bg-stone-100 rounded drop-shadow-sm flex flex-col sm:flex-row stretch">
<div class="aspect-square sm:aspect-auto sm:w-[200px] sm:h-auto bg-no-repeat bg-cover bg-center rounded-l shrink-0" style="background-image: url(/assets/images/2023/speakers/jarvis-moore.jpg);"></div>
<div class="p-4 ">
<div class="">
<h4 class="font-soggy text-4xl mb-2 leading-none ">Once Upon A Design System: <span class="font-barlow uppercase text-2xl leading-none block uxok-text-blue">Unleashing the Potential of Design Systems through Storytelling</span> </h4>
<div class="sm:flex items-end justify-between">
<div class="leading-tight">
<span class="block text-3xl font-bold uppercase ">Jarvis Moore</span>
<span class="block text-lg uxok-text-blue-600 italic ">
<a href="https://www.linkedin.com" class="uxok-text-blue-hover hover:underline">LinkedIn</a>
</span>
</div>
<!-- social -->
<div class="flex gap-3 ">
<a class="uxok-text-blue-hover hover:scale-110 transition" href="https://www.linkedin.com/in/jarvismoore1016/">
<i class="fa-brands fa-lg fa-linkedin"></i>
</a>
</div>
</div>
</div>
</li>
<li class="bg-stone-100 rounded drop-shadow-sm flex flex-col sm:flex-row stretch">
<div class="aspect-square sm:aspect-auto sm:w-[200px] sm:h-auto bg-no-repeat bg-cover bg-center rounded-l shrink-0" style="background-image: url(/assets/images/2023/speakers/aaron-krauss.jpg);"></div>
<div class="p-4 ">
<h4 class="font-soggy text-3xl md:text-4xl mb-4 leading-none ">How to Design with Developers in Mind </h4>
<div class="sm:flex items-end justify-between">
<div class="leading-tight">
<span class="block text-3xl font-bold uppercase ">Aaron Krauss</span>
<span class="block text-lg uxok-text-blue-600 italic ">
<a href="https://clevyr.com/" class="uxok-text-blue-hover hover:underline">Clevyr</a>
</span>
</div>
<!-- social -->
<div class="flex gap-3">
<a class="uxok-text-blue-hover hover:scale-110 transition" href="https://www.linkedin.com/in/alkrauss48">
<i class="fa-brands fa-lg fa-linkedin"></i>
</a>
<a class="uxok-text-blue-hover hover:scale-110 transition" href="https://thecodeboss.dev">
<i class="fa-regular fa-globe"></i>
</a>
</div>
</div>
</div>
</li>
<li class="bg-stone-100 rounded drop-shadow-sm flex flex-col sm:flex-row stretch">
<div class="aspect-square sm:aspect-auto sm:w-[200px] sm:h-auto bg-no-repeat bg-cover bg-center rounded-l shrink-0" style="background-image: url(/assets/images/2023/speakers/rob-carr.jpg);"></div>
<div class="p-4 ">
<div class="">
<h4 class="font-soggy text-3xl mb-2 leading-none ">Creating Accessibility Ecosystems: <span class="font-barlow uppercase text-2xl leading-none block uxok-text-blue">Organizational Scaffolding for Design, Development, and Content</span> </h4>
<div class="sm:flex items-end justify-between">
<div class="leading-tight">
<span class="block text-3xl font-bold uppercase ">Rob Carr</span>
<span class="block text-lg uxok-text-blue-600 italic ">
<a href="https://webaim.org/" class="uxok-text-blue-hover hover:underline">WebAIM</a>
</span>
</div>
<div class="flex gap-3 ">
<a class="uxok-text-blue-hover hover:scale-110 transition" href="https://www.linkedin.com/in/robcarra11y/">
<i class="fa-brands fa-lg fa-linkedin"></i>
</a>
</div>
</div>
</div>
</li>
<li class="bg-stone-100 rounded drop-shadow-sm flex flex-col sm:flex-row stretch">
<div class="aspect-square sm:aspect-auto sm:w-[200px] sm:h-auto bg-no-repeat bg-cover bg-top rounded-l shrink-0" style="background-image: url(/assets/images/2023/speakers/tadeh-hakopian.jpg);"></div>
<div class="p-4 ">
<div class="">
<h4 class="font-soggy text-3xl mb-2 leading-none ">Unleashing Innovation: <span class="font-barlow uppercase text-2xl leading-none block uxok-text-blue">Applying Design Thinking to Software Product Development</span> </h4>
<div class="sm:flex items-end justify-between">
<div class="leading-tight">
<span class="block text-3xl font-bold uppercase ">Tadeh Hakopian</span>
<span class="block text-lg uxok-text-blue-600 italic ">
Independent Consultant
</span>
</div>
<div class="flex gap-3 ">
<a class="uxok-text-blue-hover hover:scale-110 transition" href="https://www.linkedin.com/in/thakopian/">
<i class="fa-brands fa-lg fa-linkedin"></i>
</a>
<a class="uxok-text-blue-hover hover:scale-110 transition" href="https://twitter.com/tadeh_hakopian">
<i class="fa-brands fa-lg fa-twitter"></i>
</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<p></p>
</div>
</section>
<section class="mb-8" id="sponsors">
<div class="container max-w-screen-md mx-auto text-left py-4 px-4 sm:px-8 border">
<div class="text-left mb-4"><h2 class="pt-16 font-soggy text-3xl sm:text-4xl md:text-5xl tracking-wide pr-1 border-stone-400 border-b-2 pb-1 border-dashed inline-block uxok-text-blue-600">sponsors</h2></div>
<p class="mb-8">We thank our sponsors for their invaluable support in making the UXOK Conference a success and enhancing the experience for all attendees.</p>
<!-- Giveaway -->
<h3 class="font-soggy text-2xl tracking-wide uxok-text-blue-600 mb-4">GIVEAWAY SPONSORS</h3>
<a href="https://www.jetbrains.com/" class="block mb-8">
<img alt="Jet Brains software logo" class="block max-w-full w-60" src="/assets/images/2023/sponsors/sponsor-jet-brains.png" />
</a>
<a href="https://userbob.com/" class="block mb-12">
<img alt="Userbob logo" class="block max-w-full w-60" src="/assets/images/2023/sponsors/sponsor-userbob.png" />
</a>
<p class="mb-2">Interested in becoming a sponsor? </p>
<a href="/sponsor-us" class="text-center w-full md:w-auto border border-4 text-stone-200 border-[#4F596D] bg-[#4F596D] px-8 py-2 inline-block text-xl bold font-soggy hover:bg-[#374258] hover:border-[#374258] hover:text-stone-200 transition hover:scale-105">Sponsor Us</a>
</div>
</section>
<section class="mb-8" id="faq">
<div class="container max-w-screen-md mx-auto text-left py-4 px-4 sm:px-8 border">
<div class="text-left mb-4"><h2 class="pt-16 font-soggy text-3xl sm:text-4xl md:text-5xl tracking-wide pr-1 border-stone-400 border-b-2 pb-1 border-dashed inline-block uxok-text-blue-600">Frequently Asked Questions</h2></div>
<ul class="list-none">
<li class="mb-6" id="question-where">
<strong class="block text-lg uxok-text-blue bold">Where is the conference?</strong>
<a class="underline" href="https://skylinebricktown.com/">The Skyline on Bricktown Canal</a> event venue. Located in downtown OKC, in the Bricktown neighborhood. It's above <a class="underline" href="https://www.vergeokc.com/">The Verge</a> co-working space.
</li>
<li class="mb-6" id="question-new-to-ux">
<strong class="block text-lg uxok-text-blue bold">I’m new to UX. Is this conference for me?</strong>
Absolutely. Our conference covers subjects for all UX knowledge levels.
</li>
<li class="mb-6" id="question-network">
<strong class="block text-lg uxok-text-blue bold">Will I have a chance to network with other attendees?</strong>
Yes! After the conference, we host an optional after-party for attendees to meet up.
</li>
<!-- <li class="mb-6" id="question-">
<strong class="block text-lg uxok-text-blue bold">What airport should I use if flying in for the conference?</strong>
ANSWER_HERE
</li> -->
<!-- <li class="mb-6" id="question-">
<strong class="block text-lg uxok-text-blue bold">Once I'm in Tulsa, how should I get around?</strong>
ANSWER_HERE
</li> -->
<!-- <li class="mb-6" id="question-">
<strong class="block text-lg uxok-text-blue bold">What about hotels?</strong>
ANSWER_HERE
</li> -->
<!-- <li class="mb-6" id="question-">
<strong class="block text-lg uxok-text-blue bold">Where should I park for the event?</strong>
ANSWER_HERE
</li> -->
<li class="mb-6" id="question-food-provided">
<strong class="block text-lg uxok-text-blue bold">Will food be provided during the conference?</strong>
We will provide coffee, snacks, and drinks throughout the day, and lunch including vegan and gluten-free options (please mark any restrictions on your ticket registration form).
</li>
<li class="mb-6" id="question-corporate-ticket">
<strong class="block text-lg uxok-text-blue bold">What's the difference in tickets?</strong>
The corporate ticket is if your company is paying for attendance to the conference. You will help keep the conference affordable for everyone, especially students and those requiring a travel grant. Government employees should also register at the corporate rate. The general admission ticket is for individual attendees or non-profit/military/education attendees.
</li>
<li class="mb-6" id="question-corporate-ticket">
<strong class="block text-lg uxok-text-blue bold">Do you need volunteers day-of?</strong>
Yes! If you're interested in volunteering during the conference, please fill out <a class="underline" href="https://airtable.com/shrUR13Hofy4WcOC5">this form</a>.
</li>
</ul>
</div>
</section>
<section class="mb-8" id="about">
<div class="container max-w-screen-md mx-auto text-left py-4 px-4 sm:px-8 border">
<div class="text-left mb-4"><h2 class="pt-16 font-soggy text-3xl sm:text-4xl md:text-5xl tracking-wide pr-1 border-stone-400 border-b-2 pb-1 border-dashed inline-block uxok-text-blue-600">about</h2></div>
<p class="mb-2">Founded in 2021, UXOK is a design conference that focuses on user experience and related tech that make the web accessible, delightful, and functional.</p>
<p class="mb-2">UXOK is organized and backed by the <a class="underline" href="https://www.techlahoma.org/">Techlahoma Foundation</a> – a volunteer-run 501(c)3 non-profit. Techlahoma is dedicated to advancing Oklahomans through accessible tech training and community building.</p>
<p class="mb-8">See previous conference websites: <a class="cursor-not-allowed underline opacity-25" href="#">2022</a>, <a class="underline" href="/archive/2021/">2021</a></p>
<div class="bg-stone-300 p-8 rounded">
<h3 class="font-soggy text-2xl tracking-wide uxok-text-blue-600 mb-2">Code of Conduct</h3>
<p>Before attending the conference, please review the <a class="underline" href="https://www.techlahoma.org/code-of-conduct/">Techlahoma Code of Conduct</a>. The Code of Conduct applies to all attendees, speakers, volunteers, and vendors at official and unofficial events by the <a class="underline" href="https://techlahoma.org/">Techlahoma Foundation</a> and any location where attendees may be congregating. Please <a class="underline" href="mailto:[email protected]">contact us</a> if you have questions.</p>
</div>
</div>
</section>
<!-- <section class="mb-16" id="contact">
<div class="container max-w-screen-md mx-auto text-left py-4 px-4 sm:px-8 border">
<div class="text-left mb-4"><h2 class="pt-16 font-soggy text-3xl sm:text-4xl md:text-5xl tracking-wide pr-1 border-stone-400 border-b-2 pb-1 border-dashed inline-block uxok-text-blue-600">contact </h2></div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio amet impedit placeat ab maiores dicta aut, eius accusamus at aperiam iste velit reiciendis molestiae incidunt nulla debitis sint repudiandae quisquam.</p>
</div>
</section> -->
</main>
<div class="px-8 text-center mt-8">
<img alt="" class="block max-w-full mx-auto" src="/assets/images/2023/rope.gif" alt="">
</div>
<footer class=" mt-4 md:mt-8 pb-8 text-center uppercase ">
© 2021 - 2023 <strong><a href="https://www.techlahoma.org/">Techlahoma Foundation</a></strong>. All rights reserved
</footer>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-101276171-3"></script>
</body>
</html>