Improve styling for images and sponsor section presentation

Update CSS to fix image display issues, adjust the sponsors section layout, and resolve minor styling inconsistencies.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8702cea6-5379-4542-9446-7e71f9f057ab
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 8201fba5-a9b5-45f9-8405-e7872874ad43
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/705de26f-a3c1-41e6-845d-88f96627134c/8702cea6-5379-4542-9446-7e71f9f057ab/ejKynqE
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
ka-official
2026-03-17 20:27:33 +00:00
parent 8c9d17d465
commit 867cc5681f
3 changed files with 2839 additions and 2785 deletions

File diff suppressed because it is too large Load Diff

View File

@@ -337,7 +337,7 @@
<!-- Mission Image Start -->
<div class="mission-img">
<figure class="image-anime reveal">
<img src="images/about.gif" style="width: 450px; height: 750px;" alt="">
<img src="images/about.gif" alt="">
</figure>
</div>
<!-- Mission Image End -->
@@ -451,73 +451,36 @@
</div>
<!-- Service Ticker End -->
<p></p>
<p></p>
<!-- Our Ministries Section Start -->
<div class="our-ministries">
<!-- Sponsors Section Start -->
<div class="our-sponsors-section">
<div class="container">
<div class="row section-row">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">Our Sponsors</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Our Proud <span>Sponsors</span></h2>
</div>
<!-- Section Title End -->
</div>
<div class="service-single-slider">
<div class="swiper">
<div class="swiper-wrapper">
<!-- Service Image Slide Start -->
<div class="swiper-slide">
<div class="service-slider-image">
<figure>
<img src="images/ncca.jpg"" alt="">
</figure>
</div>
</div>
<!-- Service Image Slide End -->
<!-- Service Image Slide Start -->
<div class=" swiper-slide">
<div class="service-slider-image">
<figure>
<img src="images/hit-fantasy.jpg" alt="">
</figure>
</div>
</div>
<!-- Service Image Slide End -->
<!-- Service Image Slide Start -->
<div class="swiper-slide">
<div class="service-slider-image">
<figure>
<img src="images/srisports.png" style="width: 1200px; height: 1200px;" alt="">
</figure>
</div>
</div>
<!-- Service Image Slide End -->
</div>
<div class="service-single-btn">
<div class="service-single-button-prev"></div>
<div class="service-single-button-next"></div>
</div>
</div>
<div class="sponsors-logo-grid wow fadeInUp" data-wow-delay="0.25s">
<div class="sponsor-logo-item">
<img src="images/ncca.jpg" alt="NCCA">
</div>
<div class="col-lg-12">
<div class="our-ministries-footer wow fadeInUp" data-wow-delay="0.75s">
<p> We sincerely thank all of our sponsors who have allowed our community to function.
Their support enables teams to join with no barrier to entry. <a href="/sponsors.html">View
All
Our Sponsors</a></p>
</div>
<div class="sponsor-logo-item">
<img src="images/hit-fantasy.jpg" alt="Hit Fantasy">
</div>
<div class="sponsor-logo-item">
<img src="images/srisports.png" alt="Sri Sports">
</div>
</div>
<div class="sponsors-footer wow fadeInUp" data-wow-delay="0.5s">
<p>We sincerely thank all of our sponsors who have allowed our community to function.
Their support enables teams to join with no barrier to entry.
<a href="/sponsors.html">View All Our Sponsors</a></p>
</div>
</div>
</div>
<!-- Our Ministries Section End -->
<!-- Sponsors Section End -->

View File

@@ -2,6 +2,7 @@ import express, { type Request, Response, NextFunction } from "express";
import { registerRoutes } from "./routes";
import { serveStatic } from "./static";
import { createServer } from "http";
import path from "path";
const app = express();
const httpServer = createServer(app);
@@ -22,6 +23,10 @@ app.use(
app.use(express.urlencoded({ extended: false }));
// Serve static HTML files and assets from the project root directory
// This enables index.html, about.html, css/, images/, js/ etc. to be accessible
app.use(express.static(path.resolve(import.meta.dirname, "..")));
export function log(message: string, source = "express") {
const formattedTime = new Date().toLocaleTimeString("en-US", {
hour: "numeric",