JohnCosta27/savevictoriaway
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor: Improve briefing page accessibility

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-26 10:01:37 +00:00
parent 83b08b0605
commit 7cbd132533
1 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/pages/Briefing.tsx
View File

@ -57,13 +57,13 @@ const Briefing = () => {
{/* Header */} {/* Header */}
<section className="py-6 px-6 print:py-2 print-compact"> <section className="py-6 px-6 print:py-2 print-compact">
<div className="max-w-4xl mx-auto text-center"> <div className="max-w-4xl mx-auto text-center">
<h1 className="text-5xl md:text-6xl font-black text-primary mb-3 leading-tight print:text-3xl"> <h1 className="text-5xl md:text-6xl font-black text-primary mb-3 leading-tight print:text-3xl print:text-black">
Save Victoria Way Carpark Save Victoria Way Carpark
</h1> </h1>
<p className="text-xl md:text-2xl text-foreground font-semibold mb-2 print:text-base"> <p className="text-xl md:text-2xl text-foreground font-semibold mb-2 print:text-base print:text-black">
Dear Enterprise Place Residents Dear Enterprise Place Residents
</p> </p>
<p className="text-base text-muted-foreground max-w-3xl mx-auto mt-3 print:text-xs"> <p className="text-base text-foreground max-w-3xl mx-auto mt-3 print:text-xs print:text-black">
Our carpark was closed, and we now have to walk through the town centre to get to our cars. This is not safe, nor sustainable. Demand action today! Our carpark was closed, and we now have to walk through the town centre to get to our cars. This is not safe, nor sustainable. Demand action today!
</p> </p>
</div> </div>
@ -84,19 +84,19 @@ const Briefing = () => {
{/* The Situation */} {/* The Situation */}
<section className="py-6 px-6 print-compact"> <section className="py-6 px-6 print-compact">
<div className="max-w-4xl mx-auto"> <div className="max-w-4xl mx-auto">
<div className="bg-card p-3 rounded-lg border-l-4 border-primary mb-3 print:shadow-none"> <div className="bg-card p-3 rounded-lg border-l-4 border-primary mb-3 print:shadow-none print:border-black">
<h3 className="text-lg font-semibold text-primary mb-2">What We Need:</h3> <h3 className="text-lg font-semibold text-primary mb-2 print:text-black">What We Need:</h3>
<ul className="space-y-1 text-foreground text-sm"> <ul className="space-y-1 text-foreground text-sm print:text-black">
<li className="flex items-start"> <li className="flex items-start">
<span className="text-accent font-bold mr-2">•</span> <span className="text-primary font-bold mr-2 print:text-black">•</span>
<span><strong>Regular updates</strong> on safety surveys and plans</span> <span><strong>Regular updates</strong> on safety surveys and plans</span>
</li> </li>
<li className="flex items-start"> <li className="flex items-start">
<span className="text-accent font-bold mr-2">•</span> <span className="text-primary font-bold mr-2 print:text-black">•</span>
<span><strong>Parking solutions</strong> for residents</span> <span><strong>Parking solutions</strong> for residents</span>
</li> </li>
<li className="flex items-start"> <li className="flex items-start">
<span className="text-accent font-bold mr-2">•</span> <span className="text-primary font-bold mr-2 print:text-black">•</span>
<span><strong>Recognition</strong> of safety concerns</span> <span><strong>Recognition</strong> of safety concerns</span>
</li> </li>
</ul> </ul>
@ -107,23 +107,23 @@ const Briefing = () => {
{/* Solutions */} {/* Solutions */}
<section className="py-6 px-6 bg-muted print:bg-white print-compact"> <section className="py-6 px-6 bg-muted print:bg-white print-compact">
<div className="max-w-4xl mx-auto"> <div className="max-w-4xl mx-auto">
<div className="bg-card p-3 rounded-lg border border-border print:shadow-none"> <div className="bg-card p-3 rounded-lg border border-border print:shadow-none print:border-black">
<h3 className="text-lg font-semibold text-primary mb-2">Long-Term Solutions:</h3> <h3 className="text-lg font-semibold text-primary mb-2 print:text-black">Long-Term Solutions:</h3>
<ul className="space-y-1 text-foreground text-sm"> <ul className="space-y-1 text-foreground text-sm print:text-black">
<li className="flex items-start"> <li className="flex items-start">
<span className="text-accent font-bold mr-2">1.</span> <span className="text-primary font-bold mr-2 print:text-black">1.</span>
<span>Access to DoubleTree Hilton underground car park (beneath Enterprise Place)</span> <span>Access to DoubleTree Hilton underground car park (beneath Enterprise Place)</span>
</li> </li>
<li className="flex items-start"> <li className="flex items-start">
<span className="text-accent font-bold mr-2">2.</span> <span className="text-primary font-bold mr-2 print:text-black">2.</span>
<span>Repair and reopen Victoria Way Carpark</span> <span>Repair and reopen Victoria Way Carpark</span>
</li> </li>
<li className="flex items-start"> <li className="flex items-start">
<span className="text-accent font-bold mr-2">3.</span> <span className="text-primary font-bold mr-2 print:text-black">3.</span>
<span>Build new multi-storey parking facility</span> <span>Build new multi-storey parking facility</span>
</li> </li>
<li className="flex items-start"> <li className="flex items-start">
<span className="text-accent font-bold mr-2">4.</span> <span className="text-primary font-bold mr-2 print:text-black">4.</span>
<span>Dedicated resident parking zones</span> <span>Dedicated resident parking zones</span>
</li> </li>
</ul> </ul>
@ -134,14 +134,14 @@ const Briefing = () => {
{/* Call to Action */} {/* Call to Action */}
<section className="py-6 px-6 print-compact"> <section className="py-6 px-6 print-compact">
<div className="max-w-4xl mx-auto text-center"> <div className="max-w-4xl mx-auto text-center">
<div className="bg-primary/10 border-2 border-primary p-3 rounded-lg print:shadow-none"> <div className="bg-primary/10 border-2 border-primary p-3 rounded-lg print:shadow-none print:border-black">
<h2 className="text-2xl font-bold text-primary mb-2">Make Your Voice Heard</h2> <h2 className="text-2xl font-bold text-primary mb-2 print:text-black">Make Your Voice Heard</h2>
<p className="text-base text-foreground mb-3"> <p className="text-base text-foreground mb-3 print:text-black">
Join your fellow Enterprise Place residents Join your fellow Enterprise Place residents
</p> </p>
<div className="bg-card p-2 rounded-lg inline-block print:shadow-none"> <div className="bg-card p-2 rounded-lg inline-block print:shadow-none print:border print:border-black">
<p className="text-xs text-muted-foreground mb-1">Sign the petition:</p> <p className="text-xs text-foreground mb-1 print:text-black">Sign the petition:</p>
<p className="text-xl font-bold text-primary">savevictoriawaycarpark.com</p> <p className="text-xl font-bold text-primary print:text-black">savevictoriawaycarpark.com</p>
</div> </div>
</div> </div>
</div> </div>