13 Commits

Author SHA1 Message Date
keshavanand12
5aa440c4dc Center the homepage mission image on mobile devices
Update CSS to ensure the mission image is centered and fully visible on mobile viewports by overriding GSAP animation styles.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d075e7a4-f667-4f28-b24a-2d29e4931850
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: a4ff629e-a0c5-4ff8-9450-c5b4de6efab5
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/e2c5cd18-6007-4bb1-a111-e14cc125923d/d075e7a4-f667-4f28-b24a-2d29e4931850/W9XaVKV
Replit-Helium-Checkpoint-Created: true
2026-03-17 22:52:31 +00:00
keshavanand12
96e65d860f Fix homepage image display and animation issues
Update CSS to correct mobile display of the mission image and JavaScript to ensure animations trigger correctly on page load and prevent spamming.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d075e7a4-f667-4f28-b24a-2d29e4931850
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 5e85e2ff-f77c-4bb3-983c-222800a23422
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/e2c5cd18-6007-4bb1-a111-e14cc125923d/d075e7a4-f667-4f28-b24a-2d29e4931850/W9XaVKV
Replit-Helium-Checkpoint-Created: true
2026-03-17 22:51:17 +00:00
keshavanand12
15e669ff81 Restored to 'f05d289edb8ae4d0d34f6679f8fd4aa4f4f27d21'
Replit-Restored-To: f05d289edb
2026-03-17 22:43:09 +00:00
keshavanand12
1507ed5c9f Saved your changes before starting work
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d075e7a4-f667-4f28-b24a-2d29e4931850
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 51fd54df-1258-4125-9ba5-faab65b3356e
2026-03-17 22:43:07 +00:00
keshavanand12
666001cae4 Improve homepage layout and animations for mobile devices
Update CSS and JavaScript to enhance mobile responsiveness, fix image alignment issues, and refine animations for a better user experience on smaller screens.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e995c99-f0dc-4535-89de-ddffaca13380
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 9c30b65d-1fff-4139-8042-cad809186f1b
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/e2c5cd18-6007-4bb1-a111-e14cc125923d/8e995c99-f0dc-4535-89de-ddffaca13380/imQgZBK
Replit-Helium-Checkpoint-Created: true
2026-03-17 22:40:21 +00:00
keshavanand12
f05d289edb Improve website responsiveness and appearance on smaller screens
Update `css/enhance.css` to refine the website's layout and styling across various mobile breakpoints (tablet, large phone, small phone). Includes adjustments to hero section padding, button alignment, image aspect ratios, and text sizing. Also updates `tsx` dependency in `package.json`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e995c99-f0dc-4535-89de-ddffaca13380
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: e1ed3d26-6466-4b2e-ba25-934afd2bb460
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/e2c5cd18-6007-4bb1-a111-e14cc125923d/8e995c99-f0dc-4535-89de-ddffaca13380/hn5LR9d
Replit-Helium-Checkpoint-Created: true
2026-03-17 22:30:10 +00:00
Keshav Anand
226f5f15cc finished v2 2026-03-17 22:09:07 +00:00
keshavananddev
75e46ed41e Add space to about section to improve visual spacing
Add non-breaking spaces in the about section to create visual separation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1cf11e65-6deb-45c8-b84b-15ffb586a42f
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 84efe383-31dc-4829-8876-1a04da183e04
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/ef74882e-373e-40b4-93c7-cf128544a855/1cf11e65-6deb-45c8-b84b-15ffb586a42f/ZDkY1x7
Replit-Helium-Checkpoint-Created: true
2026-03-17 22:06:05 +00:00
keshavananddev
c0d1d517ae Adjust image sizing to maintain aspect ratio and fit content
Modify CSS for the cricket image to ensure it displays with its natural aspect ratio, constraining its height to align with adjacent text while allowing its width to adjust proportionally.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1cf11e65-6deb-45c8-b84b-15ffb586a42f
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 1693786b-1a78-40ff-bda7-bbae9e47519e
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/ef74882e-373e-40b4-93c7-cf128544a855/1cf11e65-6deb-45c8-b84b-15ffb586a42f/ZDkY1x7
Replit-Helium-Checkpoint-Created: true
2026-03-17 22:01:32 +00:00
keshavananddev
85d955fdad Improve image display and counter hover effects on the homepage and about page
Refactor CSS to correct image aspect ratios, equalize founder image sizes with consistent borders, and update counter hover state color for better contrast.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1cf11e65-6deb-45c8-b84b-15ffb586a42f
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 2aec9677-3784-4e92-8b41-c655a2a3ab1a
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/ef74882e-373e-40b4-93c7-cf128544a855/1cf11e65-6deb-45c8-b84b-15ffb586a42f/S9Ta7w0
Replit-Helium-Checkpoint-Created: true
2026-03-17 21:58:51 +00:00
keshavananddev
f7df852a00 Improve image display and layout across the about page for all devices
Update the 'about us' page styling to fix image overlay issues, adjust image sizes, and implement responsive layouts for improved appearance on all devices. Add lazy loading to images.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1cf11e65-6deb-45c8-b84b-15ffb586a42f
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 52941381-a76f-408f-bea0-146e6f493c34
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/ef74882e-373e-40b4-93c7-cf128544a855/1cf11e65-6deb-45c8-b84b-15ffb586a42f/jjGOhXu
Replit-Helium-Checkpoint-Created: true
2026-03-17 21:53:16 +00:00
keshavananddev
43112c4584 Fix application crash by correctly bundling CSS and JavaScript files
Correctly concatenates CSS and JS files by removing duplicate charset declarations and adding necessary separators to prevent parsing errors.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1cf11e65-6deb-45c8-b84b-15ffb586a42f
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: df972d97-9eaf-4b40-938f-e525c13ebb19
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/ef74882e-373e-40b4-93c7-cf128544a855/1cf11e65-6deb-45c8-b84b-15ffb586a42f/SOT3Dby
Replit-Helium-Checkpoint-Created: true
2026-03-17 21:45:42 +00:00
keshavananddev
621229e1fb Optimize website performance by bundling assets and optimizing images
Combines multiple CSS and JavaScript files into single bundles (bundle.css, bundle-core.js), adds lazy loading to images, and optimizes image formats and sizes across various HTML pages. Includes preload hints for critical background images and adjusts image loading attributes.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1cf11e65-6deb-45c8-b84b-15ffb586a42f
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 176f25a3-e1e0-4712-8b99-06084f7cc51d
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/ef74882e-373e-40b4-93c7-cf128544a855/1cf11e65-6deb-45c8-b84b-15ffb586a42f/Q4c5QN3
Replit-Helium-Checkpoint-Created: true
2026-03-17 21:22:54 +00:00
29 changed files with 14987 additions and 807 deletions

View File

@@ -19,26 +19,8 @@
<link <link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"> rel="stylesheet">
<!-- Bootstrap Css --> <!-- Bundled CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="css/bundle.css" rel="stylesheet">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
<!-- Enhanced Animations Css -->
<link href="css/enhance.css" rel="stylesheet" media="screen">
</head> </head>
<body> <body>
@@ -227,7 +209,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-phone.svg" alt=""> <img loading="lazy" src="images/icon-phone.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p> <p>(+1) (945) 900-1148</p>
@@ -238,7 +220,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-mail.svg" alt=""> <img loading="lazy" src="images/icon-mail.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p> <p>texasscholasticcricketboard@gmail.com</p>
@@ -284,38 +266,7 @@
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script> <script src="js/bundle-core.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
</body> </body>
</html> </html>

View File

