\n \n setOpen(!open)}\n />\n
\n \n
\n \n \n
\n \n \n \n
\n \n \n \n \n setOpen(!open)}\n />\n \n
\n \n \n
\n \n - \n
- \n
- \n
- \n
- \n
- \n
- \n
\n \n
\n\n \n
\n \n \n );\n};\n\nexport default Page;\n","export default __webpack_public_path__ + \"static/media/outlinelogo.2f3808c7.png\";","import { Link } from \"react-router-dom\";\nimport Page from \"../components/Page\";\nimport darklogo from \"../assets/outlinelogo.png\";\n\n/**\n * @desc Renders Landing page of the site\n * @author Abraham Hernandez\n */\nconst Landing = () => {\n return (\n \n {children}\n
\n \n \n \n \n
\n \n 
\n \n \n
\n \n November 12th - November 14th, 2021\n
\n\n REGISTER\n
\n \n\n \n \n
\n Sponsor Us
\n \nJoin Discord
\n \nBecome a Mentor / Judge
\n \n\n
\n \n About Us\n
\n\n
\n \n
\n {\"\"}\n
\n We host club events throughout every semester, which you can check\n out on our\n website. Any and all\n students at UCF are welcome at our weekly events!\n
\n\n \n Who are we?\n
\n Founded in 2015, Knight Hacks is a Registered Student Organization\n (RSO) at the University of Central Florida that covers all things\n tech and software development, as well as host our annual hackathon\n attended by students from around the world!\n\n {\"\"}\n
\n We host club events throughout every semester, which you can check\n out on our\n website. Any and all\n students at UCF are welcome at our weekly events!\n
\n
\n {\"\"}\n
\n Whether {\"you're\"} a season hacker or a complete tech newbie, Knight\n Hacks welcomes you! Just bring an open mind and a insatiable desire\n to learn, and {\"we'll\"} take care of the rest.\n
\n {\"\"}\n
\n Create a product, learn new skills, and have fun with friends old\n and new - all in 36 hours!\n
\n {\"\"}\n
\n
\n\n \n Our Hackathon\n
\n Connect, collaborate, and create with over 700 of the brightest and\n most enthusiastic developers, engineers, and designers in the\n south-east and around the world!\n\n {\"\"}\n
\n Whether {\"you're\"} a season hacker or a complete tech newbie, Knight\n Hacks welcomes you! Just bring an open mind and a insatiable desire\n to learn, and {\"we'll\"} take care of the rest.\n
\n {\"\"}\n
\n Create a product, learn new skills, and have fun with friends old\n and new - all in 36 hours!\n
\n {\"\"}\n
\n
\n
\n {\"\"}\n
\n Beginner Friendly Hacker Packet\n
\n Beginner Workshops\n
\n Beginner Prize Track\n
\n General Prize Track\n
\n
\n \n Beginner Track\n
\n First time hacker? {\"Don't\"} have a lot of programming experience?\n {\" Don't\"} worry! {\"Here's\"} how we plan to make our hackathon\n beginner friendly.\n\n {\"\"}\n
\n Beginner Friendly Hacker Packet\n
- \n
- \n This will include information to provide insight and inspiration\n to start developing a project.{\" \"}\n \n
- \n It includes times and descriptions of all the beginner focused\n events that we are going to have.\n \n
\n Beginner Workshops\n
- \n
- \n These will require little to any knowledge and introduce key\n knowledge for developing a project such as\n wireframing/prototyping, JavaScript, Python, and more!\n \n
\n Beginner Prize Track\n
- \n
- \n The purpose of this prize track is to encourage new hackers to\n submit and learn something by the end of the hackathon! Some\n judging criteria for this prize will primarily be based on\n having a strong and clear project proposal such as a good\n wireframe/ prototype, clear project requirements, and\n researching what technologies would be needed to fully implement\n the idea.{\" \"}\n \n
\n General Prize Track\n
\n
- \n Choosing the beginner track does not disqualify you from winning a\n general track prize.\n
\n Sponsors\n
\n\n
\n \n Coming soon!\n
\n \n Keep an eye out on this page for updates in the upcoming weeks.\n
\n \n
\n \n Schedule\n
\n\n
\n \n Coming soon!\n
\n \n Keep an eye out on this page for updates in the upcoming weeks.\n
\n \n
\n \n Schedule\n
\n {content.map((event, index) => {\n return (\n\n \n {tag}\n \n ))}\n \n ))}\n
\n );\n })}\n \n {event.day}\n
\n {/* Mapping through the content in each events block in JSON */}\n {event.events.map((item, index) => (\n <>\n\n \n {tag}\n \n ))}\n
\n {item.tags.map((tag, index) => (\n \n {item.time} {\" \"}\n {item.title} \n
\n {/* Mapping through each string in the tags array in JSON */}\n {item.tags.map((tag, index) => (\n \n
\n \n FAQ\n
\n\n {list.map((item, index) => (\n \n {({ open }) => (\n <>\n \n {item.question}\n \n
\n \n Register\n
\n\n
\n \n Get off your phone!\n
\n \n Head over to our web view to register early.\n
\n \n
\n \n \n \n Registration Failed :(\n \n \n Something went wrong; please try again!\n \n\n
\n \n {`The server says \"${\n response\n ? `${response.status}: ${response.statusText}`\n : \"
\n {\n setIsOpen(false);\n submitRegistration(event);\n }}\n ref={serverErrorFocusRef}\n >\n Try again\n \n \n
\n \n Register\n
\n\n
\n \n \n \n )}\n \n \n \n Registration Failed :(\n \n \n One or more fields have not been filled in correctly.\n \n\n
\n \n {\n setShouldOpen(false);\n }}\n ref={validationErrorFocusRef}\n >\n Go away\n \n
\n \n \n
\n );\n};\n\n/**\n * @desc A customizable file upload field.\n * @prop file: the current file selected, CAN BE NULL.\n * @prop handleFile: Callback function for when a file has been selected.\n * @prop defaultValue: The default text shown when no file has been selected.\n * @author Abraham Hernandez\n */\nconst FileUploadBox = ({ handleFile, title, disabled }) => {\n const hiddenFileInput = useRef(null);\n\n const handleClick = (event) => {\n event.preventDefault();\n hiddenFileInput.current.click();\n };\n\n const handleChange = (event) => {\n event.preventDefault();\n const fileUploaded = event.target.files[0];\n handleFile(fileUploaded);\n };\n\n return (\n \n \n
\n );\n};\n\n/**\n * @desc A Listbox for selecting a hackathon track. Modified from existing code from Rob.\n * @prop title: A string for the title\n * @prop trackOptions: An array of strings containing the track options.\n * @prop selectedTrack: A string containing the current track option selected.\n * @prop setSelectedTrack: A state set function for selecting a track.\n * @prop flex: A string for telling what flex direction to use.\n * @author Abraham Hernandez, Rob\n */\nconst OptionSelector = ({\n title,\n trackOptions,\n selectedTrack,\n setSelectedTrack,\n handleTouched,\n flex,\n zIndex,\n}) => {\n return (\n Resume (PDF)
\n{title}
\n \n\n \n \n {selectedTrack}\n \n \n \n\n \n {trackOptions.map((track, trackIdx) => (\n \n `${active ? \"text-blue-900 bg-blue-100\" : \"text-darkblue\"}\n cursor-default select-none relative py-2 pl-10 pr-4`\n }\n value={track}\n >\n {({ selected, active }) => (\n <>\n \n {track}\n \n {selected ? (\n \n
\n \n \n );\n};\n\n/**\n * @desc attempts to create a hacker on the backend\n * @author Rob\n */\nconst createHacker = async ({\n email,\n firstName: first_name,\n lastName: last_name,\n dateOfBirth: birthday,\n phoneNumber: phone_number,\n canShareInfo: can_share_info,\n isBeginner: beginner,\n ethnicity,\n pronouns,\n college,\n major,\n levelOfStudy: level_of_study,\n graduation: graduation_date,\n github,\n linkedIn: linkedin,\n whyAttend: why_attend,\n whatLearn: what_learn,\n dietaryRestrictions: dietary_restrictions,\n resume_id,\n mlh1: mlh_code_of_conduct,\n mlh2: mlh_privacy_and_contest_terms,\n mlh3: mlh_send_messages,\n}) => {\n const payload = {\n beginner,\n can_share_info: can_share_info === \"Yes\",\n edu_info: {\n college,\n graduation_date,\n major,\n level_of_study,\n },\n email,\n ethnicity,\n first_name,\n last_name,\n phone_number,\n pronouns,\n birthday,\n socials: {\n github,\n linkedin,\n },\n why_attend,\n what_learn: [what_learn],\n dietary_restrictions,\n resume_id: resume_id ?? undefined,\n mlh: {\n mlh_code_of_conduct,\n mlh_privacy_and_contest_terms,\n mlh_send_messages,\n },\n };\n\n const transaction = Sentry.startTransaction({\n data: {\n hacker: JSON.stringify(payload),\n },\n op: \"transaction\",\n name: \"submitHacker\",\n description: \"POST https://api.knighthacks.org/api/hackers/\",\n });\n\n Sentry.getCurrentHub().configureScope((scope) => scope.setSpan(transaction));\n\n const res = await fetch(\"https://api.knighthacks.org/api/hackers/\", {\n method: \"POST\",\n headers: {\n \"content-type\": \"application/json\",\n },\n body: JSON.stringify(payload),\n });\n\n transaction.setHttpStatus(res.status);\n\n transaction.finish();\n\n return res;\n};\n\nexport default Register;\n","import React from \"react\";\nimport Page from \"../components/Page\";\nimport { AiOutlineCheckCircle } from \"react-icons/ai\";\n/**\n * @desc success state for the registration form\n * @author Ro-Hanna\n */\nfunction Success() {\n return (\n \n
\n \n Register\n
\n\n Thank you for applying!\n
\n\n\n
\n \n You will be receiving a follow up email soon.\n
\n