Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Volunteer Form Change #213

Merged
merged 1 commit into from
Nov 30, 2024
Merged

Volunteer Form Change #213

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 7 additions & 1 deletion src/app/events/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,15 @@
import Calendar from "@/components/events/caledar/Calendar";
import Events from "@/components/events/Events";

import Title from "@/components/Title";
import upcomingEvents from "@/public/title/upcomingEvents.webp";
const page = () => {
return (
<div className="flex w-full flex-col gap-10">
<Title
webp={upcomingEvents}
txt="UPCOMING EVENTS"
alt="Upcoming Events Banner"
/>
<Events />
<Calendar />
</div>
Expand Down
8 changes: 5 additions & 3 deletions src/app/fight-team/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,16 @@
import FightTeam from "@/components/fight-team/FightTeam";
import Gallery from "@/components/fight-team/Gallery";
import GalleryComponent from "@/components/fight-team/Gallery";
import Title from "@/components/Title";
import fightTeam from "@/public/title/fightTeam.webp";
import Header from "@/components/Header";

const page = () => {
return (
<div className="flex w-full flex-col items-center justify-center gap-5">
<div className="flex w-full flex-col items-center justify-center gap-10">
<Title webp={fightTeam} alt="Fight Team Header Image" txt="FIGHT TEAM" />
<FightTeam />
<Gallery />
<Header title="GALLERY" position="middle" />
<GalleryComponent />
</div>
);
};
Expand Down
20 changes: 12 additions & 8 deletions src/app/gallery/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
"use client";
import { Gallery } from "react-grid-gallery";
import React from "react";

import Title from "@/components/Title";
import gallery from "@/public/title/gallery.webp";
import image1 from "@/public/gallery/image1.webp";
import image2 from "@/public/gallery/image2.webp";
import image3 from "@/public/gallery/image3.webp";
Expand Down Expand Up @@ -95,16 +96,19 @@ const images: ImageProps[] = importedImages.map((image, index) => ({
alt: `Image ${index + 1}`,
}));

const GalleryComponent = () => {
const page = () => {
return (
<div className="w-full">
<div className="flex flex-col items-center justify-center">
<p className="py-1 font-archivo-black">2023 - 2024</p>
<div className="flex w-36 flex-col border-t-[2px] border-white pb-3" />
<div className="w-full space-y-10">
<Title webp={gallery} txt="GALLERY" alt="Gallery Banner" />
<div className="w-full">
<div className="flex flex-col items-center justify-center">
<p className="py-1 font-archivo-black text-xl">2023 - 2024</p>
<div className="flex w-36 flex-col border-t-[2px] border-white pb-3" />
</div>
<Gallery enableImageSelection={false} images={images} />
</div>
<Gallery enableImageSelection={false} images={images} />
</div>
);
};

export default GalleryComponent;
export default page;
173 changes: 97 additions & 76 deletions src/app/volunteer/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,82 +40,91 @@ const page = () => {
}}
></iframe>
<div className="flex min-h-screen w-full flex-col items-center justify-center gap-2 p-4 font-archivo-narrow text-white">
<FormHeader txt="Volunteer Form" />
<div className="mt-5 w-2/4 text-2xl font-bold">
What do we do while volunteering?
</div>
<div className="px-[25%]">
Highlander Gloves is partnered with Riverside PD to help tutor at-risk
kids around the area, while also coaching them in boxing. As a
volunteer, you'll usually be helping clean the facility, tutoring
kids, and helping run boxing drills. Even if you have little to no
experience, we'll show you the ropes, so please feel free to show up!
We'd love all the help we can get!
</div>
<div className="w-2/4 text-2xl font-bold">
What if I don't have a ride?
</div>
<div className="px-[25%]">
No worries! We can help arrange a ride for you whenever possible. Just
ask a staff member on discord for help, and we'll get you situated.
</div>
<div className="w-2/4 text-2xl font-bold">Times:</div>
<div className="w-2/4">
Tuesdays: 4:00 pm - 6:00 pm <br />
Wednesdays: 4:00 pm - 6:00 pm
<br />
Thursdays: 5:00 pm - 6:30 pm <br />
(P.S. Thursdays will consist of only boxing, so more experienced
members, this is your time to shine!)
</div>
<div className="w-2/4 text-2xl font-bold">Why should I volunteer?</div>
<div className="px-[25%]">
In order to become a fully fledged member of Highlander Gloves, you
will need to volunteer at least twice. Furthermore, volunteering with
us at RBA is a great thing to include on your resume, an amazing way
to give back to the community, and most importantly, is a whole lot of
fun!
</div>
<div className="w-2/4 text-2xl font-bold">Requirements:</div>
<div className="px-[25%] pb-4">
In order to volunteer, RBA mandates that you complete the following SA
course, as well as fill out the following Volunteer Application Form.
Please fill out the form once you've earned your certificate from the
SA course, and send a digital copy of your certificate as well as a
digital scan of the filled out application to the following google
form:
</div>
<div className="px-[25%]">
SA Course:
<Link
href="https://sexual-harassment-prevention-training.calcivilrights.ca.gov/NonSupervisoryEnglish/story.html"
className="text-blue-400 hover:text-blue-500"
>
{" "}
https://sexual-harassment-prevention-training.calcivilrights.ca.gov/NonSupervisoryEnglish/story.html
</Link>
<br />
Volunteer Application Form:
<Link
href="https://drive.google.com/file/d/1YhRfyr34C5Cyzk_Lezwqsr-LDB9S-zb0/view?usp=sharing"
className="text-blue-400 hover:text-blue-500"
>
{" "}
https://drive.google.com/file/d/1YhRfyr34C5Cyzk_Lezwqsr-LDB9S-zb0/view?usp=sharing
</Link>
<br />
Certificate/Application Submission Form:
<Link
href="https://forms.gle/pV145wZrLtrqWnth7"
className="text-blue-400 hover:text-blue-500"
>
{" "}
https://forms.gle/pV145wZrLtrqWnth7
</Link>
<FormHeader txt="VOLUNTEER" />
<div className="flex w-[45%] flex-col">
<div className="mt-5 w-2/4 text-3xl font-bold">
What do we do while volunteering?
</div>
<div className="mb-3 text-xl">
Highlander Gloves is partnered with Riverside PD to help tutor
at-risk kids around the area, while also coaching them in boxing. As
a volunteer, you'll usually be helping clean the facility, tutoring
kids, and helping run boxing drills. Even if you have little to no
experience, we'll show you the ropes, so please feel free to show
up! We'd love all the help we can get!
</div>
<div className="w-2/4 text-3xl font-bold">
What if I don't have a ride?
</div>
<div className="mb-3 text-xl">
No worries! We can help arrange a ride for you whenever possible.
Just ask a staff member on discord for help, and we'll get you
situated.
</div>
<div className="w-2/4 text-3xl font-bold">Times:</div>
<div className="mb-3 w-2/4 text-xl">
Tuesdays: 4:00 pm - 6:00 pm <br />
Wednesdays: 4:00 pm - 6:00 pm
<br />
Thursdays: 5:00 pm - 6:30 pm <br />
(P.S. Thursdays will consist of only boxing, so more experienced
members, this is your time to shine!)
</div>
<div className="w-2/4 text-3xl font-bold">
Why should I volunteer?
</div>
<div className="mb-3 text-xl">
In order to become a fully fledged member of Highlander Gloves, you
will need to volunteer at least twice. Furthermore, volunteering
with us at RBA is a great thing to include on your resume, an
amazing way to give back to the community, and most importantly, is
a whole lot of fun!
</div>
<div className="w-2/4 text-3xl font-bold">Requirements:</div>
<div className="mb-4 text-xl">
In order to volunteer, RBA mandates that you complete the following
SA course, as well as fill out the following Volunteer Application
Form. Please fill out the form once you've earned your certificate
from the SA course, and send a digital copy of your certificate as
well as a digital scan of the filled out application to the
following google form:
</div>
<div className="text-xl">
SA Course:
<Link
href="https://sexual-harassment-prevention-training.calcivilrights.ca.gov/NonSupervisoryEnglish/story.html"
className="text-blue-400 hover:text-blue-500"
target="_blank"
>
{" "}
https://sexual-harassment-prevention-training.calcivilrights.ca.gov/NonSupervisoryEnglish/story.html
</Link>
<br />
Volunteer Application Form:
<Link
href="https://drive.google.com/file/d/1YhRfyr34C5Cyzk_Lezwqsr-LDB9S-zb0/view?usp=sharing"
className="text-blue-400 hover:text-blue-500"
target="_blank"
>
{" "}
https://drive.google.com/file/d/1YhRfyr34C5Cyzk_Lezwqsr-LDB9S-zb0/view?usp=sharing
</Link>
<br />
Certificate/Application Submission Form:
<Link
href="https://forms.gle/pV145wZrLtrqWnth7"
className="text-blue-400 hover:text-blue-500"
target="_blank"
>
{" "}
https://forms.gle/pV145wZrLtrqWnth7
</Link>
</div>
</div>

<form
action="https://docs.google.com/forms/u/0/d/e/1FAIpQLScItUJcJ7aH6Iz8eLC0bxpzxbRr4u5trZeou8Uu5z2qLLSRTQ/formResponse"
// action="https://docs.google.com/forms/u/0/d/e/1FAIpQLSc6X4dAsdD5VIfyuKESr48vOYZSY3Rt224rGZw03WS2IP8RDg/formResponse" testing
onSubmit={() => (window.submitted = true)}
target="hidden_iframe"
className="mt-5 w-[45%] space-y-4"
Expand All @@ -128,6 +137,7 @@ const page = () => {
{/* entry num is in div jsmodel= section in the list w/ nulls and stuff */}
<input
name="entry.1312508132"
// name="entry.1116737514" testing
type="text"
placeholder="YOUR NAME"
className="text-md w-full border-b bg-hlg-dark-gray p-2 font-archivo-black text-white focus:outline-none md:text-xl"
Expand All @@ -141,6 +151,7 @@ const page = () => {
</label>
<input
name="entry.73966464"
// name="entry.1907825024" testing
type="text"
placeholder="YOUR NET ID"
className="text-md w-full border-b bg-hlg-dark-gray p-2 font-archivo-black text-white focus:outline-none md:text-xl"
Expand All @@ -158,6 +169,7 @@ const page = () => {
</label>
<input
name="entry.473485132"
// name="entry.1684900913" testing
type="text"
placeholder="YOUR CONTACT INFO"
className="text-md w-full border-b bg-hlg-dark-gray p-2 font-archivo-black text-white focus:outline-none md:text-xl"
Expand All @@ -173,9 +185,11 @@ const page = () => {
<div className="flex hover:bg-gray-700">
<input
name="entry.111141012"
// name="entry.2103208832" testing
type="radio"
value="Yes, and I'd be willing to help shuttle others"
id="shuttle"
placeholder="option1"
// placeholder="option1"
className="h-[10] w-4 border-x-hlg-red-300"
required
/>
Expand All @@ -190,9 +204,11 @@ const page = () => {
<div className="flex hover:bg-gray-700">
<input
name="entry.111141012"
// name="entry.2103208832" testing
type="radio"
value="Yes, but I can't shuttle others"
id="yes"
placeholder="option2"
// placeholder="option2"
className="h-[10] w-4 border-x-hlg-red-300"
required
/>
Expand All @@ -207,9 +223,11 @@ const page = () => {
<div className="flex hover:bg-gray-700">
<input
name="entry.111141012"
// name="entry.2103208832" testing
type="radio"
value="No"
id="no"
placeholder="option3"
// placeholder="option3"
className="h-[10] w-4 border-x-hlg-red-300"
required
/>
Expand All @@ -233,8 +251,11 @@ const page = () => {
</label>
<input
name="entry.1951360927"
// name="entry.2081057332" testing
max="2074-01-01"
// value="2024-11-24"
type="date"
placeholder="date"
// placeholder="date"
className="text-md w-full border-b bg-hlg-dark-gray p-2 font-archivo-black text-white focus:outline-none md:text-xl"
required
/>
Expand Down
2 changes: 1 addition & 1 deletion src/components/Header.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import React from "react";
const Header = (props: { position: string; title: string }) => {
return (
<div
className={`flex flex-row border-b-4 border-t-4 border-white p-2 pl-[5%] pr-[5%] font-archivo-black text-xl text-white ${props.position === "left" ? "border-r-4" : props.position === "middle" ? "border-l-4 border-r-4" : "border-l-4"}`}
className={`flex flex-row border-b-4 border-t-4 border-white p-2 pl-[5%] pr-[5%] font-archivo-black text-2xl text-white ${props.position === "left" ? "border-r-4" : props.position === "middle" ? "border-l-4 border-r-4" : "border-l-4"}`}
>
{props.title}
</div>
Expand Down
Loading
Loading