@@ -19,27 +19,11 @@
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet" rel="stylesheet"
/> />
<!-- Bootstrap Css --> <!-- Preload critical image -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen" /> <link rel="preload" href="images/page-header-bg.jpg" as="image">
<!-- SlickNav Css --> <!-- Bundled CSS -->
<link href="css/slicknav.min.css" rel="stylesheet" /> <link href="css/bundle.css" rel="stylesheet">
<!-- Swiper Css --> </head>
<link rel="stylesheet" href="css/swiper-bundle.min.css" />
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen" />
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet" />
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css" />
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css" />
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css" />
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen" />
<!-- Enhanced Animations Css -->
<link href="css/enhance.css" rel="stylesheet" media="screen" />
</head>
<body> <body>
<!-- Preloader Start --> <!-- Preloader Start -->
@@ -143,7 +127,8 @@
<div class="about-image"> <div class="about-image">
<div class="about-img-1"> <div class="about-img-1">
<figure class="image-anime reveal"> <figure class="image-anime reveal">
<img src="images/cricket.png" alt="" /> <div class="cricket-blur-bg"></div>
<img loading="lazy" src="images/cricket.webp" alt="" />
</figure> </figure>
</div> </div>
</div> </div>
@@ -183,7 +168,7 @@
<!-- About List Item Start --> <!-- About List Item Start -->
<div class="about-list-item wow fadeInUp"> <div class="about-list-item wow fadeInUp">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-about-list-1.svg" alt="" /> <img loading="lazy" src="images/icon-about-list-1.svg" alt="" />
</div> </div>
<div class="about-list-item-content"> <div class="about-list-item-content">
<h3>Play Competitive Matches</h3> <h3>Play Competitive Matches</h3>
@@ -197,7 +182,7 @@
data-wow-delay="0.25s" data-wow-delay="0.25s"
> >
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-about-list-2.svg" alt="" /> <img loading="lazy" src="images/icon-about-list-2.svg" alt="" />
</div> </div>
<div class="about-list-item-content"> <div class="about-list-item-content">
<h3>Train the Next Generation</h3> <h3>Train the Next Generation</h3>
@@ -211,7 +196,7 @@
data-wow-delay="0.5s" data-wow-delay="0.5s"
> >
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-about-list-3.svg" alt="" /> <img loading="lazy" src="images/icon-about-list-3.svg" alt="" />
</div> </div>
<div class="about-list-item-content"> <div class="about-list-item-content">
<h3>Connect Statewide Talent</h3> <h3>Connect Statewide Talent</h3>
@@ -225,7 +210,7 @@
data-wow-delay="0.75s" data-wow-delay="0.75s"
> >
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-about-list-4.svg" alt="" /> <img loading="lazy" src="images/icon-about-list-4.svg" alt="" />
</div> </div>
<div class="about-list-item-content"> <div class="about-list-item-content">
<h3>Build the Cricket Community</h3> <h3>Build the Cricket Community</h3>
@@ -242,8 +227,8 @@
</div> </div>
<!-- About Us Section End --> <!-- About Us Section End -->
<p></p> <p> </p>
<p></p> <p> </p>
<p></p> <p></p>
@@ -352,14 +337,15 @@
<div class="about-image"> <div class="about-image">
<div class="about-img-1"> <div class="about-img-1">
<figure class="image-anime reveal"> <figure class="image-anime reveal">
<img src="images/abhiram.jpg" alt="" /> <img loading="lazy" src="images/abhiram.jpg" alt="" />
</figure> </figure>
</div> </div>
<div class="about-img-2"> <div class="about-img-2">
<figure class="image-anime reveal"> <figure class="image-anime reveal">
<img <img
src="images/saim.png" loading="lazy"
src="images/saim.webp"
alt="" alt=""
/> />
</figure> </figure>
@@ -400,8 +386,8 @@
<div class="pastors-signature"> <div class="pastors-signature">
<!-- Pastors Signature Image Start --> <!-- Pastors Signature Image Start -->
<div class="pastors-signature-img"> <div class="pastors-signature-img">
<img src="images/signature.png" alt="" /> <img loading="lazy" src="images/signature.png" alt="" />
<img src="images/saim-sign.png" alt="" /> <img loading="lazy" src="images/saim-sign.png" alt="" />
</div> </div>
<!-- Pastors Signature Image End --> <!-- Pastors Signature Image End -->
@@ -446,7 +432,7 @@
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/team-1.jpg" alt=""> <img loading="lazy" src="images/team-1.jpg" alt="">
</figure> </figure>
@@ -469,7 +455,7 @@
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/team-2.jpg" alt=""> <img loading="lazy" src="images/team-2.jpg" alt="">
</figure> </figure>
@@ -505,7 +491,7 @@
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/team-3.jpg" alt=""> <img loading="lazy" src="images/team-3.jpg" alt="">
</figure> </figure>
@@ -541,7 +527,7 @@
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/team-4.jpg" alt=""> <img loading="lazy" src="images/team-4.jpg" alt="">
</figure> </figure>
@@ -577,7 +563,7 @@
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/team-5.jpg" alt=""> <img loading="lazy" src="images/team-5.jpg" alt="">
</figure> </figure>
@@ -606,7 +592,7 @@
<div class="team-member-item wow fadeInUp" data-wow-delay="1s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1s">
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/team-6.jpg" alt=""> <img loading="lazy" src="images/team-6.jpg" alt="">
</figure> </figure>
<div class="team-social-icon"> <div class="team-social-icon">
@@ -634,7 +620,7 @@
<div class="team-member-item wow fadeInUp" data-wow-delay="1.2s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1.2s">
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/team-7.jpg" alt=""> <img loading="lazy" src="images/team-7.jpg" alt="">
</figure> </figure>
<div class="team-social-icon"> <div class="team-social-icon">
@@ -662,7 +648,7 @@
<div class="team-member-item wow fadeInUp" data-wow-delay="1.4s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1.4s">
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/team-8.jpg" alt=""> <img loading="lazy" src="images/team-8.jpg" alt="">
</figure> </figure>
<div class="team-social-icon"> <div class="team-social-icon">
@@ -1001,7 +987,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-phone.svg" alt="" /> <img loading="lazy" src="images/icon-phone.svg" alt="" />
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p> <p>(+1) (945) 900-1148</p>
@@ -1012,7 +998,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-mail.svg" alt="" /> <img loading="lazy" src="images/icon-mail.svg" alt="" />
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p> <p>texasscholasticcricketboard@gmail.com</p>
@@ -1063,38 +1049,7 @@
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script> <script src="js/bundle-core.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
<!-- Enhanced Animations js --> <!-- Enhanced Animations js -->
<script src="js/enhance.js"></script> <script src="js/enhance.js"></script>
</body> </body>

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

View File

