Webmaster/ieeeucsd-org
3
1
Fork 0
Code Issues 11 Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'main' of https://git.ieeeucsd.org/Webmaster/ieeeucsd-dev

Browse source
This commit is contained in:
Shing Hung 2025-01-03 23:06:00 -08:00
commit ce7cdfade1
4 changed files with 58 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/join/Question.astro Normal file
View file

@ -0,0 +1,14 @@
---
const {question, answer} = Astro.props;
---
<div class = "text-white w-full flex flex-col mb-[2vh]">
<p class = "text-ieee-yellow text-[1.4vw] mb-[2vh] font-semibold pl-[1vw]">
{question}
</p>
<p class = "w-[60%] mb-[2vh] pl-[1vw]">
{answer}
</p>
<dev>
<hr class="w-[17%] h-[0.1vw] my-[1vw] bg-white/40">
</dev>
</div>

21
src/components/join/Questions.astro Normal file
View file

@ -0,0 +1,21 @@
---
import Question from "./Question.astro"
import { LiaDotCircle } from "react-icons/lia";
import faq from "../../data/faq.json"
---
<div class = "text-white w-full h-[90vh] ml-[9vw]">
<div class = "text-[2.5vw] flex items-center my-[7vh]">
<LiaDotCircle className = "mr-[1vw]" />
<p>
Frequently Asked Questions
</p>
</div>
<div class = "w-full ml-[10vw]">
{faq.map((question)=>(
<Question
question = {question.question}
answer = {question.answer}
/>
))}
</div>
</div>

21
src/data/faq.json Normal file
View file

@ -0,0 +1,21 @@
[
{
"question": "What skills will you gain?",
"answer": "Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat"
},
{
"question": "What skills will you gain?",
"answer": "Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat"
},
{
"question": "What skills will you gain?",
"answer": "Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat"
},
{
"question": "What skills will you gain?",
"answer": "Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat"
}
]

2
src/pages/join.astro
View file

@ -3,10 +3,12 @@ import Layout from "../layouts/Layout.astro";
import Social from "../components/core/Social.astro"; import Social from "../components/core/Social.astro";
import JoinTitle from "../components/join/JoinTitle.astro"; import JoinTitle from "../components/join/JoinTitle.astro";
import Resources from "../components/join/Resources.jsx"; import Resources from "../components/join/Resources.jsx";
import Questions from "../components/join/Questions.astro";
--- ---
<Layout> <Layout>
<JoinTitle/> <JoinTitle/>
<Social/> <Social/>
<Questions/>
<Resources/> <Resources/>
</Layout> </Layout>