Linting of styling issues

This commit is contained in:
2026-02-03 11:26:30 -05:00
parent ae398b3d37
commit d6d1717222
3 changed files with 32 additions and 32 deletions

View File

@@ -90,7 +90,7 @@
<!-- Hero -->
<h1 class="page-title text-ecsess-50">Meet the ECSESS Council</h1>
<figure class="mb-20 overflow-hidden rounded-2xl shadow-2xl ring-2 ring-ecsess-400/50">
<figure class="ring-ecsess-400/50 mb-20 overflow-hidden rounded-2xl shadow-2xl ring-2">
<img
src={data.councilGoofyPic.url}
alt="ECSESS Council having fun"
@@ -102,11 +102,11 @@
{#if president}
<section class="mb-12 w-full">
<div class="flex w-full items-center gap-4">
<div class="h-0.5 flex-1 bg-ecsess-300" aria-hidden="true"></div>
<h2 class="shrink-0 text-xl font-semibold uppercase tracking-wider text-ecsess-100">
<div class="bg-ecsess-300 h-0.5 flex-1" aria-hidden="true"></div>
<h2 class="text-ecsess-100 shrink-0 text-xl font-semibold tracking-wider uppercase">
President
</h2>
<div class="h-0.5 flex-1 bg-ecsess-300" aria-hidden="true"></div>
<div class="bg-ecsess-300 h-0.5 flex-1" aria-hidden="true"></div>
</div>
<div class="mt-4 flex justify-center">
<CardCouncil
@@ -123,11 +123,11 @@
<!-- Vice Presidents -->
<section class="mb-20 w-full">
<div class="flex w-full items-center gap-4">
<div class="h-0.5 flex-1 bg-ecsess-300" aria-hidden="true"></div>
<h2 class="shrink-0 text-2xl font-semibold uppercase tracking-wider text-ecsess-100">
<div class="bg-ecsess-300 h-0.5 flex-1" aria-hidden="true"></div>
<h2 class="text-ecsess-100 shrink-0 text-2xl font-semibold tracking-wider uppercase">
Vice Presidents
</h2>
<div class="h-0.5 flex-1 bg-ecsess-300" aria-hidden="true"></div>
<div class="bg-ecsess-300 h-0.5 flex-1" aria-hidden="true"></div>
</div>
<div class="mt-8 flex flex-wrap justify-center gap-4">
{#each vps as vp}
@@ -148,11 +148,11 @@
<!-- Year Representatives -->
<section class="mb-20 w-full">
<div class="flex w-full items-center gap-4">
<div class="h-0.5 flex-1 bg-ecsess-300" aria-hidden="true"></div>
<h2 class="shrink-0 text-2xl font-semibold uppercase tracking-wider text-ecsess-100">
<div class="bg-ecsess-300 h-0.5 flex-1" aria-hidden="true"></div>
<h2 class="text-ecsess-100 shrink-0 text-2xl font-semibold tracking-wider uppercase">
Year Representatives
</h2>
<div class="h-0.5 flex-1 bg-ecsess-300" aria-hidden="true"></div>
<div class="bg-ecsess-300 h-0.5 flex-1" aria-hidden="true"></div>
</div>
<div class="mt-8 flex flex-wrap justify-center gap-4">
{#each ureps as urep}
@@ -173,11 +173,11 @@
<!-- Join CTA at bottom -->
<section class="mt-4 mb-12 text-center">
<p class="text-lg text-ecsess-200 sm:text-xl">
<p class="text-ecsess-200 text-lg sm:text-xl">
Like what you see?
<Link
href="/join"
class="font-semibold text-ecsess-50 underline decoration-ecsess-300 underline-offset-4 transition hover:text-ecsess-100 hover:decoration-ecsess-200"
class="text-ecsess-50 decoration-ecsess-300 hover:text-ecsess-100 hover:decoration-ecsess-200 font-semibold underline underline-offset-4 transition"
>
Join ECSESS and be part of the fun →
</Link>