diff --git a/next/app/about/styles.module.css b/next/app/about/styles.module.css
index 6c3f7b7..ca6764a 100644
--- a/next/app/about/styles.module.css
+++ b/next/app/about/styles.module.css
@@ -1,3 +1,43 @@
+@media (width >= 500px) {
+ .valueCard {
+ position: relative;
+ border-radius: 0.8125rem;
+ border: 2px solid #000;
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
+ padding: 2rem;
+ aspect-ratio: 1;
+ }
+
+ .valueCard:nth-of-type(1) {
+ background: linear-gradient(180deg, #faab36 45.83%, #ffc9c9 100%);
+ transform: rotate(-3.259deg);
+ z-index: 2;
+ }
+
+ .valueCard:nth-of-type(2) {
+ background: linear-gradient(
+ 180deg,
+ #6cc3e5 0%,
+ #75c5e2 59.9%,
+ #ffdead 100%
+ );
+ transform: rotate(3.414deg) translateY(1.5rem);
+ z-index: 1;
+ }
+
+ .valueCard:nth-of-type(3) {
+ background: linear-gradient(180deg, #c8f2ff 0%, #ffc062 68.75%);
+ transform: rotate(-1.517deg) translateY(6rem) translateX(-1.5rem);
+ }
+
+ .valueCard:nth-of-type(4) {
+ background: linear-gradient(0deg, #ace8ff 0%, #ace8ff 100%);
+ transform: rotate(-9.745deg) translateY(-1rem) translateX(-2rem);
+ grid-column-start: 2;
+ z-index: 2;
+ }
+}
+
.valueCard {
position: relative;
border-radius: 0.8125rem;
@@ -15,18 +55,18 @@
.valueCard:nth-of-type(2) {
background: linear-gradient(180deg, #6cc3e5 0%, #75c5e2 59.9%, #ffdead 100%);
- transform: rotate(3.414deg) translateY(1.5rem);
+ transform: rotate(3.414deg);
z-index: 1;
}
.valueCard:nth-of-type(3) {
background: linear-gradient(180deg, #c8f2ff 0%, #ffc062 68.75%);
- transform: rotate(-1.517deg) translateY(6rem) translateX(-1.5rem);
+ transform: rotate(-1.517deg);
}
.valueCard:nth-of-type(4) {
background: linear-gradient(0deg, #ace8ff 0%, #ace8ff 100%);
- transform: rotate(-9.745deg) translateY(-2rem) translateX(-2rem);
+ transform: rotate(-6deg);
grid-column-start: 2;
z-index: 2;
}
diff --git a/next/app/members/[year]/page.tsx b/next/app/members/[year]/page.tsx
index e6d918c..081554a 100644
--- a/next/app/members/[year]/page.tsx
+++ b/next/app/members/[year]/page.tsx
@@ -25,8 +25,8 @@ export default async function MemberPage({
<>
- Meet the
-
+ Meet the
+
{team.CommitteeYear} Team
@@ -36,7 +36,7 @@ export default async function MemberPage({
src={getLargestImageUrl(team.teamPhoto)}
alt=""
/>
-
+
diff --git a/next/app/page.module.css b/next/app/page.module.css
index 0a978c5..3ba3aad 100644
--- a/next/app/page.module.css
+++ b/next/app/page.module.css
@@ -1,7 +1,7 @@
.description {
- display: inherit;
- justify-content: inherit;
- align-items: inherit;
+ display: flex;
+ justify-content: center;
+ align-items: center;
font-size: 0.85rem;
max-width: var(--max-width);
width: 100%;
diff --git a/next/app/page.tsx b/next/app/page.tsx
index 51a1d5f..b61e2ee 100644
--- a/next/app/page.tsx
+++ b/next/app/page.tsx
@@ -16,20 +16,22 @@ export default async function Home() {
return (
<>
+ {/* @ts-ignore */}
+
-
- A Youth Board
-
+
+ A Youth Board
+
For The Future
-
+
{data.heroParagraph}
-
+
diff --git a/next/components/blocks/ImageWithText.module.css b/next/components/blocks/ImageWithText.module.css
index 312cbea..5314b70 100644
--- a/next/components/blocks/ImageWithText.module.css
+++ b/next/components/blocks/ImageWithText.module.css
@@ -16,6 +16,7 @@
background-color: #fab34a;
background-image: linear-gradient(to bottom, #ffc062f5, #ffc062f5),
url(../../assets/home/Background_Dots.png);
+ width: 100%;
}
.backgroundCol {
diff --git a/next/components/blocks/ImageWithText.tsx b/next/components/blocks/ImageWithText.tsx
index 51d6b50..a37fe87 100644
--- a/next/components/blocks/ImageWithText.tsx
+++ b/next/components/blocks/ImageWithText.tsx
@@ -15,8 +15,10 @@ export default function ImageWithText({ props }: ImageWithTextProps) {
const imageUrl = getLargestImageUrl(props.image);
return (
-
-
+ //
+ // grid grid-cols-2 max-h-[80vh]
+
*/}
{props.Heading}
diff --git a/next/components/feedback/ActiveSection.tsx b/next/components/feedback/ActiveSection.tsx
index 202e20e..aa0e881 100644
--- a/next/components/feedback/ActiveSection.tsx
+++ b/next/components/feedback/ActiveSection.tsx
@@ -34,17 +34,17 @@ export default function ActiveSection({
return (
-
-
+
+
-
-
+
{activeSection == "FAQ" ? : }
diff --git a/next/components/feedback/FAQ.tsx b/next/components/feedback/FAQ.tsx
index 92586d2..b9924e7 100644
--- a/next/components/feedback/FAQ.tsx
+++ b/next/components/feedback/FAQ.tsx
@@ -7,7 +7,9 @@ export default function FAQ({
}) {
return (
-
Frequently Asked Questions
+
+ Frequently Asked Questions
+
{QAs.map((QA) => {
return (
@@ -26,5 +28,4 @@ export default function FAQ({
);
-
}
diff --git a/next/components/home/CarouselBase.tsx b/next/components/home/CarouselBase.tsx
index a6dd651..aac55d9 100644
--- a/next/components/home/CarouselBase.tsx
+++ b/next/components/home/CarouselBase.tsx
@@ -22,9 +22,9 @@ export default function CarouselBase({
return (
-
-
Upcoming Events
-
+
+
Upcoming Events
+