@@ -19,26 +19,10 @@
<link <link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"> rel="stylesheet">
<!-- Bootstrap Css --> <!-- Preload critical image -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link rel="preload" href="images/page-header-bg.jpg" as="image">
<!-- SlickNav Css --> <!-- Bundled CSS -->
<link href="css/slicknav.min.css" rel="stylesheet"> <link href="css/bundle.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
<!-- Enhanced Animations Css -->
<link href="css/enhance.css" rel="stylesheet" media="screen">
</head> </head>
<body> <body>
@@ -183,7 +167,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/mcneil.jpg" alt="McNeil High School"> <img loading="lazy" src="images/mcneil.jpg" alt="McNeil High School">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -205,7 +189,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/vandegrift.webp" alt="Vandegrift High School"> <img loading="lazy" src="images/vandegrift.webp" alt="Vandegrift High School">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -227,7 +211,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/westwodd.jpeg" alt="Westwood High School"> <img loading="lazy" src="images/westwodd.jpeg" alt="Westwood High School">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -249,7 +233,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/cedarridge.jpg" alt="Cedar Ridge High School"> <img loading="lazy" src="images/cedarridge.jpg" alt="Cedar Ridge High School">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -271,7 +255,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/roundrock.jpeg" alt="Round Rock High School"> <img loading="lazy" src="images/roundrock.jpeg" alt="Round Rock High School">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -293,7 +277,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/westlake.jpg" alt="Westlake High School"> <img loading="lazy" src="images/westlake.jpg" alt="Westlake High School">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -315,7 +299,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/leander.jpeg" alt="Leander High School"> <img loading="lazy" src="images/leander.jpeg" alt="Leander High School">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -337,7 +321,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/legacyranch.jpg" alt="Legacy Ranch High School"> <img loading="lazy" src="images/legacyranch.jpg" alt="Legacy Ranch High School">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -359,7 +343,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/rouse.jpg" alt="Rouse High School"> <img loading="lazy" src="images/rouse.jpg" alt="Rouse High School">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -468,7 +452,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-phone.svg" alt=""> <img loading="lazy" src="images/icon-phone.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p> <p>(+1) (945) 900-1148</p>
@@ -479,7 +463,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-mail.svg" alt=""> <img loading="lazy" src="images/icon-mail.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p> <p>texasscholasticcricketboard@gmail.com</p>
@@ -524,38 +508,7 @@
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script> <script src="js/bundle-core.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
<!-- Enhanced Animations js --> <!-- Enhanced Animations js -->
<script src="js/enhance.js"></script> <script src="js/enhance.js"></script>
</body> </body>

View File

@@ -19,26 +19,10 @@
<link <link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"> rel="stylesheet">
<!-- Bootstrap Css --> <!-- Preload critical image -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link rel="preload" href="images/page-header-bg.jpg" as="image">
<!-- SlickNav Css --> <!-- Bundled CSS -->
<link href="css/slicknav.min.css" rel="stylesheet"> <link href="css/bundle.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
<!-- Enhanced Animations Css -->
<link href="css/enhance.css" rel="stylesheet" media="screen">
</head> </head>
<body> <body>
@@ -141,7 +125,7 @@
<div class="contact-info-item wow fadeInUp" data-wow-delay="0.25s"> <div class="contact-info-item wow fadeInUp" data-wow-delay="0.25s">
<!-- Icon Box Start --> <!-- Icon Box Start -->
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-phone.svg" alt=""> <img loading="lazy" src="images/icon-phone.svg" alt="">
</div> </div>
<!-- Icon Box End --> <!-- Icon Box End -->
@@ -158,7 +142,7 @@
<div class="contact-info-item wow fadeInUp" data-wow-delay="0.5s"> <div class="contact-info-item wow fadeInUp" data-wow-delay="0.5s">
<!-- Icon Box Start --> <!-- Icon Box Start -->
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-mail.svg" alt=""> <img loading="lazy" src="images/icon-mail.svg" alt="">
</div> </div>
<!-- Icon Box End --> <!-- Icon Box End -->
@@ -329,7 +313,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-phone.svg" alt=""> <img loading="lazy" src="images/icon-phone.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p> <p>(+1) (945) 900-1148</p>
@@ -340,7 +324,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-mail.svg" alt=""> <img loading="lazy" src="images/icon-mail.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p> <p>texasscholasticcricketboard@gmail.com</p>
@@ -386,38 +370,7 @@
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script> <script src="js/bundle-core.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
<!-- Enhanced Animations js --> <!-- Enhanced Animations js -->
<script src="js/enhance.js"></script> <script src="js/enhance.js"></script>
</body> </body>

10971
css/bundle.css Normal file

File diff suppressed because one or more lines are too long

View File

