Skip to content

Commit

Permalink
chore: cleanup designathon tech debt (#59)
Browse files Browse the repository at this point in the history
  • Loading branch information
@KevinWu098
KevinWu098 authored Mar 9, 2024
1 parent 967e53d commit 28cf8ff
Show file tree
Hide file tree
Showing 19 changed files with 1,991 additions and 2,268 deletions.
2,200 changes: 1,000 additions & 1,200 deletions src/app/pages/Designathons/Designathon22.js
View file

Large diffs are not rendered by default.

230 changes: 110 additions & 120 deletions src/app/pages/Designathons/Designathon23/components/FAQ/index.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,70 +1,66 @@
import { Text } from 'app/components';
import { Section, Icon } from 'app/Symbols';
import clsx from 'clsx';
import { useCallback, useState } from 'react';
import cn from './FAQ.module.scss';
import { Text } from "app/components";
import { Section, Icon } from "app/Symbols";
import clsx from "clsx";
import { useCallback, useState } from "react";
import cn from "./FAQ.module.scss";

const FAQ = () => {
return (
<Section id='s-faq'>
<Text size='XL'>FAQ</Text>
<Section id="s-faq">
<Text size="XL">FAQ</Text>
<div className={cn.container}>
<div className='spaceChildren'>
<Text style={{ lineHeight: '1.4em' }}>
Join the live conversation on the{' '}
<div className="spaceChildren">
<Text style={{ lineHeight: "1.4em" }}>
Join the live conversation on the{" "}
<a
style={{ textDecoration: 'underline' }}
href='https://discord.gg/jumJqhBy4Y'
target='_blank'
rel='noopener noreferrer'
style={{ textDecoration: "underline" }}
href="https://discord.gg/jumJqhBy4Y"
target="_blank"
rel="noopener noreferrer"
>
You Belong Here 2023 Discord
</a>{' '}
</a>{" "}
for more help!
</Text>
</div>
<div
style={{ marginTop: '-16px' }}
className='spaceChildrenSmall'
>
<div style={{ marginTop: "-16px" }} className="spaceChildrenSmall">
{[
{
q: 'Why should I join?',
a: 'Creating an aesthetically pleasing, functional product is not only what a designer does; it is to listen to what our world needs, empathize people’s gain and pain points, and produce a solution that specifically targets what our world is lacking. We hope that this event can be a platform where you can practice your design thinking—a process of ideation, research, analysis, developing, and testing—to provide a better means to our world.',
q: "Why should I join?",
a: "Creating an aesthetically pleasing, functional product is not only what a designer does; it is to listen to what our world needs, empathize people’s gain and pain points, and produce a solution that specifically targets what our world is lacking. We hope that this event can be a platform where you can practice your design thinking—a process of ideation, research, analysis, developing, and testing—to provide a better means to our world.",
},
{
q: 'Who can attend?',
q: "Who can attend?",
a: (
<Text className='color gray'>
Any undergraduate student within the United
States (with an associated institutional
email) is able to{' '}
<Text className="color gray">
Any undergraduate student within the United States (with an
associated institutional email) is able to{" "}
<a
target='_blank'
rel='noopener noreferrer'
href='https://forms.gle/MQ1zaWpUJi3mWSQy5'
target="_blank"
rel="noopener noreferrer"
href="https://forms.gle/MQ1zaWpUJi3mWSQy5"
style={{
textDecoration: 'underline',
textDecoration: "underline",
}}
>
sign up
</a>{' '}
and attend. If you do not qualify, you will
not be allowed to participate in the event.
</a>{" "}
and attend. If you do not qualify, you will not be allowed to
participate in the event.
</Text>
),
},
{
q: 'How do I sign up?',
q: "How do I sign up?",
a: (
<Text className='color gray'>
Apply through our{' '}
<Text className="color gray">
Apply through our{" "}
<a
target='_blank'
rel='noopener noreferrer'
href='https://forms.gle/MQ1zaWpUJi3mWSQy5'
target="_blank"
rel="noopener noreferrer"
href="https://forms.gle/MQ1zaWpUJi3mWSQy5"
style={{
textDecoration: 'underline',
textDecoration: "underline",
}}
>
Participant Sign-up Form.
Expand All @@ -73,62 +69,59 @@ const FAQ = () => {
),
},
{
q: 'I don’t have prior knowledge in design. Can I still participate?',
a: 'Of course! Design is all around us. We will provide opportunities and resources for beginners to get started, such as workshops, mentor office hours, and more.',
q: "I don’t have prior knowledge in design. Can I still participate?",
a: "Of course! Design is all around us. We will provide opportunities and resources for beginners to get started, such as workshops, mentor office hours, and more.",
},
{
q: 'How much does it cost?',
a: 'You Belong Here requires no cost to participate. All you need is a working device with Zoom, Discord, and an open mind. ',
q: "How much does it cost?",
a: "You Belong Here requires no cost to participate. All you need is a working device with Zoom, Discord, and an open mind. ",
},
{
q: 'When is the registration deadline?',
q: "When is the registration deadline?",
a: (
<Text className='color gray'>
Our{' '}
<Text className="color gray">
Our{" "}
<a
target='_blank'
rel='noopener noreferrer'
href='https://forms.gle/MQ1zaWpUJi3mWSQy5'
target="_blank"
rel="noopener noreferrer"
href="https://forms.gle/MQ1zaWpUJi3mWSQy5"
style={{
textDecoration: 'underline',
textDecoration: "underline",
}}
>
participant sign-up form
</a>{' '}
</a>{" "}
has been extended until February 19th at 11:59pm (PST)
</Text>
),
},
{
q: 'How do I prepare?',
q: "How do I prepare?",
a: (
<Text className='color gray'>
During the event, we will be hosting
workshops for anyone new to design thinking
or the design process. We highly encourage
getting the hang of Figma, Sketch, Adobe XD,
or the prototyping tool of your choice. You
are also free to look through our Design at
UCI{' '}
<Text className="color gray">
During the event, we will be hosting workshops for anyone new
to design thinking or the design process. We highly encourage
getting the hang of Figma, Sketch, Adobe XD, or the
prototyping tool of your choice. You are also free to look
through our Design at UCI{" "}
<a
href='https://designatuci.com/resources'
target='_blank'
rel='noopener noreferrer'
href="https://designatuci.com/resources"
target="_blank"
rel="noopener noreferrer"
style={{
textDecoration: 'underline',
textDecoration: "underline",
}}
>
Resources
</a>{' '}
page for extra information. Want to go the
extra mile? Show your excitement by turning
on your camera and adding our{' '}
</a>{" "}
page for extra information. Want to go the extra mile? Show
your excitement by turning on your camera and adding our{" "}
<a
href='https://drive.google.com/drive/folders/1fe5vj6NJAvQFFcxWp9OFQCkc6qI7Avcn?usp=sharing'
target='_blank'
rel='noopener noreferrer'
href="https://drive.google.com/drive/folders/1fe5vj6NJAvQFFcxWp9OFQCkc6qI7Avcn?usp=sharing"
target="_blank"
rel="noopener noreferrer"
style={{
textDecoration: 'underline',
textDecoration: "underline",
}}
>
You Belong Here Zoom backgrounds.
Expand All @@ -137,71 +130,67 @@ const FAQ = () => {
),
},
{
q: 'How do teams work?',
q: "How do teams work?",
a: (
<Text className='color gray'>
You have the option to (1) go solo, or (2)
form a team of up to 4 people total. You may
list your team members in the sign-up form,
but it’s okay if plans change! Take
advantage of our #find-a-team{' '}
<Text className="color gray">
You have the option to (1) go solo, or (2) form a team of up
to 4 people total. You may list your team members in the
sign-up form, but it’s okay if plans change! Take advantage of
our #find-a-team{" "}
<a
style={{ textDecoration: 'underline' }}
href='https://discord.gg/jumJqhBy4Y'
target='_blank'
rel='noopener noreferrer'
style={{ textDecoration: "underline" }}
href="https://discord.gg/jumJqhBy4Y"
target="_blank"
rel="noopener noreferrer"
>
Discord channel
</a>{' '}
to meet potential team members. We will
consider your final team members to be the
ones indicated when submitting your project.
</a>{" "}
to meet potential team members. We will consider your final
team members to be the ones indicated when submitting your
project.
</Text>
),
},
{
q: 'What if I don’t have a team?',
q: "What if I don’t have a team?",
a: (
<Text className='color gray'>
Our #find-a-team Discord channel is the
perfect place for anyone looking for a team
at our Designathon. If you haven’t already,
join our You Belong Here{' '}
<Text className="color gray">
Our #find-a-team Discord channel is the perfect place for
anyone looking for a team at our Designathon. If you haven’t
already, join our You Belong Here{" "}
<a
style={{ textDecoration: 'underline' }}
href='https://discord.gg/jumJqhBy4Y'
target='_blank'
rel='noopener noreferrer'
style={{ textDecoration: "underline" }}
href="https://discord.gg/jumJqhBy4Y"
target="_blank"
rel="noopener noreferrer"
>
Discord channel
</a>{' '}
</a>{" "}
. Solo participants are also allowed.
</Text>
),
},
{
q: 'Where do I submit my project?',
q: "Where do I submit my project?",
a: (
<Text className='color gray'>
You will submit your final, working
prototype to the{' '}
<Text className="color gray">
You will submit your final, working prototype to the{" "}
<a
target='_blank'
rel='noopener noreferrer'
href='https://forms.gle/Tf1FySVor1RC5rHq8'
target="_blank"
rel="noopener noreferrer"
href="https://forms.gle/Tf1FySVor1RC5rHq8"
style={{
textDecoration: 'underline',
textDecoration: "underline",
}}
>
Submission Form
</a>{' '}
(opens during event). Only one person on
your team should submit a form, which will
be on behalf of all contributors.
</a>{" "}
(opens during event). Only one person on your team should
submit a form, which will be on behalf of all contributors.
</Text>
),
},
].map(item => {
].map((item) => {
return (
<Toggle
closed={
Expand All @@ -213,15 +202,16 @@ const FAQ = () => {
<div>
<h3>{item.q}</h3>
<Text
className='color gray'
className="color gray"
style={{
padding: '20px 0 0 34px',
padding: "20px 0 0 34px",
}}
>
{item.a}
</Text>
</div>
}
key={item.q}
/>
);
})}
Expand All @@ -235,7 +225,7 @@ const Toggle = ({ opened, closed }) => {
const [open, setOpen] = useState(false);

const toggleExpand = useCallback(() => {
setOpen(p => !p);
setOpen((p) => !p);
}, []);

return (
Expand All @@ -244,12 +234,12 @@ const Toggle = ({ opened, closed }) => {
onClick={toggleExpand}
>
<Icon
src='d22-arrow.svg'
w='18'
h='18'
src="d22-arrow.svg"
w="18"
h="18"
style={{
marginRight: '16px',
transform: open ? 'rotate(180deg)' : 'rotate(0deg)',
marginRight: "16px",
transform: open ? "rotate(180deg)" : "rotate(0deg)",
}}
/>
{open ? opened : closed}
Expand Down
14 changes: 7 additions & 7 deletions src/app/pages/Designathons/Designathon23/components/Prizes/index.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
import { Section } from 'app/Symbols';
import cn from './Prizes.module.scss';
import { Section } from "app/Symbols";
import cn from "./Prizes.module.scss";

const Prizes = ({ list }) => {
return (
<Section>
<h2 className={cn.title}>Prizes</h2>
<div className={cn.container}>
{list.map(item => (
<div className={cn.item}>
{list.map((item) => (
<div className={cn.item} key={item.symbol}>
<h3>{item.label}</h3>
<div className='flex left spaceChildrenSmall'>
{item.prizes.map(prize => (
<p>{prize}</p>
<div className="flex left spaceChildrenSmall">
{item.prizes.map((prize, index) => (
<p key={index}>{prize}</p>
))}
</div>
</div>
Expand Down
Loading

0 comments on commit 28cf8ff

Please sign in to comment.