warringtond/whsfund
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added admin page

Browse Source
This commit is contained in:
warringtond
2026-03-11 21:18:58 -04:00
parent 10ab8a64cb
commit 504e5b9bc7
44 changed files with 2075 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
index.html
View File

@@ -44,31 +44,37 @@
<div class="carousel" id="carousel">
<div class="carousel-track" id="carouselTrack">
<div class="carousel-slide active">
<div class="carousel-placeholder" id="slide1">
<div class="placeholder-content">
<h2>Wesley High School</h2>
<p>100th Anniversary</p>
<p class="year-range">1926 - 2026</p>
<p>Celebrating a Century of Excellence</p>
</div>
<div class="carousel-slide-bg">
<img src="/images/image-1.jpeg" alt="" />
</div>
<div class="carousel-overlay"></div>
<div class="placeholder-content">
<h2>Wesley High School</h2>
<p>100th Anniversary</p>
<p class="year-range">1926 - 2026</p>
<p>Celebrating a Century of Excellence</p>
</div>
</div>
<div class="carousel-slide">
<div class="carousel-placeholder" id="slide2">
<div class="placeholder-content">
<h2>Support Our Legacy</h2>
<p>Help us continue building</p>
<p>the next 100 years</p>
</div>
<div class="carousel-slide-bg">
<img src="/images/image-9.jpeg" alt="" />
</div>
<div class="carousel-overlay"></div>
<div class="placeholder-content">
<h2>Support Our Legacy</h2>
<p>Help us continue building</p>
<p>the next 100 years</p>
</div>
</div>
<div class="carousel-slide">
<div class="carousel-placeholder" id="slide3">
<div class="placeholder-content">
<h2>Class Challenge</h2>
<p>Click below to make</p>
<p>your gift today!</p>
</div>
<div class="carousel-slide-bg">
<img src="/images/image-6.jpeg" alt="" />
</div>
<div class="carousel-overlay"></div>
<div class="placeholder-content">
<h2>Class Challenge</h2>
<p>Click below to make</p>
<p>your gift today!</p>
</div>
</div>
</div>
@@ -92,6 +98,40 @@
</div>
</section>
<!-- Photo Filmstrip -->
<section class="filmstrip-section">
<h2 class="filmstrip-title">Through the Years</h2>
<div class="filmstrip-track">
<div class="filmstrip-scroll">
<div class="filmstrip-frame"><img src="/images/image-1.jpeg" alt="Historic school gathering" /></div>
<div class="filmstrip-frame"><img src="/images/image-11.jpeg" alt="Class photo — students in uniform" /></div>
<div class="filmstrip-frame"><img src="/images/image-4.jpeg" alt="Students outside Wesley High School" /></div>
<div class="filmstrip-frame"><img src="/images/image-9.jpeg" alt="The original school building" /></div>
<div class="filmstrip-frame"><img src="/images/image-6.jpeg" alt="Students at a church celebration" /></div>
<div class="filmstrip-frame"><img src="/images/image-3.jpeg" alt="Early faculty and students" /></div>
<div class="filmstrip-frame"><img src="/images/image-8.jpeg" alt="The modern school building" /></div>
<div class="filmstrip-frame"><img src="/images/image-7.jpeg" alt="School assembly — panoramic view" /></div>
<div class="filmstrip-frame"><img src="/images/image-2.jpeg" alt="Vintage student photograph" /></div>
<div class="filmstrip-frame"><img src="/images/image-5.jpeg" alt="Alumni group photo" /></div>
<div class="filmstrip-frame"><img src="/images/image-10.jpeg" alt="Early class photograph" /></div>
</div>
<!-- Duplicate for seamless infinite loop -->
<div class="filmstrip-scroll">
<div class="filmstrip-frame"><img src="/images/image-1.jpeg" alt="" /></div>
<div class="filmstrip-frame"><img src="/images/image-11.jpeg" alt="" /></div>
<div class="filmstrip-frame"><img src="/images/image-4.jpeg" alt="" /></div>
<div class="filmstrip-frame"><img src="/images/image-9.jpeg" alt="" /></div>
<div class="filmstrip-frame"><img src="/images/image-6.jpeg" alt="" /></div>
<div class="filmstrip-frame"><img src="/images/image-3.jpeg" alt="" /></div>
<div class="filmstrip-frame"><img src="/images/image-8.jpeg" alt="" /></div>
<div class="filmstrip-frame"><img src="/images/image-7.jpeg" alt="" /></div>
<div class="filmstrip-frame"><img src="/images/image-2.jpeg" alt="" /></div>
<div class="filmstrip-frame"><img src="/images/image-5.jpeg" alt="" /></div>
<div class="filmstrip-frame"><img src="/images/image-10.jpeg" alt="" /></div>
</div>
</div>
</section>
<!-- Tab Navigation -->
<section class="tabs-section">
<div class="tabs-container">