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

add Robocup title

Browse source
This commit is contained in:
Shing Hung 2025-01-05 21:50:49 -08:00
parent ede45ec137
commit d7144952a4
15 changed files with 97 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/model.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 737 KiB

BIN
public/roboborder.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 20 KiB

17
src/components/core/About.astro Normal file
View file

@ -0,0 +1,17 @@
---
import { LiaDotCircle } from "react-icons/lia";
const {title, text} = Astro.props;
---
<div class="flex flex-col items-center text-white my-[10%]">
<div class="flex items-center text-[2.5vw] mb-[3%]">
<LiaDotCircle className=" mr-[1vw] pt-[0.5%]"/>
<p class="text-transparent bg-clip-text bg-gradient-to-b from-white via-white to-ieee-black">
{title}
</p>
</div>
<p class="w-[70%] text-[1.4vw] font-light ">
{text}
</p>
</div>

14
src/components/core/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>

22
src/components/core/Questions.astro Normal file
View file

@ -0,0 +1,22 @@
---
import Question from "./Question.astro"
import { LiaDotCircle } from "react-icons/lia";
const {faq} = Astro.props;
---
<div class = "text-white w-full h-[90vh] ml-[15vw] mb-[20%] mt-[10%]">
<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-[5vw]">
{faq.map((question)=>(
<Question
question = {question.question}
answer = {question.answer}
/>
))}
</div>
</div>

0
src/components/qp/TimeStamp.astro → src/components/core/TimeStamp.astro
View file

7
src/components/core/Timeline.astro Normal file
View file

@ -0,0 +1,7 @@
---
import Subtitle from "../core/Subtitle.astro";
---
<div class="flex flex-col items-center my-[5%]">
<Subtitle title="Timeline" />
</div>

3
src/components/join/Questions.astro
View file

@ -1,7 +1,8 @@
---
import Question from "./Question.astro"
import { LiaDotCircle } from "react-icons/lia";
import faq from "../../data/faq.json"
const {faq} = Astro.props;
---
<div class = "text-white w-full h-[90vh] ml-[9vw] mb-[20%] mt-[10%]">
<div class = "text-[2.5vw] flex items-center my-[7vh]">

22
src/components/qp/About.astro
View file

@ -1,22 +0,0 @@
---
import { LiaDotCircle } from "react-icons/lia";
---
<div class="flex flex-col items-center text-white my-[10%]">
<div class="flex items-center text-[2.5vw] mb-[3%]">
<LiaDotCircle className=" mr-[1vw] pt-[0.5%]"/>
<p class="text-transparent bg-clip-text bg-gradient-to-b from-white via-white to-ieee-black">
What is Quarterly Project?
</p>
</div>
<p class="w-[70%] text-[1.4vw] font-light ">
Getting started on hardware development or want to make your own project?
Need something to put on your resume? IEEE's Quarterly Projects aims to provide
students with project experience in a span of 10 weeks. During QP, students
will acquire skills used in the industry such as C++ and the prototyping process
with the assistance of our mentors. At the end of the quarter, students will
demonstrate their projects at QP Showcase in front of other students, professors,
and industry professionals!
</p>
</div>

2
src/components/qp/Join.astro
View file

@ -15,7 +15,7 @@ import jonathan from "../../../public/about3.png"
<div class="w-1/2 font-light text-[1.2vw]">
<div class="flex items-center text-[2.3vw] mb-[5%]">
<LiaDotCircle className=" mr-[1vw] pt-[0.5%]"/>
<p class="text-[2.3vw] font-bold text-transparent bg-clip-text bg-gradient-to-l from-white to-ieee-yellow">
<p class="text-[2.3vw] font-bold text-transparent bg-clip-text bg-gradient-to-r from-white to-ieee-yellow">
How to join
</p>
</div>

0
src/components/qp/Timeline.astro
View file

10
src/components/robocub/RoboTitle.astro Normal file
View file

