chaulmark/deafmissoula-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update headers

Browse source
This commit is contained in:
TheMaddax 2024-11-07 15:55:50 -06:00
parent bf2bd09019
commit f67aafaaf6
3 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/src/components/EventCard.tsx
View file

@ -14,7 +14,7 @@ const EventCard: React.FC<EventCardProps> = ({ event }) => {
whileHover={{ scale: 1.05 }} whileHover={{ scale: 1.05 }}
className="bg-white rounded-lg shadow-md p-4 w-full max-w-xs border border-gray-200" className="bg-white rounded-lg shadow-md p-4 w-full max-w-xs border border-gray-200"
> >
<h2 className="font-bold text-lg text-[#6B1631] mb-2">{event.title}</h2> <h3 className="font-bold text-lg text-[#6B1631] mb-2">{event.title}</h3>
<div className="text-sm text-gray-900 mb-2 font-medium whitespace-pre-line">{event.formattedDateRange}</div> <div className="text-sm text-gray-900 mb-2 font-medium whitespace-pre-line">{event.formattedDateRange}</div>
<div className="text-sm text-gray-900 mb-2">{event.description}</div> <div className="text-sm text-gray-900 mb-2">{event.description}</div>
<div className="text-sm text-gray-900 mb-2"> <div className="text-sm text-gray-900 mb-2">

18
client/src/components/Meet-Board.tsx
View file

@ -122,10 +122,10 @@ const MeetBoard: React.FC = () => {
animate={{ opacity: 1, y: 0 }} animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5 }} transition={{ duration: 0.5 }}
> >
<h1 className="text-4xl md:text-5xl font-bold text-[#6B1631] mb-8">Meet Our Board</h1> <h2 className="text-4xl md:text-5xl font-bold text-[#6B1631] mb-8">Meet Our Board</h2>
<section aria-labelledby="board-members-heading"> <section aria-labelledby="board-members-heading">
<h2 id="board-members-heading" className="sr-only">Board Members Directory</h2> <h3 id="board-members-heading" className="sr-only">Board Members Directory</h3>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-8" role="list"> <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-8" role="list">
{shuffledMembers.map((member, index) => ( {shuffledMembers.map((member, index) => (
<BoardMemberCard <BoardMemberCard
@ -139,7 +139,7 @@ const MeetBoard: React.FC = () => {
</section> </section>
<section aria-labelledby="video-section-heading" className="mt-12"> <section aria-labelledby="video-section-heading" className="mt-12">
<h2 id="video-section-heading">Introduction Video</h2> <h3 id="video-section-heading">Introduction Video</h3>
<div <div
className="relative rounded-lg overflow-hidden shadow-lg border-4 border-[#6B1631]" className="relative rounded-lg overflow-hidden shadow-lg border-4 border-[#6B1631]"
onMouseMove={handleMouseMove} onMouseMove={handleMouseMove}
@ -219,12 +219,12 @@ const MeetBoard: React.FC = () => {
className="bg-white rounded-lg p-4 md:p-8 max-w-md w-full max-h-[90vh] overflow-y-auto" className="bg-white rounded-lg p-4 md:p-8 max-w-md w-full max-h-[90vh] overflow-y-auto"
onClick={(e) => e.stopPropagation()} onClick={(e) => e.stopPropagation()}
> >
<h2 id="member-modal-title" className="text-2xl md:text-3xl font-bold text-[#6B1631] mb-4"> <h3 id="member-modal-title" className="text-2xl md:text-3xl font-bold text-[#6B1631] mb-4">
{selectedMember.name} {selectedMember.name}
</h2>
<h3 className="text-xl md:text-2xl font-semibold text-[#8C1D40] mb-2">
{selectedMember.position}
</h3> </h3>
<h4 className="text-xl md:text-2xl font-semibold text-[#8C1D40] mb-2">
{selectedMember.position}
</h4>
<p className="text-base md:text-lg text-gray-900 mb-4 leading-relaxed"> <p className="text-base md:text-lg text-gray-900 mb-4 leading-relaxed">
{selectedMember.bio} {selectedMember.bio}
</p> </p>
@ -256,9 +256,9 @@ const BoardMemberCard: React.FC<{
role="listitem" role="listitem"
aria-label={ariaLabel} aria-label={ariaLabel}
> >
<h3 className="text-2xl md:text-3xl font-bold text-[#6B1631] mb-2 md:mb-4"> <h4 className="text-2xl md:text-3xl font-bold text-[#6B1631] mb-2 md:mb-4">
{member.name} {member.name}
</h3> </h4>
<img <img
src={member.image} src={member.image}
alt={`${member.name}, ${member.position}`} alt={`${member.name}, ${member.position}`}

4
client/src/components/Sponsors.tsx
View file

@ -135,7 +135,7 @@ const Sponsors: React.FC = () => {
animate={{ opacity: 1, y: 0 }} animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5 }} transition={{ duration: 0.5 }}
> >
<h1 className="text-3xl sm:text-4xl font-bold text-[#8C1D40] mb-6 sm:mb-8 text-center">Our Sponsors</h1> <h2 className="text-3xl sm:text-4xl font-bold text-[#8C1D40] mb-6 sm:mb-8 text-center">Our Sponsors</h2>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-8"> <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-8">
{Object.entries(sponsorInfo).map(([name, info]) => ( {Object.entries(sponsorInfo).map(([name, info]) => (
@ -162,7 +162,7 @@ const Sponsors: React.FC = () => {
> >
{selectedSponsor && ( {selectedSponsor && (
<> <>
<h2 className="text-xl sm:text-2xl font-bold mb-4">{selectedSponsor}</h2> <h4 className="text-xl sm:text-2xl font-bold mb-4">{selectedSponsor}</h4>
<p className="text-sm sm:text-base">{sponsorInfo[selectedSponsor].description}</p> <p className="text-sm sm:text-base">{sponsorInfo[selectedSponsor].description}</p>
</> </>
)} )}