diff --git a/src/Pages/T3Apply/Footer.tsx b/src/Pages/T3Apply/Footer.tsx index d903d85..9672cec 100644 --- a/src/Pages/T3Apply/Footer.tsx +++ b/src/Pages/T3Apply/Footer.tsx @@ -10,6 +10,8 @@ import instagram from "@/assets/icons/instagram-black.svg" import telegram from "@/assets/icons/telegram.svg" import tiktok from "@/assets/icons/tiktok.svg" import globe from "@/assets/icons/globe.svg" +import footer from "@/assets/recweek/footer.avif" +import grainTexture from "@/assets/textures/grain.avif" function Links() { return ( @@ -37,14 +39,17 @@ function Footer() { (logo) => logo.public_id === "Vertical_-_White_elepk2" ) || { public_id: "Vertical_-_White_elepk2", display_name: "Vertical - White" }; - return ( -
- + {/* Grain overlay */} +
@@ -61,26 +66,30 @@ function Footer() {
{/* Buttons */} -
-
- main website +
+
+ {/* main website */} + {/* redirect to base route / */} + main website
-
- back to top +
+ {/* back to top */} + {/* scroll to top */} + back to top
{/* credits */} -
+
- Website by:   + Website by   - Ramon Enrico Martinez, Johan Marlo Cabili, Sean Alvin Cua, and Linus Carl Perdon + Ramon Enrico Martinez, Johan Marlo Cabili, Alvin Sean Cua, and Linus Carl Perdon
{/* vis credits */}
- Visuals by:   + Visuals by  Ramon Enrico Martinez, Kim Balasabas, and Zoila Caga diff --git a/src/Pages/T3Apply/Sections/About.tsx b/src/Pages/T3Apply/Sections/About.tsx index 2d4cf15..1656a9a 100644 --- a/src/Pages/T3Apply/Sections/About.tsx +++ b/src/Pages/T3Apply/Sections/About.tsx @@ -8,7 +8,7 @@ function About() { ) || { public_id: "About_Us_ke5fkt", display_name: "About Us" }; return ( -
+
Green & White
@@ -18,12 +18,12 @@ function About() {
Celebrating its 101st year, the publication lives as the record-keeper of Lasallian memories. - From portraits to pages, Green & White brings the Lasallian community together and etches their place in time through the yearbook. + From portraits to pages, Green & White brings the Lasallian community together and etches their place in time through the yearbook.
{/* About Us Image - full width container but max-w-[750px] on larger screens */} -
+
extrabold +//Celebrating its.. -> bold +//G&W mention -> extrabold \ No newline at end of file diff --git a/src/Pages/T3Apply/Sections/Committees.tsx b/src/Pages/T3Apply/Sections/Committees.tsx index c3dce47..15bc0b3 100644 --- a/src/Pages/T3Apply/Sections/Committees.tsx +++ b/src/Pages/T3Apply/Sections/Committees.tsx @@ -5,7 +5,7 @@ import pinkRisoImg from '../../../assets/textures/pink_riso.avif'; function Committees() { return ( -
+
{/* Title Div with Pink Riso Background */}
{/* Absolute Background Texture Layer using local high-fidelity AVIF asset */} @@ -27,8 +27,8 @@ function Committees() {
{/* Horizontal Free-Sliding Carousel Section */} -
-
+
+
{committeesData.committees.map((committee) => (
+

important dates diff --git a/src/Pages/T3Apply/Sections/FAQ.tsx b/src/Pages/T3Apply/Sections/FAQ.tsx index fa47736..c6535d8 100644 --- a/src/Pages/T3Apply/Sections/FAQ.tsx +++ b/src/Pages/T3Apply/Sections/FAQ.tsx @@ -14,13 +14,13 @@ const faqs = [

You may apply to any of the seven (7) committees:

    -
  • Literary: Pitch and write stories for the yearbook, proofread yearbook write-ups, and create captions for online platforms.
    • -
  • Photo: Handle operations behind photoshoots and provide visual-photo assets for the yearbook and campaign materials.
    • -
  • Layout: Creates publicity materials and designs the contents of the yearbook.
    • -
  • Marketing: Ideates and executes promotion strategies that encourage students to subscribe to the yearbook.
    • -
  • Customer Care: Accommodates subscriber concerns and guides subscribers throughout yearbook processes.
    • -
  • Office: Organizes the systems, logistics and data of the yearbook operations.
    • -
  • Web: Deploys and manages the digital solutions behind 's systems.
    • +
  • Literary: Pitch and write stories for the yearbook, proofread yearbook write-ups, and create captions for online platforms.
    • +
  • Photo: Handle operations behind photoshoots and provide visual-photo assets for the yearbook and campaign materials.
    • +
  • Layout: Creates publicity materials and designs the contents of the yearbook.
    • +
  • Marketing: Ideates and executes promotion strategies that encourage students to subscribe to the yearbook.
    • +
  • Customer Care: Accommodates subscriber concerns and guides subscribers throughout yearbook processes.
    • +
  • Office: Organizes the systems, logistics and data of the yearbook operations.
    • +
  • Web: Deploys and manages the digital solutions behind 's systems.
) @@ -80,7 +80,7 @@ const faqs = [ function FAQ() { return ( -
+

FAQS diff --git a/src/Pages/T3Apply/Sections/Hero.tsx b/src/Pages/T3Apply/Sections/Hero.tsx index e34f7af..ad235bd 100644 --- a/src/Pages/T3Apply/Sections/Hero.tsx +++ b/src/Pages/T3Apply/Sections/Hero.tsx @@ -1,4 +1,5 @@ import React from 'react'; +import grainTexture from "@/assets/textures/grain.avif" import { T3_ASSETS } from '../../../lib/t3Assets'; import { CloudinaryImage } from '../../../components/t3-recweek/CloudinaryImage'; @@ -21,6 +22,13 @@ function Hero() { className="absolute inset-0 w-full h-full object-cover z-0 filter brightness-[0.9]" width={1000} /> + {/* Grain overlay */} + {/* Vertically Oriented Content Container */} @@ -46,7 +54,7 @@ function Hero() { {/* 3. Group Text 1 - Subtitle and Headline */}
-
+

Come as you are.

diff --git a/src/Pages/T3Apply/Sections/Steps.tsx b/src/Pages/T3Apply/Sections/Steps.tsx index 4219536..1ff280d 100644 --- a/src/Pages/T3Apply/Sections/Steps.tsx +++ b/src/Pages/T3Apply/Sections/Steps.tsx @@ -17,14 +17,20 @@ function Steps() { > bit.ly/GW26-T3-Application {' '} - by Saturday, May 23. + by Saturday, May 23. ) }, { number: "2", title: "EXAMINATION", - description: "Wait for the details of your committee exam and take-home exam to be sent to you by May 25. Submit your exam deliverables, resume, and portfolio within the given time period." + description: ( + <> + Wait for the details of your committee exam and take-home exam to be sent to you by{' '} + May 25.{' '} + Submit your exam deliverables, resume, and portfolio within the given time period. + + ) }, { number: "3", @@ -40,7 +46,7 @@ function Steps() { return ( -
+

application process

diff --git a/src/assets/recweek/footer.avif b/src/assets/recweek/footer.avif new file mode 100644 index 0000000..44134ea Binary files /dev/null and b/src/assets/recweek/footer.avif differ diff --git a/src/components/t3-recweek/CommitteeCard.tsx b/src/components/t3-recweek/CommitteeCard.tsx index 60af5d2..33752bd 100644 --- a/src/components/t3-recweek/CommitteeCard.tsx +++ b/src/components/t3-recweek/CommitteeCard.tsx @@ -1,3 +1,4 @@ +import { Fragment } from 'react'; import { CloudinaryImage } from './CloudinaryImage'; import { buildCloudinaryUrl } from '../../lib/cloudinary'; @@ -17,9 +18,22 @@ export function CommitteeCard({ name, description }: CommitteeCardProps) { + // Splits on "Green & White" and wraps each match in bold green text + const renderFormattedDescription = (text: string) => { + const parts = text.split("Green & White"); + return parts.map((part, index) => ( + + {part} + {index < parts.length - 1 && ( + Green & White + )} + + )); + }; + return (
{/* Upper Image Section with micro-animation zoom */} {/* {name}

-

- {description} +

+ {renderFormattedDescription(description)}

diff --git a/src/components/t3-recweek/FaqDropdown.tsx b/src/components/t3-recweek/FaqDropdown.tsx index 886e7a2..a30e7cb 100644 --- a/src/components/t3-recweek/FaqDropdown.tsx +++ b/src/components/t3-recweek/FaqDropdown.tsx @@ -18,11 +18,11 @@ export default function FaqDropdown( return (
setIsOpen(!isOpen)}>
-

+

{question}

@@ -33,7 +33,7 @@ export default function FaqDropdown( className="overflow-hidden transition-all duration-300 ease-in-out" style={{ height: `${height}px` }} > -
+
{answer}
diff --git a/src/components/t3-recweek/Step.tsx b/src/components/t3-recweek/Step.tsx index a35f1fb..09ff4e2 100644 --- a/src/components/t3-recweek/Step.tsx +++ b/src/components/t3-recweek/Step.tsx @@ -12,17 +12,17 @@ function Step({ description, }: StepProps) { return ( -
+
{number && ( -
+
{number}
)}
-

+

{title}

-
+
{description}
diff --git a/src/index.css b/src/index.css index 131336b..e83da25 100644 --- a/src/index.css +++ b/src/index.css @@ -49,6 +49,15 @@ html { overflow: hidden; } +/* Utility: hide scrollbar while keeping scroll functionality */ +.scrollbar-hide { + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} +.scrollbar-hide::-webkit-scrollbar { + display: none; /* Chrome, Safari, Opera */ +} + .clamp-3 { display: -webkit-box; -webkit-line-clamp: 3;