From 1b01e1cf1f063ba3e4c3b2814ce4e7589e31103d Mon Sep 17 00:00:00 2001 From: trishnasharma Date: Sat, 23 Sep 2023 06:38:17 -0700 Subject: [PATCH 1/4] add director application button --- src/components/mainSection/mainSection.tsx | 17 +++++++++-------- src/styles/mainSection/mainSection.module.scss | 2 ++ 2 files changed, 11 insertions(+), 8 deletions(-) diff --git a/src/components/mainSection/mainSection.tsx b/src/components/mainSection/mainSection.tsx index ed47a15..dc9a38c 100644 --- a/src/components/mainSection/mainSection.tsx +++ b/src/components/mainSection/mainSection.tsx @@ -1,5 +1,6 @@ import styles from '@/styles/mainSection/mainSection.module.scss'; -import { Heart, UpArrow } from '@/assets/mainSection/misc'; +import { Heart } from '@/assets/mainSection/misc'; +// import { UpArrow } from '@/assets/mainSection/misc'; import Cow from './cow'; import WordCycle from './wordCycle'; import Clouds from './clouds'; @@ -10,7 +11,7 @@ const MainSection = () => (
- */}

@@ -62,14 +63,14 @@ const MainSection = () => (

- {/* - Register Now - */} + Director Application + -
+ {/*
Register to @@ -105,7 +106,7 @@ const MainSection = () => (
-
+
*/}
diff --git a/src/styles/mainSection/mainSection.module.scss b/src/styles/mainSection/mainSection.module.scss index f48cc0b..b7581ef 100644 --- a/src/styles/mainSection/mainSection.module.scss +++ b/src/styles/mainSection/mainSection.module.scss @@ -229,6 +229,8 @@ justify-content: flex-end; align-items: center; margin-bottom: 26px; + white-space: nowrap; + z-index: 1; } .yellowButton { From 7c813c53e69c67fae66f02eae7753dc760313b28 Mon Sep 17 00:00:00 2001 From: trishnasharma Date: Sat, 23 Sep 2023 22:11:57 -0700 Subject: [PATCH 2/4] team description section added --- src/components/faq/team.tsx | 29 ++++++++++ src/components/faq/teamDescriptions.tsx | 67 ++++++++++++++++++++++++ src/pages/index.tsx | 2 + src/styles/faq/accordionItem.module.scss | 1 + src/styles/faq/faq.module.scss | 1 + 5 files changed, 100 insertions(+) create mode 100644 src/components/faq/team.tsx create mode 100644 src/components/faq/teamDescriptions.tsx diff --git a/src/components/faq/team.tsx b/src/components/faq/team.tsx new file mode 100644 index 0000000..1d40765 --- /dev/null +++ b/src/components/faq/team.tsx @@ -0,0 +1,29 @@ +import React, { useState } from 'react'; +import styles from '@/styles/faq/faq.module.scss'; +import teamDescriptions from './teamDescriptions'; +import AccordionItem from './accordionItem'; + +const Team = () => { + const [openedIndex, setOpenedIndex] = useState(-1); + return ( +
+
+

Team Descriptions

+
    + {teamDescriptions.map(({ team, description }, index) => ( + + ))} +
+
+
+ ); +}; + +export default Team; \ No newline at end of file diff --git a/src/components/faq/teamDescriptions.tsx b/src/components/faq/teamDescriptions.tsx new file mode 100644 index 0000000..b75f048 --- /dev/null +++ b/src/components/faq/teamDescriptions.tsx @@ -0,0 +1,67 @@ +const teamDescriptions = [ + { + team: 'Technical', + description: ( + <> + test + + + ) + }, + { + team: 'Operations', + description: ( + <> + test + + + ) + }, + { + team: 'Marketing', + description: ( + <> + test + + + ) + }, + { + team: 'Sponsorship', + description: ( + <> + test + + + ) + }, + { + team: 'Finance', + description: ( + <> + test + + + ) + }, + { + team: 'External', + description: ( + <> + test + + + ) + }, + { + team: 'Design', + description: ( + <> + test + + + ) + }, +] + +export default teamDescriptions \ No newline at end of file diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 2f2a7e4..b6a8c37 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -8,6 +8,7 @@ import Cta from '@/components/cta'; import Seo from '@/components/seo'; import { useEffect } from 'react'; import NonProfits from '@/components/sponsors/nonprofits'; +import Team from '@/components/faq/team'; // Landing page export default function Home() { @@ -51,6 +52,7 @@ export default function Home() { zIndex: 1, }} > + diff --git a/src/styles/faq/accordionItem.module.scss b/src/styles/faq/accordionItem.module.scss index d5f0c4c..0f2989f 100644 --- a/src/styles/faq/accordionItem.module.scss +++ b/src/styles/faq/accordionItem.module.scss @@ -15,6 +15,7 @@ padding-bottom: 27px; max-width: 544px; cursor: pointer; + column-gap: 20vw; @include mrwd(991px) { font-size: 18px; line-height: 1.75; diff --git a/src/styles/faq/faq.module.scss b/src/styles/faq/faq.module.scss index d47c119..2399221 100644 --- a/src/styles/faq/faq.module.scss +++ b/src/styles/faq/faq.module.scss @@ -15,6 +15,7 @@ align-items: center; width: 1340px; background-color: #005271; + // gap: 30px; h2 { @include fontFactory(var(--proxima-nova), 50px, 700, white, 0.02rem, 1.2); } From 297047d5c56f984143513853296488912ebe6c35 Mon Sep 17 00:00:00 2001 From: trishnasharma Date: Sun, 24 Sep 2023 00:18:51 -0700 Subject: [PATCH 3/4] tech, design, marketing, spons desc done --- src/components/faq/team.tsx | 49 +++-- src/components/faq/teamDescriptions.tsx | 264 +++++++++++++++++------ src/styles/faq/accordionItem.module.scss | 2 +- 3 files changed, 228 insertions(+), 87 deletions(-) diff --git a/src/components/faq/team.tsx b/src/components/faq/team.tsx index 1d40765..f068845 100644 --- a/src/components/faq/team.tsx +++ b/src/components/faq/team.tsx @@ -4,26 +4,33 @@ import teamDescriptions from './teamDescriptions'; import AccordionItem from './accordionItem'; const Team = () => { - const [openedIndex, setOpenedIndex] = useState(-1); - return ( -
-
-

Team Descriptions

-
    - {teamDescriptions.map(({ team, description }, index) => ( - - ))} -
-
-
- ); + const [openedIndex, setOpenedIndex] = useState(-1); + + return ( +
+
+

+
Team Descriptions
+

+
    + {teamDescriptions.map(({ team, description }, index) => ( + + ))} +
+
+
+ ); }; -export default Team; \ No newline at end of file +export default Team; diff --git a/src/components/faq/teamDescriptions.tsx b/src/components/faq/teamDescriptions.tsx index b75f048..f70e661 100644 --- a/src/components/faq/teamDescriptions.tsx +++ b/src/components/faq/teamDescriptions.tsx @@ -1,67 +1,201 @@ const teamDescriptions = [ - { - team: 'Technical', - description: ( - <> - test - - - ) - }, - { - team: 'Operations', - description: ( - <> - test - - - ) - }, - { - team: 'Marketing', - description: ( - <> - test - - - ) - }, - { - team: 'Sponsorship', - description: ( - <> - test - - - ) - }, - { - team: 'Finance', - description: ( - <> - test - - - ) - }, - { - team: 'External', - description: ( - <> - test - - - ) - }, - { - team: 'Design', - description: ( - <> - test - - - ) - }, -] + { + team: 'Technical', + description: ( + <> + Are you interested in web development with a desire to learn and + collaborate with a team of developers? If you have a foundation in + HTML/CSS, JavaScript, and/or React.js and are eager to expand your skill + set, join the Technical team! As a Technical Director, you will get the + chance to collaborate with a team of developers to create and maintain + the website and web applications, participate in code review sessions, + and offer creative solutions. +
+
+ Qualifications: +
+
    +
  • Basic knowledge of HTML, CSS, and JavaScript.
    • +
  • Familiarity with React.js is a plus.
    • +
  • + Strong desire to learn and grow in the field of web development. +
    • +
  • Excellent problem-solving skills and attention to detail.
    • +
  • + Ability to work well in a team and take constructive feedback + positively. +
    • +
  • + Passion for technology and a proactive approach to keeping up with + industry trends. +
    • +
+
+ Why Join Us: +
+
    +
  • + Opportunity to work on diverse and exciting web development + projects. +
    • +
  • Gain hands-on experience and improve your technical skills.
    • +
  • Collaborate with a team of motivated developers.
    • +
  • Add impressive projects to your resume.
    • +
  • Create valuable connections in the tech industry.
    • +
  • + Personal and professional growth in a student-run organization. +
    • +
+ + ), + }, + { + team: 'Operations', + description: <>test, + }, + { + team: 'Marketing', + description: ( + <> + As a Marketing Director, you will be right at the heart of our marketing + efforts, leveraging your creative thinking, organization, + responsibility, and time management skills to help us engage our + audience and promote our initiatives effectively. Collaboration with + fellow team members and other departments is a key aspect of this role. +
+
+ {/* Responsibilities +
    +
  • Creative Thinking: Bring fresh and innovative ideas to our marketing campaigns, creating content that captivates and resonates with our audience.
    • +
  • Organization: Assist in maintaining a well-organized marketing calendar, ensuring that campaigns and posts are delivered on time.
    • +
  • Time Management: Juggle multiple tasks and deadlines efficiently, keeping marketing initiatives on track.
    • +
  • Social Media Management: Manage and curate content for our social media platforms, creating engaging posts and fostering audience interaction.
    • +
  • Collaboration: Collaborate with other team members and departments within the organization to align marketing efforts and achieve our collective goals.
    • +
+
*/} + Qualifications: +
    +
  • + Enthusiasm for marketing and a strong desire to learn and grow in + the field. +
    • +
  • Creative mindset with the ability to think strategically.
    • +
  • + Strong organizational skills and a high level of responsibility. +
    • +
  • Effective time management abilities.
    • +
  • + Basic understanding of social media platforms and their dynamics. +
    • +
+
+ Bonus Skills: +
    +
  • Prior experience in social media advertising is a plus.
    • +
  • + Photography skills are a bonus, to generate better quality content + for all events including the Day of Event hackathon +
    • +
+ + ), + }, + { + team: 'Sponsorship', + description: ( + <> + As a Sponsorship Director, you will take the lead in securing vital + sponsorships, relying on your confidence and quick thinking to engage + potential partners. Your knack for negotiation, proactive approach, and + talent for relationship building will be instrumental in fueling our + initiatives. +
+
+ Qualifications: +
    +
  • + Confidence and an ability to think on your feet in negotiations. +
    • +
  • A natural talent for building and maintaining relationships.
    • +
  • + Proactive mindset, always on the lookout for new sponsorship + opportunities. +
    • +
  • + Strong organizational skills and the ability to manage multiple + sponsorship commitments efficiently. +
    • +
  • + A genuine desire to learn and adapt, exploring new outreach and + networking strategies. +
    • +
+ + ), + }, + { + team: 'Finance', + description: <>test, + }, + { + team: 'External', + description: <>test, + }, + { + team: 'Design', + description: ( + <> + Are you a creative, innovative, and proactive designer with a passion + for human-centered design? Join our team and help us create + brand-consistent, minimal, and aesthetically pleasing designs that + captivate and excite our audience. Your creative talent will play a + pivotal role in shaping the future of HackDavis. We are looking for + talented individuals to join our design team in various roles: +
+
+ Brand Designer: +
    +
  • Craft the brand identity for the Hackathon season.
    • +
  • Storytelling and experimental design.
    • +
  • + Proficiency in illustration using Figma and Adobe Illustrator. +
    • +
+
+ Product Designer: +
    +
  • + Design products that aim to delight and leave an impression, + including apparel, stickers, and branded items. +
    • +
  • Detail-oriented with a focus on product specs.
    • +
  • Conduct market research to inform design decisions.
    • +
+
+ Content Designer: +
    +
  • + Create eye-catching, compelling content for social media and printed + flyers. +
    • +
  • Deep understanding of the audience.
    • +
  • Attention to detail to ensure engaging visuals.
    • +
+
+ UI Designer: +
    +
  • + Design beautiful and intuitive web experiences that bring joy to + users. +
    • +
  • Focus on responsive design and intuitive user experiences.
    • +
  • + Proficiency in wireframing and creating delightful web interfaces. +
    • +
+ + ), + }, +]; -export default teamDescriptions \ No newline at end of file +export default teamDescriptions; diff --git a/src/styles/faq/accordionItem.module.scss b/src/styles/faq/accordionItem.module.scss index 0f2989f..016b8c5 100644 --- a/src/styles/faq/accordionItem.module.scss +++ b/src/styles/faq/accordionItem.module.scss @@ -15,7 +15,7 @@ padding-bottom: 27px; max-width: 544px; cursor: pointer; - column-gap: 20vw; + column-gap: 200px; @include mrwd(991px) { font-size: 18px; line-height: 1.75; From fece2694c1531d55d042bd5986c4b6d8fa2c7fee Mon Sep 17 00:00:00 2001 From: trishnasharma Date: Sun, 24 Sep 2023 00:57:35 -0700 Subject: [PATCH 4/4] all team descriptions updated --- src/components/faq/teamDescriptions.tsx | 111 +++++++++++++++++++++++- 1 file changed, 108 insertions(+), 3 deletions(-) diff --git a/src/components/faq/teamDescriptions.tsx b/src/components/faq/teamDescriptions.tsx index f70e661..2460174 100644 --- a/src/components/faq/teamDescriptions.tsx +++ b/src/components/faq/teamDescriptions.tsx @@ -51,7 +51,43 @@ const teamDescriptions = [ }, { team: 'Operations', - description: <>test, + description: ( + <> + As an Operations Director, you will play a crucial role in ensuring the + smooth execution of our initiatives. Your quick decision-making, + organization, and responsibility will shine as you tackle challenges + head-on. You'll be a key communicator and leader, working closely + with the team and being ready to learn and develop organizational skills + as you contribute to the success of one of the biggest hackathons in + California. +
+
+ Qualifications: +
+
    +
  • + Strong organizational skills with a passion for attention to detail. +
    • +
  • + Quick decision-making abilities, particularly in high-pressure + situations. +
    • +
  • + A proactive and responsible approach to tackling challenges with + enthusiasm and a willingness to learn and grow. +
    • +
  • + Thrive in a team setting, fostering a spirit of collaboration and + mutual support. +
    • +
  • Excellent communication skills.
    • +
  • + A passion for learning and developing organizational and leadership + skills. +
    • +
+ + ), }, { team: 'Marketing', @@ -135,11 +171,80 @@ const teamDescriptions = [ }, { team: 'Finance', - description: <>test, + description: ( + <> + As a Finance Director, you will play a vital role in managing our + finances, ensuring the sustainability of our initiatives. Your passion + and interest in budgeting, financial planning, and fundraising, combined + with your outstanding communication skills, will drive our financial + success. Your can-do attitude will be an invaluable asset as you + contribute to HackDavis' growth. +
+
+ Qualifications: +
    +
  • + Strong financial acumen with an interest in budgeting and financial + planning. +
    • +
  • + Good understanding of cash flow management and financial + forecasting. +
    • +
  • + Fundraising experience or a willingness to learn and engage with + donors and sponsors effectively. +
    • +
  • Exceptional communication skills, both written and verbal.
    • +
  • + A can-do attitude, with the ability to adapt and excel in a + fast-paced environment. +
    • +
+ + ), }, { team: 'External', - description: <>test, + description: ( + <> + As our External Outreach Coordinator, you will be a driving force behind + our external engagement efforts, using your initiative to learn, + proactive approach, and personable energy. Familiarity with HackDavis or + hackathons is not mandatory, but is a plus, as you will be connecting + with clubs on campus, organizations off-campus, industry leaders, our + alumni community, and current students, all while confidently and + effectively communicating our mission. +
+
+ Qualifications: +
    +
  • + Spearhead the planning and execution of external events, showcasing + your organizational skills and attention to detail. +
    • +
  • + A proactive and personable demeanor, radiating energy and + enthusiasm. +
    • +
  • Strong communication skills, both written and verbal.
    • +
  • Confidence in connecting with diverse groups and individuals.
    • +
  • + Initiative to learn and develop organizational and communication + skills. +
    • +
  • + Outreach to clubs on-campus, students and alumni, and off-campus + industry leaders; being able to network and foster meaningful + connections +
    • +
  • + Familiarity with HackDavis or hackathons is preferred but not + mandatory. +
    • +
+ + ), }, { team: 'Design',