Skip to content

Commit

Permalink
Merge pull request #284 from LaurierHawkHacks/bug/280/fix-faq-section…
Browse files Browse the repository at this point in the history
…-issues

Bug/280/fix faq section issues
  • Loading branch information
aidantrabs authored Apr 13, 2024
2 parents 9f11698 + 2a2e0dc commit 986f9c8
Show file tree
Hide file tree
Showing 3 changed files with 59 additions and 22 deletions.
24 changes: 19 additions & 5 deletions src/components/Accordion.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -78,18 +78,32 @@ const Accordion: React.FC<AccordionProps> = ({ sections }) => {
activeIndex &&
activeIndex.section === sectionIndex &&
activeIndex.question === questionIndex
? 'max-h-96'
? 'max-h-full'
: 'max-h-0 border-none'
} rounded-xl rounded-t-none border border-black bg-deepMarine`}
>
{item.answer
.split('\\n')
.map((line, idx, arr) => (
<React.Fragment key={idx}>
<p className="p-4 text-sm text-white">
{line}
</p>
{idx < arr.length - 1 && <br />}
{line.includes('<a ') ? (
<p className="px-4 py-2 text-sm text-white">
<span
dangerouslySetInnerHTML={{
__html: line.replace(
/<a /g,
`<a style="font-size: 0.875rem; text-decoration: underline;" target="_blank" rel="noopener noreferrer" `
),
}}
className="text-sm"
/>
</p>
) : (
<p className="px-4 py-2 text-sm text-white">
{line}
</p>
)}
{idx < arr.length - 1}{' '}
</React.Fragment>
))}
</div>
Expand Down
5 changes: 4 additions & 1 deletion src/components/sections/TeamFAQ.section.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,10 @@ const TeamFAQSection = () => {
</div>
</section>

<section id="team" className="relative isolate p-4 md:-translate-y-[10%] md:p-8 lg:p-12 xl:-translate-y-[15%]">
<section
id="team"
className="relative isolate p-4 md:-translate-y-[10%] md:p-8 lg:p-12 xl:-translate-y-[15%]"
>
<div
id="team-anchor"
className="relative mx-auto mb-10 w-fit sm:mb-24 lg:mb-32"
Expand Down
52 changes: 36 additions & 16 deletions src/components/sections/data/faqData.ts
Original file line number Diff line number Diff line change
Expand Up @@ -4,53 +4,73 @@ const faqData = [
content: [
{
question: '🤔 What is a Hackathon?',
answer: 'A hackathon consists of two “parts” - a social coding event where programmers, designers, and developers collaborate in teams to solve a problem. You can either create a software-based project that falls under a category hack or make whatever your heart desires as a general hack.\\n The second section is networking events, seminars, and presentations that happen throughout the hackathon conducted by industry and academic professionals - if you’ve been putting off learning that one programming language for a while, now might be the time to learn!',
answer: 'A hackathon consists of two “parts” - a social coding event where teams of programmers, designers, and developers collaborate to solve a problem. You can either create a software-based project that falls under a category hack or make whatever your heart desires as a general hack.\\nThe second section involves networking events, seminars, and presentations conducted by industry and academic professionals. These mini-events are scheduled throughout the hackathon - they\'re completely optional, but are great ways to take a break from your hacking, and to even learn a new skill!',
},
{
question: '🏆 Why should I come to HawkHacks specifically??',
answer: 'Firstly, we’re giving away over $30,000 of value in prizes! Last year, some of the prizes included iPads and Nintendo Switches!',
question:
'🏆 Why should I come to HawkHacks? What types of things can I expect?',
answer: "Picture this: over $35,000 worth of prizes, including cool stuff like iPads and Nintendo Switches just waiting to be won!\\nBut hey, it's not all about the prizes (although they're pretty awesome). We've lined up a bunch of events throughout the weekend that are all about boosting your career, soft skills, and tech skills. You'll get to hang out with industry professionals from academia, business, entrepreneurship - you name it. They're here to share their wisdom and insights, and maybe even teach you a thing or two.\\nAnd let's not forget the fun stuff! We've got tons of mini-games and tournaments lined up, each with its own crazy prizes. Think of a spicy ramen challenge, a fast-typing tournament, and even a pizza-eating competition! It's all about having a blast while learning and connecting with awesome people.",
},
{
question: '💰 How much does it cost?',
answer: '$0.00! Due to our amazing sponsors and support systems, attending and participating at HawkHacks is completely free!',
},
{
question: '💻 Who can attend? Do I need to be a crazy W-skilled programmer?',
answer: 'Anybody from someone who doesn’t know what a computer is, to someone who makes computers, can attend the hackathon!\\nYou can either create a piece of software in 36 hours, attend the workshops and seminars, or do a bit of both - all up to you!',
},
{
question: '📧 This is a cool FAQ section, but I still have a question!',
answer: 'No worries! Reach out to us via email at [email protected] or on any of our socials, and we’ll get back to you as soon as our social media person wakes up!',
question:
'📧 This is a cool FAQ section, but I still have a question!',
answer: 'No worries! Reach out to us via email at <a href="mailto:[email protected]">[email protected]</a> or on any of <a href="https://linktr.ee/hawkhacks">our socials</a>, and we\'ll get back to you as soon as our social media person wakes up!',
},
],
},

{
section: 'Eligibility',
content: [
{
question: '🔑 Do I need to know how to code like some sort of crazy hacker?',
answer: 'Anybody from someone who doesn’t know what a computer is, to someone who makes computers can attend the hackathon! You can either create a piece of software in 36 hours, attend the workshops and seminars, or do a bit of both - all up to you!',
question:
'🔑 Do I need to know how to code like some sort of crazy hacker?',
answer: 'Anybody can attend HawkHacks! From someone who doesn\'t know what a computer is, to someone who makes computers - everyone\'s welcome!\\nYou can either create a piece of software in 36 hours, attend the workshops and seminars, or do a bit of both - all up to you!',
},
{
question: '📅 When do applications open?',
answer: 'Hacker, mentor, and volunteer applications open on April 5th, 2024. HawkHacks 2024 applications have now closed! If you’ve applied, make sure to keep an eye on your dashboard or email for updates!',
question: '📅 When can I apply',
answer: 'Hacker, mentor, and volunteer applications open on April 7th, 2024 and are closing on May 3rd, 2024 at 11:59 PM!',
},
{
question: '🎓 Am I eligible to participate?',
answer: 'As long as youre over the age of 13, and are either a high-schooler, a post-secondary student (i.e. university or college), or a recent graduate, you are eligible to participate.',
answer: 'As long as you\'re over the age of 13, and are either a high-schooler, a post-secondary student (i.e. university or college), or a recent graduate, you are eligible to participate.',
},
{
question: '👫 Do I need a team?',
answer: 'You can work alone, or up to a team of 4 people - we strongly encourage working in a team! If you don’t have friends who are attending, you can find a team in our Discord OR in person.',
answer: 'You can work alone, or up to a team of 4 people, but we strongly encourage working with a team! \\nIf you\'re looking for a team, check out our #looking-for-team <a href="https://discord.com/invite/GxwvFEn9TB">Discord channel</a> OR during our in-person team-building event.',
},
],
},

{
section: 'Preparation',
content: [
{
question: '📜 What should I bring to HawkHacks?',
answer: 'At a minimum, you should have a device to code on (ideally a laptop), a charger (for your phone and laptop), and a piece of student or government ID. We also recommend bringing stuff to stay comfy, such as a blanket, pillow, and an oversized hoodie.\\nKeep in mind that this is an overnight event - you may want to consider hygiene products as well!',
},
{
question: '🔎 I\'m lost! How do I find the HawkHacks building?',
answer: 'HawkHacks is being hosted at the Lazaridis School of Business and Economics, which is located in Waterloo, Ontario, at Wilfrid Laurier University\'s main campus. Google Map directions can be <a href="https://google.com/maps/dir//Lazaridis+School+of+Business+and+Economics,+64+University+Ave+W,+Waterloo,+ON+N2L+3C7/@43.4750664,-80.6118487,12z/data=!4m8!4m7!1m0!1m5!1m1!1s0x882bf3f62c12347f:0x100f39a182234b30!2m2!1d-80.529448!2d43.475096?entry=ttu">found here</a>.',
},
{
question:
'🚗 I\'ll be commuting - do you guys cover transportation costs? How can I get to Waterloo?',
answer: 'Unfortunately, we\'re unable to cover transportation costs. There are many ways to commute - GO Bus, GO Train, VIA Rail, and Flixbus!\\nIf those options aren\'t feasible, we also have a #rideshare channel on our <a href="https://discord.com/invite/GxwvFEn9TB">Discord server</a> where people can coordinate carpools!',
},
],
},

{
section: 'Health & Safety',
content: [
{
question: '😷 What are your COVID-19 regulations?',
answer: 'At this time, HawkHacks does not have a COVID-19 policy in effect and wont be enforcing any COVID-related rules or restrictions. We recommend you do your due diligence when it comes to your health, and take precautions as necessary. We will have a small amount of hygiene products, such as hand sanitizers, available at the event.\\nWe ask that if you are feeling sick or unwell, to not attend the event for the respect and safety of everyone else at the event.',
answer: 'At this time, HawkHacks does not have a COVID-19 policy in effect and won\'t be enforcing any COVID-related rules or restrictions. We recommend you do your due diligence when it comes to your health, and take precautions as necessary. We will have a small amount of hygiene products, such as hand sanitizers, available at the event.\\nWe ask that if you are feeling sick or unwell, to not attend the event for the respect and safety of everyone else at the event.',
},
],
},
Expand Down

0 comments on commit 986f9c8

Please sign in to comment.