@@ -172,8 +172,7 @@ header.main-header .header-sticky.active {
box-shadow: 0 10px 30px rgba(217, 40, 0, 0.35); box-shadow: 0 10px 30px rgba(217, 40, 0, 0.35);
} }
/* About image layout is intentionally handled by custom.css only. /* About image layout overrides are handled below in the FOUNDERS SECTION block. */
The overlay (position:absolute) must be preserved at all screen sizes. */
/* ---- Counter section enhanced ---- */ /* ---- Counter section enhanced ---- */
.our-counter { .our-counter {
@@ -605,36 +604,12 @@ body {
width: 100% !important; width: 100% !important;
} }
.page-about-us .about-img-1 figure {
display: block !important;
border-radius: 20px !important;
overflow: hidden !important;
}
.page-about-us .about-img-1 img {
width: 100% !important;
height: auto !important;
aspect-ratio: 4 / 3 !important;
object-fit: cover !important;
object-position: center center !important;
border-radius: 20px !important;
}
/* Pastors section: remove inline dimension override, let CSS size it */ /* Pastors section: remove inline dimension override, let CSS size it */
.pastors-message .about-img-2 img { .pastors-message .about-img-2 img {
width: 100% !important; width: 100% !important;
height: auto !important; height: auto !important;
} }
/* ============================================================
DESKTOP (≥ 1200px)
============================================================ */
@media (min-width: 1200px) {
.page-about-us .about-img-1 img {
aspect-ratio: 3 / 4 !important;
}
}
/* ============================================================ /* ============================================================
TABLET (≤ 1024px) TABLET (≤ 1024px)
============================================================ */ ============================================================ */
@@ -796,3 +771,571 @@ body {
margin-bottom: 24px !important; margin-bottom: 24px !important;
} }
} }
/* ============================================================
CRICKET IMAGE — blurred-backdrop frame
The .cricket-blur-bg div fills the full column with a blurred
version of the same image; the real img sits centered on top
at its natural aspect ratio so no void remains.
============================================================ */
.page-about-us .about-img-1 figure {
position: relative !important;
overflow: hidden !important;
border-radius: 18px !important;
height: 490px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow:
0 0 0 2px rgba(217, 40, 0, 0.35),
0 0 0 5px rgba(206, 156, 91, 0.15),
0 16px 56px rgba(0, 0, 0, 0.45) !important;
}
.page-about-us .about-img-1 .cricket-blur-bg {
position: absolute !important;
inset: -40px !important;
background: url('../images/cricket.webp') center / cover no-repeat !important;
filter: blur(28px) brightness(0.55) saturate(1.4) !important;
z-index: 0 !important;
pointer-events: none !important;
}
.page-about-us .about-img-1 img {
position: relative !important;
z-index: 1 !important;
width: auto !important;
max-width: 100% !important;
height: 100% !important;
object-fit: contain !important;
display: block !important;
aspect-ratio: unset !important;
filter: drop-shadow(0 6px 28px rgba(0, 0, 0, 0.5)) !important;
}
@media (max-width: 767px) {
.page-about-us .about-img-1 figure {
height: 320px !important;
}
}
/* ============================================================
FOUNDERS SECTION — Equal-sized side-by-side layout
Both founders shown at identical size with matching borders.
Stacks vertically on mobile.
============================================================ */
.pastors-message .about-image {
padding-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: stretch !important;
gap: 12px !important;
}
/* Both images exactly equal width */
.pastors-message .about-img-1,
.pastors-message .about-img-2 {
position: static !important;
top: auto !important;
right: auto !important;
width: 50% !important;
flex: 0 0 50% !important;
margin-top: 0 !important;
}
.pastors-message .about-img-1 figure,
.pastors-message .about-img-2 figure {
display: block !important;
height: 100% !important;
border-radius: 16px !important;
overflow: hidden !important;
}
/* Identical treatment on both images */
.pastors-message .about-img-1 img,
.pastors-message .about-img-2 img {
width: 100% !important;
height: 100% !important;
aspect-ratio: 3 / 4 !important;
object-fit: cover !important;
object-position: top center !important;
border-radius: 16px !important;
border: 4px solid rgba(255, 255, 255, 0.85) !important;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.16) !important;
}
/* ---- Founders: tablet (≤ 991px) ---- */
@media (max-width: 991px) {
.pastors-message .about-image {
max-width: 520px !important;
margin: 0 auto 35px !important;
gap: 10px !important;
}
.pastors-message .about-img-1,
.pastors-message .about-img-2 {
width: 50% !important;
flex: 0 0 50% !important;
}
}
/* ---- Founders: mobile (≤ 767px) ---- */
@media (max-width: 767px) {
.pastors-message .about-image {
max-width: 420px !important;
gap: 8px !important;
}
.pastors-message .about-img-1 img,
.pastors-message .about-img-2 img {
border-width: 3px !important;
}
}
/* ---- Founders: small mobile (≤ 575px) — stack vertically ---- */
@media (max-width: 575px) {
.pastors-message .about-image {
flex-direction: column !important;
max-width: 100% !important;
gap: 10px !important;
margin: 0 0 30px !important;
}
.pastors-message .about-img-1,
.pastors-message .about-img-2 {
width: 100% !important;
flex: 0 0 100% !important;
}
.pastors-message .about-img-1 img,
.pastors-message .about-img-2 img {
aspect-ratio: 4 / 3 !important;
border-width: 3px !important;
border-radius: 12px !important;
}
}
/* ============================================================
COUNTER HOVER — Distinct color change (not orange/cream)
The default cream (#f3dbbb) blends into the accent color.
On hover: crisp white with a blue-tinted glow to contrast.
============================================================ */
.counter-item:hover .counter-title h2 {
color: #ffffff !important;
text-shadow: 0 0 24px rgba(130, 200, 255, 0.55),
0 0 8px rgba(130, 200, 255, 0.35) !important;
transition: color 0.35s ease, text-shadow 0.35s ease !important;
}
.counter-item:hover .counter-content h3 {
color: #ffffff !important;
transition: color 0.35s ease !important;
}
.counter-title h2,
.counter-content h3 {
transition: color 0.35s ease, text-shadow 0.35s ease;
}
/* ============================================================
MOBILE POLISH v2 — Comprehensive phone & tablet refinements
These rules come last so they win the cascade cleanly.
============================================================ */
/* ---- Shared utility: word-wrap for long strings ---- */
.footer-info-box-content p,
.contact-info-content h3,
.footer-contact-details p {
word-break: break-word !important;
overflow-wrap: anywhere !important;
}
/* ============================================================
TABLET (≤ 991px)
============================================================ */
@media (max-width: 991px) {
/* About section on home: remove left margin that persists */
.about-content {
margin-left: 0 !important;
}
/* Mission section: stack order — text first, image below */
.our-mission .row {
flex-direction: column !important;
}
.our-mission .col-lg-6 {
width: 100% !important;
max-width: 100% !important;
}
/* Mission image at tablet: clear the circle-offset padding */
.mission-img {
padding: 0 !important;
text-align: center !important;
margin-top: 30px !important;
}
/* Fix reveal figure on mobile: bypass the GSAP slide-in (xPercent: -100
initial state) and just show the image centred and full-width. */
.mission-img .reveal,
.mission-img figure {
display: block !important;
width: 100% !important;
/* Override GSAP inline transform/visibility so image is always visible */
visibility: visible !important;
opacity: 1 !important;
transform: none !important;
}
/* Landscape aspect-ratio on mobile; override height:100% from .reveal img */
.mission-img img {
display: block !important;
width: 100% !important;
height: auto !important;
margin: 0 auto !important;
aspect-ratio: 16 / 9 !important;
border-radius: 0 0 50px 0 !important;
transform: none !important;
}
/* CTA box: centre button at tablet */
.cta-box-btn {
text-align: center !important;
margin-top: 24px !important;
}
/* About us section padding tighter at tablet */
.about-us {
padding: 60px 0 !important;
}
}
/* ============================================================
PHONE LANDSCAPE / LARGE PHONE (≤ 767px)
============================================================ */
@media (max-width: 767px) {
/* --- Hero: pull padding WAY in --- */
.hero {
padding: 105px 0 70px !important;
margin-top: -75px !important;
}
/* --- Hero: center the CTA buttons --- */
.hero-content-body {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 14px !important;
margin-top: 24px !important;
}
.hero-content-body .btn-default,
.hero-content-body .btn-default.btn-highlighted {
margin-left: 0 !important;
margin-top: 0 !important;
}
/* Hero subtitle (h3) — slightly tighter */
.hero-content .section-title h3 {
font-size: 14px !important;
margin-bottom: 16px !important;
}
/* Hero paragraph text: max-width on mobile */
.hero-content .section-title p {
font-size: 15px !important;
max-width: 85% !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* --- Mission image: no decorative offset (life circle is hidden) --- */
.mission-img {
padding: 0 !important;
text-align: center !important;
margin-top: 28px !important;
margin-bottom: 0 !important;
}
/* Tighter corner radius at phone size; display:block & height:auto inherit from 991px */
.mission-img img {
border-radius: 0 0 40px 0 !important;
}
/* --- Mission content: centre-align the sub-label + heading --- */
.mission-content .section-title {
text-align: center !important;
}
/* Keep the decorative icon visible when centred */
.mission-content .section-title h3 {
padding-left: 25px !important;
}
/* Mission footer: centre the CTA button */
.mission-content-footer {
text-align: center !important;
margin-top: 20px !important;
}
/* --- About section (home): tighten + centre footer btn --- */
.about-us {
padding: 50px 0 !important;
}
.about-us-footer {
text-align: center !important;
margin-top: 8px !important;
}
/* About content body: 1 column gap fix */
.about-content-body {
gap: 16px !important;
margin-bottom: 28px !important;
}
/* --- CTA box: centre everything --- */
.cta-box-content .section-title {
text-align: center !important;
}
.cta-box-btn {
text-align: center !important;
margin-top: 20px !important;
}
/* --- Dallas / Austin league links: tighter padding --- */
.league-links .btn-default {
font-size: 14px !important;
padding: 12px 56px 12px 16px !important;
}
/* --- Services section: tighter padding --- */
.our-services {
padding: 50px 0 20px !important;
}
/* Service items: centre footer row */
.service-footer {
align-items: flex-start !important;
}
/* --- Service ticker: smaller on phone --- */
.service-ticker .scrolling-content span {
font-size: 52px !important;
}
/* --- Teams grid: consistent image heights on mobile --- */
.team-image figure,
.team-image img {
aspect-ratio: 4 / 3 !important;
object-fit: cover !important;
}
/* --- Contact page: email wrapping --- */
.contact-info-content h3 {
font-size: 14px !important;
word-break: break-word !important;
overflow-wrap: anywhere !important;
line-height: 1.4 !important;
}
/* Contact info items: tighter layout */
.contact-info-item {
padding: 16px !important;
gap: 14px !important;
}
/* --- Footer: email address wrapping --- */
.footer-info-box-content p {
font-size: 12px !important;
word-break: break-word !important;
overflow-wrap: anywhere !important;
line-height: 1.5 !important;
}
/* Footer info icon: keep it from shrinking */
.footer-info-box .icon-box {
flex-shrink: 0 !important;
}
/* Footer links col: tighter spacing */
.footer-links {
margin-bottom: 28px !important;
}
/* Footer copyright: already centred in custom.css but reinforce */
.footer-copyright-text {
text-align: center !important;
margin-bottom: 8px !important;
}
.footer-privacy-policy ul {
text-align: center !important;
}
/* --- Sponsors section: ensure 2-col grid on phones --- */
.sponsors-logo-grid {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 16px !important;
}
.sponsor-logo-item {
flex: 0 0 calc(50% - 8px) !important;
max-width: calc(50% - 8px) !important;
min-width: 0 !important;
}
/* --- Page header (inner pages): tighter heading --- */
.page-header-box h1 {
font-size: 38px !important;
line-height: 1.2 !important;
}
/* --- Section row: less bottom margin --- */
.section-row {
margin-bottom: 28px !important;
}
/* --- About page: founders signature wrap fix --- */
.pastors-signature {
flex-wrap: wrap !important;
gap: 12px !important;
}
.pastors-signature-img {
display: flex !important;
gap: 12px !important;
}
.pastors-signature-img img {
max-width: 110px !important;
}
}
/* ============================================================
SMALL PHONE (≤ 575px)
============================================================ */
@media (max-width: 575px) {
/* --- Hero: even smaller padding --- */
.hero {
padding: 90px 0 55px !important;
}
/* Hero h1: readable on tiny screens */
.section-title h1,
.hero-content h1 {
font-size: 28px !important;
line-height: 1.2 !important;
}
/* --- Hero buttons: CENTRE (override the flex-start from earlier block) --- */
.hero-content-body {
align-items: center !important;
gap: 12px !important;
}
/* Hero paragraph: full width on tiny phones */
.hero-content .section-title p {
max-width: 100% !important;
font-size: 14px !important;
}
/* --- Section headings --- */
.section-title h2 {
font-size: 24px !important;
line-height: 1.28 !important;
}
.section-title h3 {
font-size: 13px !important;
margin-bottom: 12px !important;
}
/* --- Section row spacing --- */
.section-row {
margin-bottom: 22px !important;
}
/* --- Btn-default: compact on tiny phones --- */
.btn-default {
font-size: 14px !important;
padding: 12px 52px 12px 14px !important;
}
/* --- Counter heading --- */
.counter-title h2 {
font-size: 32px !important;
}
/* --- Service ticker: smaller --- */
.service-ticker .scrolling-content span {
font-size: 42px !important;
}
/* --- CTA box heading --- */
.cta-box-content .section-title h2 {
font-size: 20px !important;
line-height: 1.3 !important;
}
/* --- Page header heading --- */
.page-header-box h1 {
font-size: 30px !important;
}
/* --- League links: full readability --- */
.league-links .btn-default {
font-size: 13px !important;
padding: 12px 52px 12px 14px !important;
}
/* --- Team card text --- */
.team-content h3 {
font-size: 16px !important;
}
.team-content p {
font-size: 14px !important;
}
/* --- Contact info: stack icon above text on very small --- */
.contact-info-item {
align-items: flex-start !important;
}
/* --- Sponsor logos: maintain 2 col --- */
.sponsor-logo-item {
flex: 0 0 calc(50% - 8px) !important;
max-width: calc(50% - 8px) !important;
}
/* --- About content body: full 1 column --- */
.about-content-body {
grid-template-columns: 1fr !important;
gap: 14px !important;
}
/* --- Mission content body quote line --- */
.mission-content-body p {
padding-left: 14px !important;
}
/* --- Navbar: tighter on very small phones --- */
.navbar {
padding: 14px 0 !important;
}
/* Founders: portrait aspect on small phones */
.pastors-message .about-img-1 img,
.pastors-message .about-img-2 img {
aspect-ratio: 3 / 4 !important;
}
}

View File

@@ -19,26 +19,10 @@
<link <link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"> rel="stylesheet">
<!-- Bootstrap Css --> <!-- Preload critical image -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link rel="preload" href="images/page-header-bg.jpg" as="image">
<!-- SlickNav Css --> <!-- Bundled CSS -->
<link href="css/slicknav.min.css" rel="stylesheet"> <link href="css/bundle.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
<!-- Enhanced Animations Css -->
<link href="css/enhance.css" rel="stylesheet" media="screen">
</head> </head>
<body> <body>
@@ -182,7 +166,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/pesh.jpeg" alt="Plano East Panthers"> <img loading="lazy" src="images/pesh.jpeg" alt="Plano East Panthers">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -204,7 +188,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/ranchview.jpg" alt="Ranchview Wolves"> <img loading="lazy" src="images/ranchview.jpg" alt="Ranchview Wolves">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -226,7 +210,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/friscofury.webp" alt="Frisco Fury"> <img loading="lazy" src="images/friscofury.webp" alt="Frisco Fury">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -248,7 +232,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/heritage.webp" alt="Heritage Coyotes"> <img loading="lazy" src="images/heritage.webp" alt="Heritage Coyotes">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -270,7 +254,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/lebanon.jpeg" alt="Lebanon Trail Challengers"> <img loading="lazy" src="images/lebanon.jpeg" alt="Lebanon Trail Challengers">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -292,7 +276,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/liberty.jpeg" alt="Frisco Titans"> <img loading="lazy" src="images/liberty.jpeg" alt="Frisco Titans">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -314,7 +298,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/prosper.webp" alt="Prosper Eagles"> <img loading="lazy" src="images/prosper.webp" alt="Prosper Eagles">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -336,7 +320,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/rockhill.jpeg" alt="Rock Hill Bluehawks"> <img loading="lazy" src="images/rockhill.jpeg" alt="Rock Hill Bluehawks">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -358,7 +342,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/walnut.webp" alt="Walnut Grove Wildcats"> <img loading="lazy" src="images/walnut.webp" alt="Walnut Grove Wildcats">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -467,7 +451,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-phone.svg" alt=""> <img loading="lazy" src="images/icon-phone.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p> <p>(+1) (945) 900-1148</p>
@@ -478,7 +462,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-mail.svg" alt=""> <img loading="lazy" src="images/icon-mail.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p> <p>texasscholasticcricketboard@gmail.com</p>
@@ -524,38 +508,7 @@
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script> <script src="js/bundle-core.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
<!-- Enhanced Animations js --> <!-- Enhanced Animations js -->
<script src="js/enhance.js"></script> <script src="js/enhance.js"></script>
</body> </body>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 190 KiB

After

Width:  |  Height:  |  Size: 51 KiB

BIN
images/cricket.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 834 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 94 KiB

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 132 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 834 KiB

After

Width:  |  Height:  |  Size: 32 KiB

BIN
images/match.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 697 KiB

After

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 210 KiB

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 672 KiB

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 303 KiB

After

Width:  |  Height:  |  Size: 134 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 203 KiB

After

Width:  |  Height:  |  Size: 48 KiB

View File

@@ -19,26 +19,10 @@
<link <link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"> rel="stylesheet">
<!-- Bootstrap Css --> <!-- Preload critical image -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link rel="preload" href="images/hero-bg.jpg" as="image">
<!-- SlickNav Css --> <!-- Bundled CSS -->
<link href="css/slicknav.min.css" rel="stylesheet"> <link href="css/bundle.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
<!-- Enhanced Animations Css -->
<link href="css/enhance.css" rel="stylesheet" media="screen">
</head> </head>
<body> <body>
@@ -155,7 +139,7 @@
<!-- About List Item Start --> <!-- About List Item Start -->
<div class="about-list-item wow fadeInUp"> <div class="about-list-item wow fadeInUp">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-about-list-1.svg" alt=""> <img loading="lazy" src="images/icon-about-list-1.svg" alt="">
</div> </div>
<div class="about-list-item-content"> <div class="about-list-item-content">
<h3>Play Competitive Matches</h3> <h3>Play Competitive Matches</h3>
@@ -166,7 +150,7 @@
<!-- About List Item Start --> <!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.25s"> <div class="about-list-item wow fadeInUp" data-wow-delay="0.25s">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-about-list-2.svg" alt=""> <img loading="lazy" src="images/icon-about-list-2.svg" alt="">
</div> </div>
<div class="about-list-item-content"> <div class="about-list-item-content">
<h3>Train the Next Generation</h3> <h3>Train the Next Generation</h3>
@@ -177,7 +161,7 @@
<!-- About List Item Start --> <!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.5s"> <div class="about-list-item wow fadeInUp" data-wow-delay="0.5s">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-about-list-3.svg" alt=""> <img loading="lazy" src="images/icon-about-list-3.svg" alt="">
</div> </div>
<div class="about-list-item-content"> <div class="about-list-item-content">
<h3>Connect Statewide Talent</h3> <h3>Connect Statewide Talent</h3>
@@ -188,7 +172,7 @@
<!-- About List Item Start --> <!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.75s"> <div class="about-list-item wow fadeInUp" data-wow-delay="0.75s">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-about-list-4.svg" alt=""> <img loading="lazy" src="images/icon-about-list-4.svg" alt="">
</div> </div>
<div class="about-list-item-content"> <div class="about-list-item-content">
<h3>Build the Cricket Community</h3> <h3>Build the Cricket Community</h3>
@@ -337,14 +321,14 @@
<!-- Mission Image Start --> <!-- Mission Image Start -->
<div class="mission-img"> <div class="mission-img">
<figure class="image-anime reveal"> <figure class="image-anime reveal">
<img src="images/mission-image.jpg" alt=""> <img loading="lazy" src="images/mission-image.jpg" alt="">
</figure> </figure>
</div> </div>
<!-- Mission Image End --> <!-- Mission Image End -->
<!-- Mission Life Circle Start --> <!-- Mission Life Circle Start -->
<div class="mission-life-circle"> <div class="mission-life-circle">
<img src="images/hero-bg.jpg" alt="" style="width: 160px; height: auto;"> <img loading="lazy" src="images/hero-bg.jpg" alt="" style="width: 160px; height: auto;">
</div> </div>
<!-- Mission Life Circle End --> <!-- Mission Life Circle End -->
</div> </div>
@@ -374,7 +358,7 @@
<div class="service-item wow fadeInUp"> <div class="service-item wow fadeInUp">
<!-- Icon Box Start --> <!-- Icon Box Start -->
<div class="icon-box"> <div class="icon-box">
<img src="images/dallas.png" alt=""> <img loading="lazy" src="images/dallas.png" alt="">
</div> </div>
<!-- Icon Box End --> <!-- Icon Box End -->
@@ -391,7 +375,7 @@
<h3>Dallas Regionals</h3> <h3>Dallas Regionals</h3>
</div> </div>
<div class="service-btn"> <div class="service-btn">
<a href="/dallas.html" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a> <a href="/dallas.html" class="readmore-btn"><img loading="lazy" src="images/arrow-white.svg" alt=""></a>
</div> </div>
</div> </div>
<!-- Service Footer End --> <!-- Service Footer End -->
@@ -406,7 +390,7 @@
<div class="service-item wow fadeInUp" data-wow-delay="0.75s"> <div class="service-item wow fadeInUp" data-wow-delay="0.75s">
<!-- Icon Box Start --> <!-- Icon Box Start -->
<div class="icon-box"> <div class="icon-box">
<img src="images/austin.png" alt=""> <img loading="lazy" src="images/austin.png" alt="">
</div> </div>
<!-- Icon Box End --> <!-- Icon Box End -->
@@ -423,7 +407,7 @@
<h3>austin regionals</h3> <h3>austin regionals</h3>
</div> </div>
<div class="service-btn"> <div class="service-btn">
<a href="/austin.html" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a> <a href="/austin.html" class="readmore-btn"><img loading="lazy" src="images/arrow-white.svg" alt=""></a>
</div> </div>
</div> </div>
<!-- Service Footer End --> <!-- Service Footer End -->
@@ -440,11 +424,11 @@
<div class="scrolling-ticker"> <div class="scrolling-ticker">
<div class="scrolling-ticker-box"> <div class="scrolling-ticker-box">
<div class="scrolling-content"> <div class="scrolling-content">
<span><img src="images/icon-asterisk.svg" alt="">Cricket</span> <span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Cricket</span>
<span><img src="images/icon-asterisk.svg" alt="">Leadership</span> <span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Leadership</span>
<span><img src="images/icon-asterisk.svg" alt="">Community</span> <span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Community</span>
<span><img src="images/icon-asterisk.svg" alt="">Youth Involvement</span> <span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Youth Involvement</span>
<span><img src="images/icon-asterisk.svg" alt="">Fun</span> <span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Fun</span>
</div> </div>
</div> </div>
</div> </div>
@@ -463,13 +447,13 @@
<div class="sponsors-logo-grid wow fadeInUp" data-wow-delay="0.25s"> <div class="sponsors-logo-grid wow fadeInUp" data-wow-delay="0.25s">
<div class="sponsor-logo-item"> <div class="sponsor-logo-item">
<img src="images/ncca.jpg" alt="NCCA"> <img loading="lazy" src="images/ncca.jpg" alt="NCCA">
</div> </div>
<div class="sponsor-logo-item"> <div class="sponsor-logo-item">
<img src="images/hit-fantasy.jpg" alt="Hit Fantasy"> <img loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy">
</div> </div>
<div class="sponsor-logo-item"> <div class="sponsor-logo-item">
<img src="images/srisports.png" alt="Sri Sports"> <img loading="lazy" src="images/srisports.png" alt="Sri Sports">
</div> </div>
</div> </div>
@@ -679,7 +663,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-phone.svg" alt=""> <img loading="lazy" src="images/icon-phone.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p> <p>(+1) (945) 900-1148</p>
@@ -690,7 +674,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-mail.svg" alt=""> <img loading="lazy" src="images/icon-mail.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p> <p>texasscholasticcricketboard@gmail.com</p>
@@ -735,38 +719,7 @@
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script> <script src="js/bundle-core.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
<!-- Enhanced Animations js --> <!-- Enhanced Animations js -->
<script src="js/enhance.js"></script> <script src="js/enhance.js"></script>
<!-- Homepage GSAP Masterpiece (index.html only) --> <!-- Homepage GSAP Masterpiece (index.html only) -->

2545
js/bundle-core.js Normal file

File diff suppressed because one or more lines are too long

View File

@@ -317,7 +317,20 @@
/* Contact form validation end */ /* Contact form validation end */
/* Animated Wow Js */ /* Animated Wow Js */
new WOW().init(); var wowInstance = new WOW({
mobile: true,
live: false,
offset: 0,
scrollContainer: null
});
wowInstance.init();
/* Re-trigger after page fully loads so elements already in the viewport
on scroll-restore also animate (fixes "nothing shows on reload" issue) */
$(window).on('load', function () {
setTimeout(function () {
window.dispatchEvent(new Event('scroll'));
}, 200);
});
/* Popup Video */ /* Popup Video */
if ($('.popup-video').length) { if ($('.popup-video').length) {

View File

@@ -19,27 +19,11 @@
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet" rel="stylesheet"
/> />
<!-- Bootstrap Css --> <!-- Preload critical image -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen" /> <link rel="preload" href="images/page-header-bg.jpg" as="image">
<!-- SlickNav Css --> <!-- Bundled CSS -->
<link href="css/slicknav.min.css" rel="stylesheet" /> <link href="css/bundle.css" rel="stylesheet">
<!-- Swiper Css --> </head>
<link rel="stylesheet" href="css/swiper-bundle.min.css" />
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen" />
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet" />
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css" />
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css" />
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css" />
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen" />
<!-- Enhanced Animations Css -->
<link href="css/enhance.css" rel="stylesheet" media="screen" />
</head>
<body> <body>
<!-- Preloader Start --> <!-- Preloader Start -->
@@ -442,7 +426,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-phone.svg" alt="" /> <img loading="lazy" src="images/icon-phone.svg" alt="" />
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p> <p>(+1) (945) 900-1148</p>
@@ -453,7 +437,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-mail.svg" alt="" /> <img loading="lazy" src="images/icon-mail.svg" alt="" />
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p> <p>texasscholasticcricketboard@gmail.com</p>
@@ -504,37 +488,6 @@
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script> <script src="js/bundle-core.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
</body> </body>
</html> </html>

494
package-lock.json generated
View File

@@ -94,7 +94,7 @@
"esbuild": "^0.25.0", "esbuild": "^0.25.0",
"postcss": "^8.4.47", "postcss": "^8.4.47",
"tailwindcss": "^3.4.17", "tailwindcss": "^3.4.17",
"tsx": "^4.20.5", "tsx": "^4.21.0",
"typescript": "5.6.3", "typescript": "5.6.3",
"vite": "^7.3.0" "vite": "^7.3.0"
}, },
@@ -7676,13 +7676,13 @@
"license": "0BSD" "license": "0BSD"
}, },
"node_modules/tsx": { "node_modules/tsx": {
"version": "4.20.5", "version": "4.21.0",
"resolved": "https://registry.npmjs.org/tsx/-/tsx-4.20.5.tgz", "resolved": "https://registry.npmjs.org/tsx/-/tsx-4.21.0.tgz",
"integrity": "sha512-+wKjMNU9w/EaQayHXb7WA7ZaHY6hN8WgfvHNQ3t1PnU91/7O8TcTnIhCDYTZwnt8JsO9IBqZ30Ln1r7pPF52Aw==", "integrity": "sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==",
"dev": true, "dev": true,
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"esbuild": "~0.25.0", "esbuild": "~0.27.0",
"get-tsconfig": "^4.7.5" "get-tsconfig": "^4.7.5"
}, },
"bin": { "bin": {
@@ -7695,6 +7695,490 @@
"fsevents": "~2.3.3" "fsevents": "~2.3.3"
} }
}, },
"node_modules/tsx/node_modules/@esbuild/aix-ppc64": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.4.tgz",
"integrity": "sha512-cQPwL2mp2nSmHHJlCyoXgHGhbEPMrEEU5xhkcy3Hs/O7nGZqEpZ2sUtLaL9MORLtDfRvVl2/3PAuEkYZH0Ty8Q==",
"cpu": [
"ppc64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"aix"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/android-arm": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.4.tgz",
"integrity": "sha512-X9bUgvxiC8CHAGKYufLIHGXPJWnr0OCdR0anD2e21vdvgCI8lIfqFbnoeOz7lBjdrAGUhqLZLcQo6MLhTO2DKQ==",
"cpu": [
"arm"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"android"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/android-arm64": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.4.tgz",
"integrity": "sha512-gdLscB7v75wRfu7QSm/zg6Rx29VLdy9eTr2t44sfTW7CxwAtQghZ4ZnqHk3/ogz7xao0QAgrkradbBzcqFPasw==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"android"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/android-x64": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.4.tgz",
"integrity": "sha512-PzPFnBNVF292sfpfhiyiXCGSn9HZg5BcAz+ivBuSsl6Rk4ga1oEXAamhOXRFyMcjwr2DVtm40G65N3GLeH1Lvw==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"android"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/darwin-arm64": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.4.tgz",
"integrity": "sha512-b7xaGIwdJlht8ZFCvMkpDN6uiSmnxxK56N2GDTMYPr2/gzvfdQN8rTfBsvVKmIVY/X7EM+/hJKEIbbHs9oA4tQ==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/darwin-x64": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.4.tgz",
"integrity": "sha512-sR+OiKLwd15nmCdqpXMnuJ9W2kpy0KigzqScqHI3Hqwr7IXxBp3Yva+yJwoqh7rE8V77tdoheRYataNKL4QrPw==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/freebsd-arm64": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.4.tgz",
"integrity": "sha512-jnfpKe+p79tCnm4GVav68A7tUFeKQwQyLgESwEAUzyxk/TJr4QdGog9sqWNcUbr/bZt/O/HXouspuQDd9JxFSw==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"freebsd"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/freebsd-x64": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.4.tgz",
"integrity": "sha512-2kb4ceA/CpfUrIcTUl1wrP/9ad9Atrp5J94Lq69w7UwOMolPIGrfLSvAKJp0RTvkPPyn6CIWrNy13kyLikZRZQ==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"freebsd"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/linux-arm": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.4.tgz",
"integrity": "sha512-aBYgcIxX/wd5n2ys0yESGeYMGF+pv6g0DhZr3G1ZG4jMfruU9Tl1i2Z+Wnj9/KjGz1lTLCcorqE2viePZqj4Eg==",
"cpu": [
"arm"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/linux-arm64": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.4.tgz",
"integrity": "sha512-7nQOttdzVGth1iz57kxg9uCz57dxQLHWxopL6mYuYthohPKEK0vU0C3O21CcBK6KDlkYVcnDXY099HcCDXd9dA==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/linux-ia32": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.4.tgz",
"integrity": "sha512-oPtixtAIzgvzYcKBQM/qZ3R+9TEUd1aNJQu0HhGyqtx6oS7qTpvjheIWBbes4+qu1bNlo2V4cbkISr8q6gRBFA==",
"cpu": [
"ia32"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/linux-loong64": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.4.tgz",
"integrity": "sha512-8mL/vh8qeCoRcFH2nM8wm5uJP+ZcVYGGayMavi8GmRJjuI3g1v6Z7Ni0JJKAJW+m0EtUuARb6Lmp4hMjzCBWzA==",
"cpu": [
"loong64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/linux-mips64el": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.4.tgz",
"integrity": "sha512-1RdrWFFiiLIW7LQq9Q2NES+HiD4NyT8Itj9AUeCl0IVCA459WnPhREKgwrpaIfTOe+/2rdntisegiPWn/r/aAw==",
"cpu": [
"mips64el"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/linux-ppc64": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.4.tgz",
"integrity": "sha512-tLCwNG47l3sd9lpfyx9LAGEGItCUeRCWeAx6x2Jmbav65nAwoPXfewtAdtbtit/pJFLUWOhpv0FpS6GQAmPrHA==",
"cpu": [
"ppc64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/linux-riscv64": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.4.tgz",
"integrity": "sha512-BnASypppbUWyqjd1KIpU4AUBiIhVr6YlHx/cnPgqEkNoVOhHg+YiSVxM1RLfiy4t9cAulbRGTNCKOcqHrEQLIw==",
"cpu": [
"riscv64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/linux-s390x": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.4.tgz",
"integrity": "sha512-+eUqgb/Z7vxVLezG8bVB9SfBie89gMueS+I0xYh2tJdw3vqA/0ImZJ2ROeWwVJN59ihBeZ7Tu92dF/5dy5FttA==",
"cpu": [
"s390x"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/linux-x64": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.4.tgz",
"integrity": "sha512-S5qOXrKV8BQEzJPVxAwnryi2+Iq5pB40gTEIT69BQONqR7JH1EPIcQ/Uiv9mCnn05jff9umq/5nqzxlqTOg9NA==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/netbsd-arm64": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.4.tgz",
"integrity": "sha512-xHT8X4sb0GS8qTqiwzHqpY00C95DPAq7nAwX35Ie/s+LO9830hrMd3oX0ZMKLvy7vsonee73x0lmcdOVXFzd6Q==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"netbsd"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/netbsd-x64": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.4.tgz",
"integrity": "sha512-RugOvOdXfdyi5Tyv40kgQnI0byv66BFgAqjdgtAKqHoZTbTF2QqfQrFwa7cHEORJf6X2ht+l9ABLMP0dnKYsgg==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"netbsd"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/openbsd-arm64": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.4.tgz",
"integrity": "sha512-2MyL3IAaTX+1/qP0O1SwskwcwCoOI4kV2IBX1xYnDDqthmq5ArrW94qSIKCAuRraMgPOmG0RDTA74mzYNQA9ow==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"openbsd"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/openbsd-x64": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.4.tgz",
"integrity": "sha512-u8fg/jQ5aQDfsnIV6+KwLOf1CmJnfu1ShpwqdwC0uA7ZPwFws55Ngc12vBdeUdnuWoQYx/SOQLGDcdlfXhYmXQ==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"openbsd"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/openharmony-arm64": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.4.tgz",
"integrity": "sha512-JkTZrl6VbyO8lDQO3yv26nNr2RM2yZzNrNHEsj9bm6dOwwu9OYN28CjzZkH57bh4w0I2F7IodpQvUAEd1mbWXg==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"openharmony"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/sunos-x64": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.4.tgz",
"integrity": "sha512-/gOzgaewZJfeJTlsWhvUEmUG4tWEY2Spp5M20INYRg2ZKl9QPO3QEEgPeRtLjEWSW8FilRNacPOg8R1uaYkA6g==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"sunos"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/win32-arm64": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.4.tgz",
"integrity": "sha512-Z9SExBg2y32smoDQdf1HRwHRt6vAHLXcxD2uGgO/v2jK7Y718Ix4ndsbNMU/+1Qiem9OiOdaqitioZwxivhXYg==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"win32"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/win32-ia32": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.4.tgz",
"integrity": "sha512-DAyGLS0Jz5G5iixEbMHi5KdiApqHBWMGzTtMiJ72ZOLhbu/bzxgAe8Ue8CTS3n3HbIUHQz/L51yMdGMeoxXNJw==",
"cpu": [
"ia32"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"win32"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/@esbuild/win32-x64": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.4.tgz",
"integrity": "sha512-+knoa0BDoeXgkNvvV1vvbZX4+hizelrkwmGJBdT17t8FNPwG2lKemmuMZlmaNQ3ws3DKKCxpb4zRZEIp3UxFCg==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"win32"
],
"engines": {
"node": ">=18"
}
},
"node_modules/tsx/node_modules/esbuild": {
"version": "0.27.4",
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.4.tgz",
"integrity": "sha512-Rq4vbHnYkK5fws5NF7MYTU68FPRE1ajX7heQ/8QXXWqNgqqJ/GkmmyxIzUnf2Sr/bakf8l54716CcMGHYhMrrQ==",
"dev": true,
"hasInstallScript": true,
"license": "MIT",
"bin": {
"esbuild": "bin/esbuild"
},
"engines": {
"node": ">=18"
},
"optionalDependencies": {
"@esbuild/aix-ppc64": "0.27.4",
"@esbuild/android-arm": "0.27.4",
"@esbuild/android-arm64": "0.27.4",
"@esbuild/android-x64": "0.27.4",
"@esbuild/darwin-arm64": "0.27.4",
"@esbuild/darwin-x64": "0.27.4",
"@esbuild/freebsd-arm64": "0.27.4",
"@esbuild/freebsd-x64": "0.27.4",
"@esbuild/linux-arm": "0.27.4",
"@esbuild/linux-arm64": "0.27.4",
"@esbuild/linux-ia32": "0.27.4",
"@esbuild/linux-loong64": "0.27.4",
"@esbuild/linux-mips64el": "0.27.4",
"@esbuild/linux-ppc64": "0.27.4",
"@esbuild/linux-riscv64": "0.27.4",
"@esbuild/linux-s390x": "0.27.4",
"@esbuild/linux-x64": "0.27.4",
"@esbuild/netbsd-arm64": "0.27.4",
"@esbuild/netbsd-x64": "0.27.4",
"@esbuild/openbsd-arm64": "0.27.4",
"@esbuild/openbsd-x64": "0.27.4",
"@esbuild/openharmony-arm64": "0.27.4",
"@esbuild/sunos-x64": "0.27.4",
"@esbuild/win32-arm64": "0.27.4",
"@esbuild/win32-ia32": "0.27.4",
"@esbuild/win32-x64": "0.27.4"
}
},
"node_modules/tw-animate-css": { "node_modules/tw-animate-css": {
"version": "1.2.5", "version": "1.2.5",
"resolved": "https://registry.npmjs.org/tw-animate-css/-/tw-animate-css-1.2.5.tgz", "resolved": "https://registry.npmjs.org/tw-animate-css/-/tw-animate-css-1.2.5.tgz",

View File

@@ -96,7 +96,7 @@
"esbuild": "^0.25.0", "esbuild": "^0.25.0",
"postcss": "^8.4.47", "postcss": "^8.4.47",
"tailwindcss": "^3.4.17", "tailwindcss": "^3.4.17",
"tsx": "^4.20.5", "tsx": "^4.21.0",
"typescript": "5.6.3", "typescript": "5.6.3",
"vite": "^7.3.0" "vite": "^7.3.0"
}, },

View File

@@ -19,27 +19,11 @@
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet" rel="stylesheet"
/> />
<!-- Bootstrap Css --> <!-- Preload critical image -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen" /> <link rel="preload" href="images/page-header-bg.jpg" as="image">
<!-- SlickNav Css --> <!-- Bundled CSS -->
<link href="css/slicknav.min.css" rel="stylesheet" /> <link href="css/bundle.css" rel="stylesheet">
<!-- Swiper Css --> </head>
<link rel="stylesheet" href="css/swiper-bundle.min.css" />
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen" />
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet" />
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css" />
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css" />
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css" />
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen" />
<!-- Enhanced Animations Css -->
<link href="css/enhance.css" rel="stylesheet" media="screen" />
</head>
<body> <body>
<!-- Preloader Start --> <!-- Preloader Start -->
@@ -188,7 +172,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/srisports.png" alt="Sri Sports" /> <img loading="lazy" src="images/srisports.png" alt="Sri Sports" />
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -209,7 +193,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/ncca.jpg" alt="National College Cricket Association" /> <img loading="lazy" src="images/ncca.jpg" alt="National College Cricket Association" />
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -230,7 +214,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/hit-fantasy.jpg" alt="Hit Fantasy" /> <img loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy" />
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -361,7 +345,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-phone.svg" alt="" /> <img loading="lazy" src="images/icon-phone.svg" alt="" />
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p> <p>(+1) (945) 900-1148</p>
@@ -372,7 +356,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-mail.svg" alt="" /> <img loading="lazy" src="images/icon-mail.svg" alt="" />
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p> <p>texasscholasticcricketboard@gmail.com</p>
@@ -423,38 +407,7 @@
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script> <script src="js/bundle-core.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
<!-- Enhanced Animations js --> <!-- Enhanced Animations js -->
<script src="js/enhance.js"></script> <script src="js/enhance.js"></script>
</body> </body>