Untitled
public
Jul 27, 2024
Never
27
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Pnyx</title> 7 <link rel="stylesheet" href="css/output.css"> 8 <link rel="stylesheet" href="css/styles.css"> 9 <script src="static/js/formHandler.js" defer></script> 10 <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap" rel="stylesheet"> 11 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" integrity="sha384-4D+kM1IAeSZj/M7U9dDX5tIsfnOeuHAwSXUw9CvWa/3q8nGjGaZHqEpVy+CiKMJf" crossorigin="anonymous"> 12 <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js" defer integrity="sha384-YTzABQ46rVx/4DCeSktMBvQiKsyovfrS889NR8fqbnOZmXK7B6LCvrNHvrJYZO7c" crossorigin="anonymous"></script> 13 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js" defer integrity="sha384-erYUldb/TQAx1rvgXRgI9dhEtJnBmBTbttipgbYhZjxGycFW9pBg3fN7ajH7k3O2" crossorigin="anonymous"></script> 14 <meta http-equiv="Content-Security-Policy" 15 content="default-src 'self'; 16 script-src 'self' 'sha256-Bed9qzUU2IVkAAxp73fh88GAnMchALEvifOr4XcPQ/4=' 17 'sha256-rx35CH5hONLWpWC9d43ABhaVMBiWHzn6/Npxn7D7UT0=' 18 'sha256-HC/7mAU+xhanEo18GAjE8J4Wnp9Fo4+i/e2PeNW2VeQ=' 19 'sha256-66gRKVjRFyDmaZVN1QTwH4ThLwRwMwvOZGYWKJ8uXP4=' 20 'unsafe-eval' https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js; 21 style-src 'self' 'sha256-WmyMLJokW+oizRe7FT8qTk+WRdfJE6vhzFX5xSPiGiw=' 'unsafe-inline' https://fonts.googleapis.com https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css 'nonce-{{ nonce }}'; 22 font-src 'self' https://fonts.gstatic.com data:; 23 connect-src 'self' https://pnyx-0fe8297d9f8b.herokuapp.com; 24 object-src 'none'; 25 base-uri 'self';"> 26 <script nonce="{{ nonce }}"> 27 function isMobileOrTablet() { 28 return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Tablet|iPad/i.test(navigator.userAgent) || (window.innerWidth <= 1024 && window.innerHeight <= 1366); 29 } 30 31 function redirectToMobile() { 32 if (isMobileOrTablet() && window.location.pathname !== '/index.mobile.html') { 33 window.location.href = 'index.mobile.html'; 34 } 35 } 36 37 document.addEventListener('DOMContentLoaded', redirectToMobile); 38 </script> 39 </head> 40 <body x-data="formHandler()" class="bg-white-100 h-screen"> 41 <div class="flex flex-col h-full"> 42 <header class="h-18p bg-white flex flex-col items-center justify-center border-b-0 border-black p-0 m-0"> 43 <h1 class="text-gray-800 font-bold glitch" style="font-family: 'Roboto', sans-serif; margin-top: 2rem;">Pnyx.</h1> 44 </header> 45 46 <nav class="flex flex-col items-center bg-white pb-6"> 47 <div class="nav-buttons"> 48 <a href="#" class="text-xl text-gray-800 hover:text-black mx-4 hover-effect px-3 py-2 nav-button" 49 :class="{ 'active-tab': activeSection === 'events' }" 50 @click.prevent="activeSection = 'events'">Events</a> 51 <a href="#" class="text-xl text-gray-800 hover:text-black mx-4 hover-effect px-3 py-2 nav-button" 52 :class="{ 'active-tab': activeSection === 'register' }" 53 @click.prevent="activeSection = 'register'">Register</a> 54 <a href="#" class="text-xl text-gray-800 hover:text-black mx-4 hover-effect px-3 py-2 nav-button" 55 :class="{ 'active-tab': activeSection === 'about' }" 56 @click.prevent="activeSection = 'about'">About</a> 57 </div> 58 </nav> 59 <div class="flex-grow flex items-center justify-center"> 60 <div id="eventsContent" class="content-div w-3/4 h-3/4 bg-gray-100 p-8 shadow" x-show="activeSection === 'events'" x-cloak> 61 <p>TBA</p> 62 </div> 63 64 <div id="registerContent" class="content-div w-3/4 h-3/4 bg-gray-100 p-8 shadow" x-show="activeSection === 'register'" x-cloak> 65 <form @submit.prevent="validateAndSaveFormData" class="w-full max-w-md form-margin" action="https://pnyx-0fe8297d9f8b.herokuapp.com/register" method="POST"> 66 <input type="hidden" id="csrf_token" name="csrf_token" value="{{ csrf_token() }}"> 67 <div class="flex items-center mt-4"> 68 <label class="block text-black text-sm font-bold mb-2 form-label" for="firstname">First name:</label> 69 <input class="shadow appearance-none border w-1/2 py-2 px-3 text-black leading-tight focus:outline-none focus:shadow-outline input-field" type="text" id="firstname" name="firstname" x-model="formData.firstname" required> 70 </div> 71 <div class="flex items-center"> 72 <label class="block text-black text-sm font-bold mb-2 form-label" for="lastname">Last name:</label> 73 <input class="shadow appearance-none border w-1/2 py-2 px-3 text-black leading-tight focus:outline-none focus:shadow-outline input-field" type="text" id="lastname" name="lastname" x-model="formData.lastname" required> 74 </div> 75 <div class="flex items-center"> 76 <label class="block text-black text-sm font-bold mb-2 form-label" for="email">E-mail:</label> 77 <input class="shadow appearance-none border w-1/2 py-2 px-3 text-black leading-tight focus:outline-none focus:shadow-outline input-field" type="email" id="email" name="email" x-model="formData.email" required> 78 </div> 79 <div class="flex items-center"> 80 <label class="block text-black text-sm font-bold mb-2 form-label" for="phone">Phone:</label> 81 <select class="shadow appearance-none border py-2 px-3 text-black leading-tight focus:outline-none focus:shadow-outline country-code-select" id="countryCode" name="countryCode" x-model="formData.countryCode" required> 82 <option value="+46">+46 (Sweden)</option> 83 <option value="+44">+44 (UK)</option> 84 <option value="+91">+91 (India)</option> 85 <option value="+93">+93 (Afghanistan)</option> 86 <option value="+355">+355 (Albania)</option> 87 <option value="+213">+213 (Algeria)</option> 88 <option value="+376">+376 (Andorra)</option> 89 <option value="+244">+244 (Angola)</option> 90 <option value="+54">+54 (Argentina)</option> 91 <option value="+374">+374 (Armenia)</option> 92 <option value="+61">+61 (Australia)</option> 93 <option value="+43">+43 (Austria)</option> 94 <option value="+994">+994 (Azerbaijan)</option> 95 <option value="+973">+973 (Bahrain)</option> 96 <option value="+880">+880 (Bangladesh)</option> 97 <option value="+375">+375 (Belarus)</option> 98 <option value="+32">+32 (Belgium)</option> 99 <option value="+501">+501 (Belize)</option> 100 <option value="+229">+229 (Benin)</option> 101 <option value="+975">+975 (Bhutan)</option> 102 <option value="+591">+591 (Bolivia)</option> 103 <option value="+387">+387 (Bosnia and Herzegovina)</option> 104 <option value="+267">+267 (Botswana)</option> 105 <option value="+55">+55 (Brazil)</option> 106 <option value="+673">+673 (Brunei)</option> 107 <option value="+359">+359 (Bulgaria)</option> 108 <option value="+226">+226 (Burkina Faso)</option> 109 <option value="+257">+257 (Burundi)</option> 110 <option value="+855">+855 (Cambodia)</option> 111 <option value="+237">+237 (Cameroon)</option> 112 <option value="+238">+238 (Cape Verde)</option> 113 <option value="+236">+236 (Central African Republic)</option> 114 <option value="+235">+235 (Chad)</option> 115 <option value="+56">+56 (Chile)</option> 116 <option value="+86">+86 (China)</option> 117 <option value="+57">+57 (Colombia)</option> 118 <option value="+269">+269 (Comoros)</option> 119 <option value="+242">+242 (Congo)</option> 120 <option value="+243">+243 (Congo, Democratic Republic)</option> 121 <option value="+506">+506 (Costa Rica)</option> 122 <option value="+385">+385 (Croatia)</option> 123 <option value="+53">+53 (Cuba)</option> 124 <option value="+357">+357 (Cyprus)</option> 125 <option value="+420">+420 (Czech Republic)</option> 126 <option value="+45">+45 (Denmark)</option> 127 <option value="+253">+253 (Djibouti)</option> 128 <option value="+1 767">+1 767 (Dominica)</option> 129 <option value="+1 809">+1 809 (Dominican Republic)</option> 130 <option value="+670">+670 (East Timor)</option> 131 <option value="+593">+593 (Ecuador)</option> 132 <option value="+20">+20 (Egypt)</option> 133 <option value="+503">+503 (El Salvador)</option> 134 <option value="+240">+240 (Equatorial Guinea)</option> 135 <option value="+291">+291 (Eritrea)</option> 136 <option value="+372">+372 (Estonia)</option> 137 <option value="+251">+251 (Ethiopia)</option> 138 <option value="+679">+679 (Fiji)</option> 139 <option value="+358">+358 (Finland)</option> 140 <option value="+33">+33 (France)</option> 141 <option value="+241">+241 (Gabon)</option> 142 <option value="+220">+220 (Gambia)</option> 143 <option value="+995">+995 (Georgia)</option> 144 <option value="+49">+49 (Germany)</option> 145 <option value="+233">+233 (Ghana)</option> 146 <option value="+30">+30 (Greece)</option> 147 <option value="+299">+299 (Greenland)</option> 148 <option value="+502">+502 (Guatemala)</option> 149 <option value="+224">+224 (Guinea)</option> 150 <option value="+245">+245 (Guinea-Bissau)</option> 151 <option value="+592">+592 (Guyana)</option> 152 <option value="+509">+509 (Haiti)</option> 153 <option value="+504">+504 (Honduras)</option> 154 <option value="+852">+852 (Hong Kong)</option> 155 <option value="+36">+36 (Hungary)</option> 156 <option value="+354">+354 (Iceland)</option> 157 <option value="+91">+91 (India)</option> 158 <option value="+62">+62 (Indonesia)</option> 159 <option value="+98">+98 (Iran)</option> 160 <option value="+964">+964 (Iraq)</option> 161 <option value="+353">+353 (Ireland)</option> 162 <option value="+972">+972 (Israel)</option> 163 <option value="+39">+39 (Italy)</option> 164 <option value="+225">+225 (Ivory Coast)</option> 165 <option value="+81">+81 (Japan)</option> 166 <option value="+962">+962 (Jordan)</option> 167 <option value="+7">+7 (Kazakhstan)</option> 168 <option value="+254">+254 (Kenya)</option> 169 <option value="+686">+686 (Kiribati)</option> 170 <option value="+965">+965 (Kuwait)</option> 171 <option value="+996">+996 (Kyrgyzstan)</option> 172 <option value="+856">+856 (Laos)</option> 173 <option value="+371">+371 (Latvia)</option> 174 <option value="+961">+961 (Lebanon)</option> 175 <option value="+266">+266 (Lesotho)</option> 176 <option value="+231">+231 (Liberia)</option> 177 <option value="+218">+218 (Libya)</option> 178 <option value="+423">+423 (Liechtenstein)</option> 179 <option value="+370">+370 (Lithuania)</option> 180 <option value="+352">+352 (Luxembourg)</option> 181 <option value="+853">+853 (Macau)</option> 182 <option value="+389">+389 (Macedonia)</option> 183 <option value="+261">+261 (Madagascar)</option> 184 <option value="+265">+265 (Malawi)</option> 185 <option value="+60">+60 (Malaysia)</option> 186 <option value="+960">+960 (Maldives)</option> 187 <option value="+223">+223 (Mali)</option> 188 <option value="+356">+356 (Malta)</option> 189 <option value="+692">+692 (Marshall Islands)</option> 190 <option value="+222">+222 (Mauritania)</option> 191 <option value="+230">+230 (Mauritius)</option> 192 <option value="+52">+52 (Mexico)</option> 193 <option value="+691">+691 (Micronesia)</option> 194 <option value="+373">+373 (Moldova)</option> 195 <option value="+377">+377 (Monaco)</option> 196 <option value="+976">+976 (Mongolia)</option> 197 <option value="+382">+382 (Montenegro)</option> 198 <option value="+212">+212 (Morocco)</option> 199 <option value="+258">+258 (Mozambique)</option> 200 <option value="+95">+95 (Myanmar)</option> 201 <option value="+264">+264 (Namibia)</option> 202 <option value="+674">+674 (Nauru)</option> 203 <option value="+977">+977 (Nepal)</option> 204 <option value="+31">+31 (Netherlands)</option> 205 <option value="+64">+64 (New Zealand)</option> 206 <option value="+505">+505 (Nicaragua)</option> 207 <option value="+227">+227 (Niger)</option> 208 <option value="+234">+234 (Nigeria)</option> 209 <option value="+47">+47 (Norway)</option> 210 <option value="+968">+968 (Oman)</option> 211 <option value="+92">+92 (Pakistan)</option> 212 <option value="+680">+680 (Palau)</option> 213 <option value="+970">+970 (Palestine)</option> 214 <option value="+507">+507 (Panama)</option> 215 <option value="+675">+675 (Papua New Guinea)</option> 216 <option value="+595">+595 (Paraguay)</option> 217 <option value="+51">+51 (Peru)</option> 218 <option value="+63">+63 (Philippines)</option> 219 <option value="+48">+48 (Poland)</option> 220 <option value="+351">+351 (Portugal)</option> 221 <option value="+974">+974 (Qatar)</option> 222 <option value="+40">+40 (Romania)</option> 223 <option value="+7">+7 (Russia)</option> 224 <option value="+250">+250 (Rwanda)</option> 225 <option value="+685">+685 (Samoa)</option> 226 <option value="+378">+378 (San Marino)</option> 227 <option value="+239">+239 (Sao Tome and Principe)</option> 228 <option value="+966">+966 (Saudi Arabia)</option> 229 <option value="+221">+221 (Senegal)</option> 230 <option value="+381">+381 (Serbia)</option> 231 <option value="+248">+248 (Seychelles)</option> 232 <option value="+232">+232 (Sierra Leone)</option> 233 <option value="+65">+65 (Singapore)</option> 234 <option value="+421">+421 (Slovakia)</option> 235 <option value="+386">+386 (Slovenia)</option> 236 <option value="+677">+677 (Solomon Islands)</option> 237 <option value="+252">+252 (Somalia)</option> 238 <option value="+27">+27 (South Africa)</option> 239 <option value="+82">+82 (South Korea)</option> 240 <option value="+211">+211 (South Sudan)</option> 241 <option value="+34">+34 (Spain)</option> 242 <option value="+94">+94 (Sri Lanka)</option> 243 <option value="+249">+249 (Sudan)</option> 244 <option value="+597">+597 (Suriname)</option> 245 <option value="+268">+268 (Swaziland)</option> 246 <option value="+41">+41 (Switzerland)</option> 247 <option value="+963">+963 (Syria)</option> 248 <option value="+886">+886 (Taiwan)</option> 249 <option value="+992">+992 (Tajikistan)</option> 250 <option value="+255">+255 (Tanzania)</option> 251 <option value="+66">+66 (Thailand)</option> 252 <option value="+228">+228 (Togo)</option> 253 <option value="+676">+676 (Tonga)</option> 254 <option value="+1 868">+1 868 (Trinidad and Tobago)</option> 255 <option value="+216">+216 (Tunisia)</option> 256 <option value="+90">+90 (Turkey)</option> 257 <option value="+993">+993 (Turkmenistan)</option> 258 <option value="+688">+688 (Tuvalu)</option> 259 <option value="+256">+256 (Uganda)</option> 260 <option value="+380">+380 (Ukraine)</option> 261 <option value="+971">+971 (United Arab Emirates)</option> 262 <option value="+44">+44 (United Kingdom)</option> 263 <option value="+598">+598 (Uruguay)</option> 264 <option value="+998">+998 (Uzbekistan)</option> 265 <option value="+678">+678 (Vanuatu)</option> 266 <option value="+379">+379 (Vatican City)</option> 267 <option value="+58">+58 (Venezuela)</option> 268 <option value="+84">+84 (Vietnam)</option> 269 <option value="+967">+967 (Yemen)</option> 270 <option value="+260">+260 (Zambia)</option> 271 <option value="+263">+263 (Zimbabwe)</option> 272 </select> 273 <input class="shadow appearance-none border w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline input-field phone-input" type="tel" id="phone" name="phone" x-model="formData.phone" required> 274 </div> 275 <div class="flex items-center"> 276 <label class="block text-gray-700 text-sm font-bold mb-2 form-label" for="birthday">Birthdate:</label> 277 <input class="shadow appearance-none border py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline input-field date-input" type="date" id="birthday" name="birthday" x-model="formData.birthday" required placeholder="yyyy-mm-dd"> 278 </div> 279 <div class="consent-wrapper"> 280 <input type="checkbox" id="gdprConsent" name="gdprConsent" x-model="formData.gdprConsent" required> 281 <label for="gdprConsent" class="consent-text">I consent to this website storing my submitted information</label> 282 </div> 283 <div class="flex items-center justify-center"> 284 <button class="register-button" type="submit">Register</button> 285 </div> 286 </form> 287 </div> 288 <div id="aboutContent" class="content-div w-3/4 h-3/4 bg-gray-100 p-8 rounded shadow" x-show="activeSection === 'about'" x-cloak> 289 <p>TBA</p> 290 </div> 291 </div> 292 </div> 293 </body> 294 </html>