@ -0,0 +1,10 @@
---
import Title from "../core/Title.astro";
import { Image } from "astro:assets";
import model from "../../../public/model.png"
---
<div class="flex items-center h-[60vh] relative w-full pl-[10%] mt-[3%] mb-[15%]">
<Title title="Robocup" />
<Image src={model} alt="Robocup robot model" class="absolute w-[50%] right-[10%] top-[5%]" />
</div>

5
src/pages/join.astro
View file

@ -3,11 +3,12 @@ import Layout from "../layouts/Layout.astro";
import Social from "../components/core/Social.astro";
import JoinTitle from "../components/join/JoinTitle.astro";
import Resources from "../components/join/Resources.jsx";
import Questions from "../components/join/Questions.astro";
import Questions from "../components/core/Questions.astro";
import Involvements from "../components/join/Involvements.astro";
import Findus from "../components/join/Findus.astro";
import { Image } from "astro:assets";
import join from "../../public/join.png";
import faq from "../data/faq.json";
---
<Layout>
@ -16,7 +17,7 @@ import join from "../../public/join.png";
<JoinTitle/>
<Involvements/>
<Social/>
<Questions/>
<Questions faq={faq}/>
<Resources/>
<Findus/>
</Layout>

6
src/pages/quarterly.astro
View file

@ -1,7 +1,7 @@
---
import Layout from "../layouts/Layout.astro";
import Title from "../components/core/Title.astro";
import About from "../components/qp/About.astro";
import About from "../components/core/About.astro";
import Steps from "../components/qp/Steps.astro";
import PastProjects from "../components/qp/PastProjects.astro";
import { Image } from "astro:assets";
@ -10,6 +10,7 @@ import Mentorship from "../components/qp/Mentorship.astro";
import qpborder from "../../public/qpborder.png";
import Join from "../components/qp/Join.astro";
import Carousel from "../components/qp/Carousel.astro";
import Timeline from "../components/core/Timeline.astro";
---
<Layout>
@ -19,8 +20,9 @@ import Carousel from "../components/qp/Carousel.astro";
<div class="w-full flex justify-center my-[3%]">
<Image src={qp} alt="board group photos" class=" w-2/3 rounded-full object-cover aspect-[2.5/1]"/>
</div>
<About />
<About title="What is Quarterly Project?" text="Getting started on hardware development or want to make your own project? Need something to put on your resume? IEEE's Quarterly Projects aims to provide students with project experience in a span of 10 weeks. During QP, students will acquire skills used in the industry such as C++ and the prototyping process with the assistance of our mentors. At the end of the quarter, students will demonstrate their projects at QP Showcase in front of other students, professors, and industry professionals!" />
<Steps />
<Timeline />
<PastProjects />
<Mentorship />
<Join />

18
src/pages/robocup.astro
View file

@ -1,7 +1,23 @@
---
import Layout from "../layouts/Layout.astro";
import Questions from "../components/core/Questions.astro";
import faq from "../data/faq.json";
import About from "../components/core/About.astro";
import RoboTitle from "../components/robocub/RoboTitle.astro";
import Link from "next/link"
import { Image } from "astro:assets";
import roboborder from "../../public/roboborder.png";
---
<Layout>
QP
<Image src={roboborder} alt="JOIN US" class="absolute left-[1vw] w-[4vw] top-[60vh]" />
<Image src={roboborder} alt="JOIN US" class="absolute right-[1vw] w-[4vw] top-[60vh]" />
<RoboTitle />
<About title="What is RoboCup?" text="UC San Diego’s RoboCup team is one of IEEE’s largest projects. Different subteams come together to build 6 autonomous soccer-playing robots to compete in the international RoboCup Small Sized League Competition every year. Learn more link to our website, picture of entire robot" />
<div class="w-full flex justify-center">
<Link href="/" target="_blank" className="px-[2%] py-[0.5%] text-[1.2vw] border-[0.1vw] border-white rounded-[0.5vw] hover:text-ieee-yellow hover:border-ieee-yellow duration-300 font-light">
Past Team Description Paper
</Link>
</div>
<Questions faq={faq}/>
</Layout>