28 Commits

Author SHA1 Message Date
KeshavAnandCode
9496dcc139 Added pfpss for board 2026-03-18 22:26:46 -05:00
KeshavAnandCode
9d18f5a47f test 2026-03-18 14:56:28 -05:00
KeshavAnandCode
c8ad260e9f test 2026-03-18 14:53:51 -05:00
fa4ee5edcb sitemap 2026-03-17 23:55:02 -05:00
5fadf6b9d9 fixed signs 2026-03-17 23:15:17 -05:00
974c5af1e4 changed a few images 2026-03-17 22:54:18 -05:00
5813ca0ccb fixed img 2026-03-17 18:28:59 -05:00
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
ka-official
d1ab497ad7 Improve image display and responsiveness across all devices
Remove inline image styles and apply comprehensive CSS for responsive adjustments across multiple breakpoints, including specific fixes for the about page's single-image layout and general improvements for mobile, tablet, and desktop views.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: f13f685e-aa76-4721-bd29-73edf2f9795d
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 25530331-7c60-4bc9-8ff3-d322ef9fb8e7
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/705de26f-a3c1-41e6-845d-88f96627134c/f13f685e-aa76-4721-bd29-73edf2f9795d/iA1wIFJ
Replit-Helium-Checkpoint-Created: true
2026-03-17 21:08:35 +00:00
ka-official
d0b7a9a90d Enhance homepage animations and fix visual glitches
Refactor CSS and JavaScript to implement advanced GSAP animations, resolve image overlay issues, and ensure sponsor visibility.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: f13f685e-aa76-4721-bd29-73edf2f9795d
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: c95103aa-b9ba-4a37-8cab-7bb946a4dee9
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/705de26f-a3c1-41e6-845d-88f96627134c/f13f685e-aa76-4721-bd29-73edf2f9795d/2yHlFNO
Replit-Helium-Checkpoint-Created: true
2026-03-17 21:02:24 +00:00
ka-official
8804d671a2 Improve homepage animations and fix sponsor display issues
Update index.html to enhance animations, fix sponsor visibility, and modify the mission image source.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: f13f685e-aa76-4721-bd29-73edf2f9795d
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 6a787c2a-4901-4c90-9cd6-64a81b86e3d8
Replit-Helium-Checkpoint-Created: true
2026-03-17 20:46:41 +00:00
ka-official
f0c6e1601b Restored to 'e1bb749c802b35c26f8a6370a4d07c66c95c5d08'
Replit-Restored-To: e1bb749c80
2026-03-17 20:41:17 +00:00
ka-official
fe0c56a5df Improve website performance by optimizing images and scripts
Add `defer` attribute to all script tags, implement lazy loading for images, and replace a large GIF with a smaller JPG to significantly reduce page load times.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8702cea6-5379-4542-9446-7e71f9f057ab
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 2b20dec5-94a9-483a-a567-1547f23caa2f
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
2026-03-17 20:40:23 +00:00
ka-official
e1bb749c80 Add next-level animations and visual enhancements to the website
Integrates CSS and JavaScript for enhanced animations, including scroll progress, floating orbs, magnetic buttons, and animated gradients, while also fixing responsive image display issues on the About Us page.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8702cea6-5379-4542-9446-7e71f9f057ab
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 0d23a4eb-ce23-497a-86bc-d3de3958ac06
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
2026-03-17 20:37:29 +00:00
ka-official
867cc5681f 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
2026-03-17 20:27:33 +00:00
ka-official
8c9d17d465 Extracted stack files 2026-03-17 20:23:49 +00:00
42 changed files with 19390 additions and 4525 deletions

7
.gitignore vendored
View File

@@ -1 +1,6 @@
.opencode/**
node_modules
dist
.DS_Store
server/public
vite.config.ts.*
*.tar.gz

View File

@@ -19,24 +19,8 @@
<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"
rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- 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">
<!-- Bundled CSS -->
<link href="css/bundle.css" rel="stylesheet">
</head>
<body>
@@ -225,7 +209,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
<img loading="lazy" src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
@@ -236,7 +220,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
<img loading="lazy" src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
@@ -282,38 +266,7 @@
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.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>
<script src="js/bundle-core.js"></script>
</body>
</html>

1894
about.html

File diff suppressed because it is too large Load Diff

View File

@@ -19,24 +19,10 @@
<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"
rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- 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">
<!-- Preload critical image -->
<link rel="preload" href="images/page-header-bg.jpg" as="image">
<!-- Bundled CSS -->
<link href="css/bundle.css" rel="stylesheet">
</head>
<body>
@@ -125,7 +111,7 @@
<!-- Text Column -->
<div class="col-lg-7 wow fadeInLeft">
<div class="section-title">
<h3>about the regional competition</h3>
<h3>Powered by USAHSC</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Tech and Cricket in <span>ATX</span></h2>
</div>
<div class="about-content">
@@ -181,7 +167,7 @@
<!-- Team Image Start -->
<div class="team-image">
<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>
</div>
<!-- Team Image End -->
@@ -203,7 +189,7 @@
<!-- Team Image Start -->
<div class="team-image">
<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>
</div>
<!-- Team Image End -->
@@ -225,7 +211,7 @@
<!-- Team Image Start -->
<div class="team-image">
<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>
</div>
<!-- Team Image End -->
@@ -247,7 +233,7 @@
<!-- Team Image Start -->
<div class="team-image">
<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>
</div>
<!-- Team Image End -->
@@ -269,7 +255,7 @@
<!-- Team Image Start -->
<div class="team-image">
<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>
</div>
<!-- Team Image End -->
@@ -291,7 +277,7 @@
<!-- Team Image Start -->
<div class="team-image">
<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>
</div>
<!-- Team Image End -->
@@ -313,7 +299,7 @@
<!-- Team Image Start -->
<div class="team-image">
<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>
</div>
<!-- Team Image End -->
@@ -335,7 +321,7 @@
<!-- Team Image Start -->
<div class="team-image">
<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>
</div>
<!-- Team Image End -->
@@ -357,7 +343,7 @@
<!-- Team Image Start -->
<div class="team-image">
<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>
</div>
<!-- Team Image End -->
@@ -466,7 +452,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
<img loading="lazy" src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
@@ -477,7 +463,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
<img loading="lazy" src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
@@ -522,38 +508,9 @@
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.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>
<script src="js/bundle-core.js"></script>
<!-- Enhanced Animations js -->
<script src="js/enhance.js"></script>
</body>
</html>

View File

@@ -19,24 +19,10 @@
<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"
rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- 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">
<!-- Preload critical image -->
<link rel="preload" href="images/page-header-bg.jpg" as="image">
<!-- Bundled CSS -->
<link href="css/bundle.css" rel="stylesheet">
</head>
<body>
@@ -139,7 +125,7 @@
<div class="contact-info-item wow fadeInUp" data-wow-delay="0.25s">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
<img loading="lazy" src="images/icon-phone.svg" alt="">
</div>
<!-- Icon Box End -->
@@ -156,7 +142,7 @@
<div class="contact-info-item wow fadeInUp" data-wow-delay="0.5s">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
<img loading="lazy" src="images/icon-mail.svg" alt="">
</div>
<!-- Icon Box End -->
@@ -327,7 +313,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
<img loading="lazy" src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
@@ -338,7 +324,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
<img loading="lazy" src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
@@ -384,38 +370,9 @@
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.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>
<script src="js/bundle-core.js"></script>
<!-- Enhanced Animations js -->
<script src="js/enhance.js"></script>
</body>
</html>

10971
css/bundle.css Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

1341
css/enhance.css Normal file

File diff suppressed because it is too large Load Diff

View File

@@ -19,24 +19,10 @@
<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"
rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- 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">
<!-- Preload critical image -->
<link rel="preload" href="images/page-header-bg.jpg" as="image">
<!-- Bundled CSS -->
<link href="css/bundle.css" rel="stylesheet">
</head>
<body>
@@ -124,7 +110,7 @@
<!-- Text Column -->
<div class="col-lg-7 wow fadeInLeft">
<div class="section-title">
<h3>about the regional competition</h3>
<h3>Powered by Dallas Cricket Board</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">More than cowboys in <span>D-Town</span></h2>
</div>
<div class="about-content">
@@ -180,7 +166,7 @@
<!-- Team Image Start -->
<div class="team-image">
<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>
</div>
<!-- Team Image End -->
@@ -202,7 +188,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/ranchview.jpg" alt="Ranchview Wolves">
<img loading="lazy" src="images/ranchview.jpg" alt="Ranchview Wolves">
</figure>
</div>
<!-- Team Image End -->
@@ -224,7 +210,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/friscofury.webp" alt="Frisco Fury">
<img loading="lazy" src="images/friscofury.webp" alt="Frisco Fury">
</figure>
</div>
<!-- Team Image End -->
@@ -246,7 +232,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/heritage.webp" alt="Heritage Coyotes">
<img loading="lazy" src="images/heritage.webp" alt="Heritage Coyotes">
</figure>
</div>
<!-- Team Image End -->
@@ -268,7 +254,7 @@
<!-- Team Image Start -->
<div class="team-image">
<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>
</div>
<!-- Team Image End -->
@@ -290,7 +276,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/liberty.jpeg" alt="Frisco Titans">
<img loading="lazy" src="images/liberty.jpeg" alt="Frisco Titans">
</figure>
</div>
<!-- Team Image End -->
@@ -312,7 +298,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/prosper.webp" alt="Prosper Eagles">
<img loading="lazy" src="images/prosper.webp" alt="Prosper Eagles">
</figure>
</div>
<!-- Team Image End -->
@@ -334,7 +320,7 @@
<!-- Team Image Start -->
<div class="team-image">
<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>
</div>
<!-- Team Image End -->
@@ -356,7 +342,7 @@
<!-- Team Image Start -->
<div class="team-image">
<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>
</div>
<!-- Team Image End -->
@@ -465,7 +451,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
<img loading="lazy" src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
@@ -476,7 +462,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
<img loading="lazy" src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
@@ -522,38 +508,9 @@
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.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>
<script src="js/bundle-core.js"></script>
<!-- Enhanced Animations js -->
<script src="js/enhance.js"></script>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 190 KiB

After

Width:  |  Height:  |  Size: 51 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 87 MiB

BIN
images/about.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 MiB

BIN
images/amulya.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 656 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 834 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

View File

@@ -1,16 +0,0 @@
<svg width="194" height="50" viewBox="0 0 194 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M193.751 49.9542H187.11L181.146 41.46L175.182 49.9542H168.54L177.802 36.716L168.54 23.4326H175.182L181.146 31.9267L184.218 27.5441L187.11 23.4326H193.751L187.562 32.2882L184.489 36.716L193.751 49.9542Z" fill="#FE6035"/>
<path d="M164.785 23.4785V49.9549H159.364V23.4785H164.785Z" fill="#FE6035"/>
<path d="M135.197 35.045V41.6415V49.9549H129.775V37.1233V30.5268V23.4785L147.802 38.3884V23.4785H153.269V42.9066V49.9549L135.197 35.045Z" fill="#FE6035"/>
<path d="M105.073 28.9455V23.4785H110.495H124.004V28.9455H110.495V30.075V33.4184V34.0058H124.004V39.4728H110.495V40.0149V43.3584V44.5331H124.004V49.9549H110.495H109.817H109.14H108.462H107.784H107.106H106.429H105.751H105.073V44.5331V43.3584V40.0149V39.4728V34.0058V33.4184V30.075V28.9455Z" fill="white"/>
<path d="M94.8427 42.5896L92.1318 49.9542H86.3034L83.4118 42.0022L80.5201 34.0051L76.6797 23.4326H82.463L85.8516 32.6948L89.2402 42.0022L91.9059 34.5924L95.9722 23.4326H101.801L94.8427 42.5896Z" fill="white"/>
<path d="M64.4251 31.3846L57.6479 49.9993L51.8646 49.9542L61.4883 23.4326H67.3167L76.9856 49.9542L71.1572 49.9993L64.4251 31.3846Z" fill="white"/>
<path d="M2.7336 40.501C2.7336 43.5408 5.19797 46.0052 8.2378 46.0052C8.23803 42.9654 5.77366 40.501 2.7336 40.501Z" fill="#FE6035"/>
<path d="M0 48.1092C2.14952 50.2587 5.63462 50.2587 7.78414 48.1092C5.63462 45.9597 2.14952 45.9597 0 48.1092Z" fill="#FE6035"/>
<path d="M36.6307 40.501C33.5909 40.501 31.1265 42.9654 31.1265 46.0052C34.1666 46.0052 36.6307 43.5408 36.6307 40.501Z" fill="#FE6035"/>
<path d="M31.5802 48.1092C33.7297 50.2587 37.2148 50.2587 39.3646 48.1092C37.2151 45.9597 33.7299 45.9597 31.5802 48.1092Z" fill="#FE6035"/>
<path d="M11.106 40.2303V50.0005H16.2387V45.5443C16.2387 42.7685 17.4598 40.0839 19.6824 37.9716C21.905 40.0839 23.126 42.7685 23.126 45.5443V50.0005H28.2588V40.2303L19.6824 31.6768L11.106 40.2303Z" fill="#FE6035"/>
<path d="M19.6824 40.501C18.4334 41.6878 17.7476 43.1964 17.7476 44.756V49.9798H21.6172V44.756C21.6172 43.1964 20.9311 41.6878 19.6824 40.501Z" fill="#FE6035"/>
<path d="M24.8347 32.2802V21.5347L19.6822 14.9199L14.5299 21.5347V32.2802L6.76552 39.9975H8.98304L19.6822 29.3631L30.3813 39.9975H32.5988L24.8347 32.2802ZM18.7614 20.4248C18.7614 19.9162 19.1738 19.504 19.6824 19.504C20.191 19.504 20.6035 19.9162 20.6035 20.4248V23.5322H18.7616L18.7614 20.4248Z" fill="#FE6035"/>
<path d="M19.2166 10.7418L10.8214 21.5194H12.9574L19.6822 12.8859L26.4069 21.5194H28.5429L20.1479 10.7418V5.71659H21.9528L23.2201 6.98395L24.9533 5.25083L23.2201 3.51771L21.9528 4.78506H20.1479V3.00047L21.4153 1.73312L19.6822 0L17.949 1.73312L19.2164 3.00047V4.78506H17.4118L16.1444 3.51771L14.4113 5.25083L16.1444 6.98395L17.4118 5.71659H19.2164V10.7418H19.2166ZM23.2201 4.83513L23.6358 5.25083L23.2201 5.66652L22.8044 5.25083L23.2201 4.83513ZM19.6824 1.31742L20.0981 1.73312L19.6824 2.14882L19.2667 1.73312L19.6824 1.31742ZM16.1444 5.66629L15.7287 5.25059L16.1444 4.8349L16.5601 5.25059L16.1444 5.66629Z" fill="#FE6035"/>
</svg>

Before

Width:  |  Height:  |  Size: 3.0 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

BIN
images/keshav.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 344 KiB

BIN
images/laksh.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 241 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 834 KiB

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 697 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

BIN
images/pfp-placeholder.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

BIN
images/ram-headshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 459 KiB

BIN
images/saim-headshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 706 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 303 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.9 KiB

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 203 KiB

After

Width:  |  Height:  |  Size: 48 KiB

BIN
images/usa-cricket.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
images/victory.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB

BIN
images/vrishan.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 949 KiB

View File

@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="zxx">
<head>
<!-- Meta -->
<meta charset="utf-8">
@@ -19,25 +18,12 @@
<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"
rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- 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">
<!-- Preload critical image -->
<link rel="preload" href="images/hero-bg.jpg" as="image">
<!-- Bundled CSS -->
<link href="css/bundle.css" rel="stylesheet">
</head>
<body>
@@ -120,9 +106,7 @@
</div>
</div>
</div>
<div class="down-arrow">
<a href="#home-about"><i class="fa-solid fa-arrow-down-long"></i></a>
</div>
</div>
@@ -155,7 +139,7 @@
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp">
<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 class="about-list-item-content">
<h3>Play Competitive Matches</h3>
@@ -166,7 +150,7 @@
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.25s">
<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 class="about-list-item-content">
<h3>Train the Next Generation</h3>
@@ -177,7 +161,7 @@
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.5s">
<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 class="about-list-item-content">
<h3>Connect Statewide Talent</h3>
@@ -188,7 +172,7 @@
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.75s">
<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 class="about-list-item-content">
<h3>Build the Cricket Community</h3>
@@ -337,14 +321,14 @@
<!-- Mission Image Start -->
<div class="mission-img">
<figure class="image-anime reveal">
<img src="images/about.gif" style="width: 450px; height: 750px;" alt="">
<img loading="lazy" src="images/victory.png" alt="">
</figure>
</div>
<!-- Mission Image End -->
<!-- Mission Life Circle Start -->
<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>
<!-- Mission Life Circle End -->
</div>
@@ -374,7 +358,7 @@
<div class="service-item wow fadeInUp">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="images/dallas.png" alt="">
<img loading="lazy" src="images/dallas.png" alt="">
</div>
<!-- Icon Box End -->
@@ -388,10 +372,10 @@
<!-- Service Footer Start -->
<div class="service-footer">
<div class="service-content">
<h3>Dallas Regionals</h3>
<h3>Dallas Regionals: powered by Dallas Cricket Board </h3>
</div>
<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>
<!-- Service Footer End -->
@@ -406,7 +390,7 @@
<div class="service-item wow fadeInUp" data-wow-delay="0.75s">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="images/austin.png" alt="">
<img loading="lazy" src="images/austin.png" alt="">
</div>
<!-- Icon Box End -->
@@ -420,10 +404,10 @@
<!-- Service Footer Start -->
<div class="service-footer">
<div class="service-content">
<h3>austin regionals</h3>
<h3>austin regionals: powered by USAHSC</h3>
</div>
<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>
<!-- Service Footer End -->
@@ -440,84 +424,47 @@
<div class="scrolling-ticker">
<div class="scrolling-ticker-box">
<div class="scrolling-content">
<span><img src="images/icon-asterisk.svg" alt="">Cricket</span>
<span><img src="images/icon-asterisk.svg" alt="">Leadership</span>
<span><img src="images/icon-asterisk.svg" alt="">Community</span>
<span><img 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="">Cricket</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Leadership</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Community</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Youth Involvement</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Fun</span>
</div>
</div>
</div>
</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 loading="lazy" 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 loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy">
</div>
<div class="sponsor-logo-item">
<img loading="lazy" 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 -->
@@ -716,7 +663,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
<img loading="lazy" src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
@@ -727,7 +674,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
<img loading="lazy" src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
@@ -772,38 +719,11 @@
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.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>
<script src="js/bundle-core.js"></script>
<!-- Enhanced Animations js -->
<script src="js/enhance.js"></script>
<!-- Homepage GSAP Masterpiece (index.html only) -->
<script src="js/home-animations.js"></script>
</body>
</html>

2545
js/bundle-core.js Normal file

File diff suppressed because one or more lines are too long

81
js/enhance.js Normal file
View File

@@ -0,0 +1,81 @@
/* =====================================================
TSCB — Cross-page Utilities
===================================================== */
(function () {
'use strict';
/* ---- Scroll Progress Bar ---- */
(function () {
var bar = document.createElement('div');
bar.id = 'tscb-progress';
document.body.appendChild(bar);
function onScroll() {
var scrollTop = window.scrollY || document.documentElement.scrollTop;
var docHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
var pct = docHeight > 0 ? (scrollTop / docHeight) * 100 : 0;
bar.style.width = pct + '%';
}
window.addEventListener('scroll', onScroll, { passive: true });
})();
/* ---- Hero Decorative Orbs ---- */
(function () {
var hero = document.querySelector('.hero');
if (!hero) return;
[1, 2, 3].forEach(function (n) {
var orb = document.createElement('div');
orb.className = 'hero-orb-' + n;
hero.appendChild(orb);
});
})();
/* ---- Magnetic Buttons ---- */
(function () {
var btns = document.querySelectorAll('.btn-default, .readmore-btn, .circular-arrow');
btns.forEach(function (btn) {
btn.addEventListener('mousemove', function (e) {
var rect = btn.getBoundingClientRect();
var cx = rect.left + rect.width / 2;
var cy = rect.top + rect.height / 2;
var dx = (e.clientX - cx) * 0.25;
var dy = (e.clientY - cy) * 0.25;
btn.style.transform = 'translate(' + dx + 'px, ' + dy + 'px)';
});
btn.addEventListener('mouseleave', function () {
btn.style.transform = '';
});
});
})();
/* ---- Active nav link ---- */
(function () {
var currentFile = window.location.pathname.split('/').pop() || 'index.html';
var links = document.querySelectorAll('.navbar-nav .nav-link');
links.forEach(function (link) {
var href = link.getAttribute('href') || '';
var file = href.split('/').pop();
if (file === currentFile || (currentFile === '' && file === 'index.html')) {
var item = link.closest('.nav-item');
if (item) item.classList.add('active');
}
});
})();
/* ---- Ticker pause on hover ---- */
(function () {
var ticker = document.querySelector('.ticker-wrap');
if (!ticker) return;
var inner = ticker.querySelector('.ticker');
if (!inner) return;
ticker.addEventListener('mouseenter', function () {
inner.style.animationPlayState = 'paused';
});
ticker.addEventListener('mouseleave', function () {
inner.style.animationPlayState = '';
});
})();
})();

View File

@@ -1,140 +1,140 @@
(function ($) {
"use strict";
var $window = $(window);
var $body = $('body');
var $window = $(window);
var $body = $('body');
/* Preloader Effect */
$window.on('load', function(){
$(".preloader").fadeOut(600);
});
/* Sticky Header */
if($('.active-sticky-header').length){
$window.on('resize', function(){
setHeaderHeight();
});
/* Preloader Effect */
$window.on('load', function(){
$(".preloader").fadeOut(600);
});
/* Sticky Header */
if($('.active-sticky-header').length){
$window.on('resize', function(){
setHeaderHeight();
});
function setHeaderHeight(){
$("header.main-header").css("height", $('header .header-sticky').outerHeight());
}
$(window).on("scroll", function() {
var fromTop = $(window).scrollTop();
setHeaderHeight();
var headerHeight = $('header .header-sticky').outerHeight()
$("header .header-sticky").toggleClass("hide", (fromTop > headerHeight + 100));
$("header .header-sticky").toggleClass("active", (fromTop > 600));
});
}
/* Slick Menu JS */
$('#menu').slicknav({
label : '',
prependTo : '.responsive-menu'
});
function setHeaderHeight(){
$("header.main-header").css("height", $('header .header-sticky').outerHeight());
}
$(window).on("scroll", function() {
var fromTop = $(window).scrollTop();
setHeaderHeight();
var headerHeight = $('header .header-sticky').outerHeight()
$("header .header-sticky").toggleClass("hide", (fromTop > headerHeight + 100));
$("header .header-sticky").toggleClass("active", (fromTop > 600));
});
}
/* Slick Menu JS */
$('#menu').slicknav({
label : '',
prependTo : '.responsive-menu'
});
if($("a[href='#top']").length){
$("a[href='#top']").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});
}
if($("a[href='#top']").length){
$("a[href='#top']").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});
}
/* Hero Slider Layout JS */
const hero_slider_layout = new Swiper('.hero-slider-layout .swiper', {
slidesPerView : 1,
speed: 1000,
spaceBetween: 0,
loop: true,
autoplay: {
delay: 4000,
},
pagination: {
el: '.hero-pagination',
clickable: true,
},
});
/* Hero Slider Layout JS */
const hero_slider_layout = new Swiper('.hero-slider-layout .swiper', {
slidesPerView : 1,
speed: 1000,
spaceBetween: 0,
loop: true,
autoplay: {
delay: 4000,
},
pagination: {
el: '.hero-pagination',
clickable: true,
},
});
/* Core Value Image Carousel JS */
if ($('.core-value-slider').length) {
const core_value_slider = new Swiper('.core-value-slider .swiper', {
slidesPerView : 1,
speed: 1000,
spaceBetween: 10,
loop: true,
autoplay: {
delay: 5000,
},
navigation: {
nextEl: '.core-value-button-next',
prevEl: '.core-value-button-prev',
},
});
}
/* Core Value Image Carousel JS */
if ($('.core-value-slider').length) {
const core_value_slider = new Swiper('.core-value-slider .swiper', {
slidesPerView : 1,
speed: 1000,
spaceBetween: 10,
loop: true,
autoplay: {
delay: 5000,
},
navigation: {
nextEl: '.core-value-button-next',
prevEl: '.core-value-button-prev',
},
});
}
/* Service Single Image Carousel JS */
if ($('.service-single-slider').length) {
const service_single_slider = new Swiper('.service-single-slider .swiper', {
slidesPerView : 1,
speed: 1000,
spaceBetween: 10,
loop: true,
autoplay: {
delay: 5000,
},
navigation: {
nextEl: '.service-single-button-next',
prevEl: '.service-single-button-prev',
},
});
}
/* Service Single Image Carousel JS */
if ($('.service-single-slider').length) {
const service_single_slider = new Swiper('.service-single-slider .swiper', {
slidesPerView : 1,
speed: 1000,
spaceBetween: 10,
loop: true,
autoplay: {
delay: 5000,
},
navigation: {
nextEl: '.service-single-button-next',
prevEl: '.service-single-button-prev',
},
});
}
/* Ministry Single Image Carousel JS */
if ($('.ministry-single-slider').length) {
const ministry_single_slider = new Swiper('.ministry-single-slider .swiper', {
slidesPerView : 1,
speed: 1000,
spaceBetween: 10,
loop: true,
autoplay: {
delay: 5000,
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
});
}
/* Ministry Single Image Carousel JS */
if ($('.ministry-single-slider').length) {
const ministry_single_slider = new Swiper('.ministry-single-slider .swiper', {
slidesPerView : 1,
speed: 1000,
spaceBetween: 10,
loop: true,
autoplay: {
delay: 5000,
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
});
}
/* Skill Bar */
if ($('.skills-progress-bar').length) {
$('.skills-progress-bar').waypoint(function() {
$('.skillbar').each(function() {
$(this).find('.count-bar').animate({
width:$(this).attr('data-percent')
},2000);
});
},{
offset: '50%'
});
}
/* Skill Bar */
if ($('.skills-progress-bar').length) {
$('.skills-progress-bar').waypoint(function() {
$('.skillbar').each(function() {
$(this).find('.count-bar').animate({
width:$(this).attr('data-percent')
},2000);
});
},{
offset: '50%'
});
}
/* Youtube Background Video JS */
if ($('#herovideo').length) {
var myPlayer = $("#herovideo").YTPlayer();
}
/* Youtube Background Video JS */
if ($('#herovideo').length) {
var myPlayer = $("#herovideo").YTPlayer();
}
/* Audio JS */
const player = new Plyr('#player');
/* Audio JS */
const player = new Plyr('#player');
/* Init Counter */
if ($('.counter').length) {
$('.counter').counterUp({ delay: 6, time: 3000 });
}
/* Init Counter */
if ($('.counter').length) {
$('.counter').counterUp({ delay: 6, time: 3000 });
}
/* Image Reveal Animation */
if ($('.reveal').length) {
/* Image Reveal Animation */
if ($('.reveal').length) {
gsap.registerPlugin(ScrollTrigger);
let revealContainers = document.querySelectorAll(".reveal");
revealContainers.forEach((container) => {
@@ -161,173 +161,186 @@
});
}
/* Text Effect Animation */
if ($('.text-anime-style-1').length) {
let staggerAmount = 0.05,
translateXValue = 0,
delayValue = 0.5,
animatedTextElements = document.querySelectorAll('.text-anime-style-1');
animatedTextElements.forEach((element) => {
let animationSplitText = new SplitText(element, { type: "chars, words" });
gsap.from(animationSplitText.words, {
duration: 1,
delay: delayValue,
x: 20,
autoAlpha: 0,
stagger: staggerAmount,
scrollTrigger: { trigger: element, start: "top 85%" },
});
});
}
if ($('.text-anime-style-2').length) {
let staggerAmount = 0.03,
translateXValue = 20,
delayValue = 0.1,
easeType = "power2.out",
animatedTextElements = document.querySelectorAll('.text-anime-style-2');
animatedTextElements.forEach((element) => {
let animationSplitText = new SplitText(element, { type: "chars, words" });
gsap.from(animationSplitText.chars, {
duration: 1,
delay: delayValue,
x: translateXValue,
autoAlpha: 0,
stagger: staggerAmount,
ease: easeType,
scrollTrigger: { trigger: element, start: "top 85%"},
});
});
}
if ($('.text-anime-style-3').length) {
let animatedTextElements = document.querySelectorAll('.text-anime-style-3');
animatedTextElements.forEach((element) => {
//Reset if needed
if (element.animation) {
element.animation.progress(1).kill();
element.split.revert();
}
/* Text Effect Animation */
if ($('.text-anime-style-1').length) {
let staggerAmount = 0.05,
translateXValue = 0,
delayValue = 0.5,
animatedTextElements = document.querySelectorAll('.text-anime-style-1');
animatedTextElements.forEach((element) => {
let animationSplitText = new SplitText(element, { type: "chars, words" });
gsap.from(animationSplitText.words, {
duration: 1,
delay: delayValue,
x: 20,
autoAlpha: 0,
stagger: staggerAmount,
scrollTrigger: { trigger: element, start: "top 85%" },
});
});
}
if ($('.text-anime-style-2').length) {
let staggerAmount = 0.03,
translateXValue = 20,
delayValue = 0.1,
easeType = "power2.out",
animatedTextElements = document.querySelectorAll('.text-anime-style-2');
animatedTextElements.forEach((element) => {
let animationSplitText = new SplitText(element, { type: "chars, words" });
gsap.from(animationSplitText.chars, {
duration: 1,
delay: delayValue,
x: translateXValue,
autoAlpha: 0,
stagger: staggerAmount,
ease: easeType,
scrollTrigger: { trigger: element, start: "top 85%"},
});
});
}
if ($('.text-anime-style-3').length) {
let animatedTextElements = document.querySelectorAll('.text-anime-style-3');
animatedTextElements.forEach((element) => {
//Reset if needed
if (element.animation) {
element.animation.progress(1).kill();
element.split.revert();
}
element.split = new SplitText(element, {
type: "lines,words,chars",
linesClass: "split-line",
});
gsap.set(element, { perspective: 400 });
element.split = new SplitText(element, {
type: "lines,words,chars",
linesClass: "split-line",
});
gsap.set(element, { perspective: 400 });
gsap.set(element.split.chars, {
opacity: 0,
x: "50",
});
gsap.set(element.split.chars, {
opacity: 0,
x: "50",
});
element.animation = gsap.to(element.split.chars, {
scrollTrigger: { trigger: element, start: "top 90%" },
x: "0",
y: "0",
rotateX: "0",
opacity: 1,
duration: 1,
ease: Back.easeOut,
stagger: 0.02,
});
});
}
element.animation = gsap.to(element.split.chars, {
scrollTrigger: { trigger: element, start: "top 90%" },
x: "0",
y: "0",
rotateX: "0",
opacity: 1,
duration: 1,
ease: Back.easeOut,
stagger: 0.02,
});
});
}
/* Parallaxie js */
var $parallaxie = $('.parallaxie');
if($parallaxie.length && ($window.width() > 991))
{
if ($window.width() > 768) {
$parallaxie.parallaxie({
speed: 0.55,
offset: 0,
});
}
}
/* Parallaxie js */
var $parallaxie = $('.parallaxie');
if($parallaxie.length && ($window.width() > 991))
{
if ($window.width() > 768) {
$parallaxie.parallaxie({
speed: 0.55,
offset: 0,
});
}
}
/* Zoom Gallery screenshot */
$('.gallery-items').magnificPopup({
delegate: 'a',
type: 'image',
closeOnContentClick: false,
closeBtnInside: false,
mainClass: 'mfp-with-zoom',
image: {
verticalFit: true,
},
gallery: {
enabled: true
},
zoom: {
enabled: true,
duration: 300, // don't foget to change the duration also in CSS
opener: function(element) {
return element.find('img');
}
}
});
/* Zoom Gallery screenshot */
$('.gallery-items').magnificPopup({
delegate: 'a',
type: 'image',
closeOnContentClick: false,
closeBtnInside: false,
mainClass: 'mfp-with-zoom',
image: {
verticalFit: true,
},
gallery: {
enabled: true
},
zoom: {
enabled: true,
duration: 300, // don't foget to change the duration also in CSS
opener: function(element) {
return element.find('img');
}
}
});
/* Contact form validation */
var $contactform = $("#contactForm");
$contactform.validator({focus: false}).on("submit", function (event) {
if (!event.isDefaultPrevented()) {
event.preventDefault();
submitForm();
}
});
/* Contact form validation */
var $contactform = $("#contactForm");
$contactform.validator({focus: false}).on("submit", function (event) {
if (!event.isDefaultPrevented()) {
event.preventDefault();
submitForm();
}
});
function submitForm(){
/* Initiate Variables With Form Content*/
var fname = $("#fname").val();
var lname = $("#lname").val();
var email = $("#email").val();
var phone = $("#phone").val();
var message = $("#msg").val();
function submitForm(){
/* Initiate Variables With Form Content*/
var fname = $("#fname").val();
var lname = $("#lname").val();
var email = $("#email").val();
var phone = $("#phone").val();
var message = $("#msg").val();
$.ajax({
type: "POST",
url: "form-process.php",
data: "fname=" + fname + "&lname=" + lname + "&email=" + email + "&phone=" + phone + "&message=" + message,
success : function(text){
if (text == "success"){
formSuccess();
} else {
submitMSG(false,text);
}
}
});
}
$.ajax({
type: "POST",
url: "form-process.php",
data: "fname=" + fname + "&lname=" + lname + "&email=" + email + "&phone=" + phone + "&message=" + message,
success : function(text){
if (text == "success"){
formSuccess();
} else {
submitMSG(false,text);
}
}
});
}
function formSuccess(){
$contactform[0].reset();
submitMSG(true, "Message Sent Successfully!")
}
function formSuccess(){
$contactform[0].reset();
submitMSG(true, "Message Sent Successfully!")
}
function submitMSG(valid, msg){
if(valid){
var msgClasses = "h3 text-success";
} else {
var msgClasses = "h3 text-danger";
}
$("#msgSubmit").removeClass().addClass(msgClasses).text(msg);
}
/* Contact form validation end */
function submitMSG(valid, msg){
if(valid){
var msgClasses = "h3 text-success";
} else {
var msgClasses = "h3 text-danger";
}
$("#msgSubmit").removeClass().addClass(msgClasses).text(msg);
}
/* Contact form validation end */
/* Animated Wow Js */
new WOW().init();
/* Animated Wow Js */
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 */
if ($('.popup-video').length) {
$('.popup-video').magnificPopup({
type: 'iframe',
mainClass: 'mfp-fade',
removalDelay: 160,
preloader: false,
fixedContentPos: true
});
}
/* Popup Video */
if ($('.popup-video').length) {
$('.popup-video').magnificPopup({
type: 'iframe',
mainClass: 'mfp-fade',
removalDelay: 160,
preloader: false,
fixedContentPos: true
});
}
})(jQuery);

315
js/home-animations.js Normal file
View File

@@ -0,0 +1,315 @@
/* =====================================================
TSCB — Homepage GSAP Masterpiece
Linked ONLY in index.html | v1.0
===================================================== */
(function () {
'use strict';
/* Guard: only run when there is a hero section */
if (!document.querySelector('.hero')) return;
/* Register GSAP plugins (safe to call multiple times) */
gsap.registerPlugin(ScrollTrigger);
/* ====================================================
1. HERO — ORBS ENTRANCE + MOUSE PARALLAX
==================================================== */
/* Orbs drift in after preloader */
gsap.from('.hero-orb-1', {
scale: 0.2, opacity: 0, duration: 2.8,
ease: 'power3.out', delay: 0.85
});
gsap.from('.hero-orb-2', {
scale: 0.2, opacity: 0, duration: 3.2,
ease: 'power3.out', delay: 1.0
});
gsap.from('.hero-orb-3', {
scale: 0.2, opacity: 0, duration: 2.2,
ease: 'power3.out', delay: 1.3
});
/* Orb glow pulse after preloader (subtle depth feel) */
gsap.to('.hero-orb-1', {
opacity: 0.85, scale: 1.08,
duration: 3, ease: 'sine.inOut',
yoyo: true, repeat: -1, delay: 1.8
});
/* Orb scroll parallax */
ScrollTrigger.create({
trigger: '.hero',
start: 'top top',
end: 'bottom top',
scrub: 1.8,
onUpdate: function (self) {
var p = self.progress;
gsap.set('.hero-orb-1', { y: p * -130, x: p * 45 });
gsap.set('.hero-orb-2', { y: p * -90, x: p * -35 });
gsap.set('.hero-orb-3', { y: p * -60, rotate: p * 50 });
}
});
/* Hero mouse parallax — orbs follow the cursor */
var heroEl = document.querySelector('.hero');
heroEl.addEventListener('mousemove', function (e) {
var rect = heroEl.getBoundingClientRect();
var xR = (e.clientX - rect.left) / rect.width - 0.5;
var yR = (e.clientY - rect.top) / rect.height - 0.5;
gsap.to('.hero-orb-1', { x: xR * 55, y: yR * 35, duration: 1.8, ease: 'power2.out', overwrite: 'auto' });
gsap.to('.hero-orb-2', { x: xR * -40, y: yR * -25, duration: 2.0, ease: 'power2.out', overwrite: 'auto' });
gsap.to('.hero-orb-3', { x: xR * 25, y: yR * 18, duration: 1.4, ease: 'power2.out', overwrite: 'auto' });
});
/* ====================================================
2. COUNTER SECTION — 3-STAGE DRAMATIC ENTRANCE
(counter-item has no .wow class — safe to animate)
==================================================== */
var counterSection = document.querySelector('.our-counter');
if (counterSection) {
/* Stage 1 — the whole box scales in */
gsap.from('.counter-box', {
scrollTrigger: { trigger: '.our-counter', start: 'top 78%', once: true },
scale: 0.88, opacity: 0, borderRadius: '40px',
duration: 1.2, ease: 'power4.out',
immediateRender: false
});
/* Stage 2 — individual items slide up with stagger */
gsap.from('.counter-item', {
scrollTrigger: { trigger: '.our-counter', start: 'top 78%', once: true },
y: 60, opacity: 0,
duration: 0.85, stagger: 0.18, delay: 0.25,
ease: 'back.out(1.6)',
immediateRender: false
});
/* Stage 3 — counter h2 numbers pop with elastic */
gsap.from('.counter-title h2', {
scrollTrigger: { trigger: '.our-counter', start: 'top 78%', once: true },
scale: 0.4, opacity: 0,
duration: 1.1, stagger: 0.2, delay: 0.55,
ease: 'elastic.out(1.1, 0.52)',
immediateRender: false
});
/* Counter hover — h2 magnify */
document.querySelectorAll('.counter-item').forEach(function (item) {
item.addEventListener('mouseenter', function () {
gsap.to(item.querySelector('.counter-title h2'), {
scale: 1.12, color: '#d92800',
duration: 0.35, ease: 'back.out(2)'
});
});
item.addEventListener('mouseleave', function () {
gsap.to(item.querySelector('.counter-title h2'), {
scale: 1, color: '',
duration: 0.5, ease: 'power2.out'
});
});
});
}
/* ====================================================
3. MISSION IMAGE — SCROLL PARALLAX
(the reveal animation in function.js still runs)
==================================================== */
gsap.to('.mission-img', {
scrollTrigger: {
trigger: '.our-mission',
start: 'top bottom',
end: 'bottom top',
scrub: 1.8
},
y: -60, ease: 'none'
});
gsap.to('.mission-life-circle', {
scrollTrigger: {
trigger: '.our-mission',
start: 'top bottom',
end: 'bottom top',
scrub: 2.5
},
y: -95, rotate: 35, ease: 'none'
});
/* ====================================================
4. SERVICE TICKER — FADE IN + SUBTLE SCALE
==================================================== */
gsap.from('.service-ticker', {
scrollTrigger: { trigger: '.service-ticker', start: 'top 92%', once: true },
opacity: 0, scaleY: 0.6,
transformOrigin: 'center center',
duration: 0.7, ease: 'back.out(2)',
immediateRender: false
});
/* ====================================================
5. SERVICE CARDS — 3D TILT ON HOVER
(entrance handled by WOW.js — we layer on tilt only)
==================================================== */
document.querySelectorAll('.service-item').forEach(function (card) {
card.style.transformStyle = 'preserve-3d';
card.addEventListener('mousemove', function (e) {
var rect = card.getBoundingClientRect();
var rotX = ((e.clientY - rect.top - rect.height / 2) / (rect.height / 2)) * -10;
var rotY = ((e.clientX - rect.left - rect.width / 2) / (rect.width / 2)) * 10;
gsap.to(card, {
rotationX: rotX, rotationY: rotY,
transformPerspective: 700,
duration: 0.35, ease: 'power2.out', overwrite: 'auto'
});
});
card.addEventListener('mouseleave', function () {
gsap.to(card, {
rotationX: 0, rotationY: 0,
duration: 0.75, ease: 'elastic.out(1, 0.45)', overwrite: 'auto'
});
});
});
/* ====================================================
6. SPONSORS — GUARANTEED VISIBILITY
Two-trigger system: ScrollTrigger + load-time check
gsap.set() owns initial state (no CSS opacity:0 ever)
==================================================== */
var sponsorItems = document.querySelectorAll('.sponsor-logo-item');
if (sponsorItems.length) {
/* Immediately set invisible via GSAP — no CSS conflict */
gsap.set(sponsorItems, { opacity: 0, y: 60, scale: 0.78, rotationY: 15 });
var sponsorsPlayed = false;
function playSponsors() {
if (sponsorsPlayed) return;
sponsorsPlayed = true;
gsap.to(sponsorItems, {
opacity: 1, y: 0, scale: 1, rotationY: 0,
duration: 0.9, stagger: 0.22,
ease: 'back.out(1.8)',
clearProps: 'rotationY'
});
}
/* Trigger 1: normal scroll */
ScrollTrigger.create({
trigger: '.our-sponsors-section',
start: 'top 88%',
once: true,
onEnter: playSponsors
});
/* Trigger 2: already visible when page finishes loading */
window.addEventListener('load', function () {
setTimeout(function () {
var sec = document.querySelector('.our-sponsors-section');
if (!sec) return;
var rect = sec.getBoundingClientRect();
if (rect.top < window.innerHeight * 0.92) {
playSponsors();
}
}, 980);
});
/* 3D tilt on hover — works after animation completes */
sponsorItems.forEach(function (card) {
card.style.transformStyle = 'preserve-3d';
card.addEventListener('mousemove', function (e) {
var rect = card.getBoundingClientRect();
var rotX = ((e.clientY - rect.top - rect.height / 2) / (rect.height / 2)) * -8;
var rotY = ((e.clientX - rect.left - rect.width / 2) / (rect.width / 2)) * 8;
gsap.to(card, {
rotationX: rotX, rotationY: rotY,
transformPerspective: 500,
duration: 0.3, ease: 'power2.out', overwrite: 'auto'
});
});
card.addEventListener('mouseleave', function () {
gsap.to(card, {
rotationX: 0, rotationY: 0,
duration: 0.65, ease: 'elastic.out(1, 0.45)', overwrite: 'auto'
});
});
});
}
/* ====================================================
7. CTA BOX — SPLIT ENTRANCE
(cta-box-btn has .wow — we animate cta-box-content only)
==================================================== */
gsap.from('.cta-box-content', {
scrollTrigger: { trigger: '.cta-box', start: 'top 82%', once: true },
x: -70, opacity: 0,
duration: 1.1, ease: 'power4.out',
immediateRender: false
});
/* ====================================================
8. GLOBAL SCROLL PROGRESS + SECTION FLASH
Brief red flash on the progress bar when entering a section
==================================================== */
var sectionFlashSections = document.querySelectorAll('.our-counter, .our-services, .our-sponsors-section, .cta-box');
sectionFlashSections.forEach(function (sec) {
ScrollTrigger.create({
trigger: sec,
start: 'top 60%',
once: true,
onEnter: function () {
var bar = document.getElementById('tscb-progress');
if (!bar) return;
gsap.fromTo(bar, { boxShadow: '0 0 0 0 rgba(217,40,0,0)' },
{ boxShadow: '0 0 18px 4px rgba(217,40,0,0.7)', duration: 0.3, yoyo: true, repeat: 1, ease: 'power2.inOut' });
}
});
});
/* ====================================================
9. ABOUT-LIST ICON BOXES — STAGGER SPIN-IN
(icons inside .about-list-item — no .wow class on the icon)
==================================================== */
gsap.from('#home-about .about-list-item .icon-box', {
scrollTrigger: { trigger: '#home-about .about-content-body', start: 'top 82%', once: true },
scale: 0, rotate: -180, opacity: 0,
duration: 0.75, stagger: 0.2, delay: 0.15,
ease: 'back.out(2)',
immediateRender: false
});
/* ====================================================
10. SCROLL-TRIGGERED BACKGROUND GRADIENT SHIFT
on the hero as user scrolls away
==================================================== */
ScrollTrigger.create({
trigger: '.hero',
start: 'top top',
end: 'bottom top',
scrub: 1,
onUpdate: function (self) {
heroEl.style.filter = 'brightness(' + (1 - self.progress * 0.18) + ')';
}
});
/* ====================================================
FINALIZE: refresh ScrollTrigger after full load
(handles lazy images and font layout shifts)
==================================================== */
window.addEventListener('load', function () {
setTimeout(function () {
ScrollTrigger.refresh();
}, 300);
});
})();

View File

@@ -19,25 +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"
rel="stylesheet"
/>
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
<!-- 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" />
</head>
<!-- Preload critical image -->
<link rel="preload" href="images/page-header-bg.jpg" as="image">
<!-- Bundled CSS -->
<link href="css/bundle.css" rel="stylesheet">
</head>
<body>
<!-- Preloader Start -->
@@ -440,7 +426,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="" />
<img loading="lazy" src="images/icon-phone.svg" alt="" />
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
@@ -451,7 +437,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="" />
<img loading="lazy" src="images/icon-mail.svg" alt="" />
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
@@ -502,37 +488,6 @@
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.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>
<script src="js/bundle-core.js"></script>
</body>
</html>

38
sitemap.xml Normal file
View File

@@ -0,0 +1,38 @@
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://tscb.cricket/</loc>
<priority>1.0</priority>
<changefreq>weekly</changefreq>
</url>
<url>
<loc>https://tscb.cricket/about.html</loc>
<priority>0.8</priority>
<changefreq>monthly</changefreq>
</url>
<url>
<loc>https://tscb.cricket/austin.html</loc>
<priority>0.8</priority>
<changefreq>weekly</changefreq>
</url>
<url>
<loc>https://tscb.cricket/dallas.html</loc>
<priority>0.8</priority>
<changefreq>weekly</changefreq>
</url>
<url>
<loc>https://tscb.cricket/contact.html</loc>
<priority>0.6</priority>
<changefreq>monthly</changefreq>
</url>
<url>
<loc>https://tscb.cricket/sponsors.html</loc>
<priority>0.6</priority>
<changefreq>monthly</changefreq>
</url>
<url>
<loc>https://tscb.cricket/liability.html</loc>
<priority>0.4</priority>
<changefreq>yearly</changefreq>
</url>
</urlset>

View File

@@ -19,25 +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"
rel="stylesheet"
/>
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
<!-- 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" />
</head>
<!-- Preload critical image -->
<link rel="preload" href="images/page-header-bg.jpg" as="image">
<!-- Bundled CSS -->
<link href="css/bundle.css" rel="stylesheet">
</head>
<body>
<!-- Preloader Start -->
@@ -186,7 +172,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/srisports.png" alt="Sri Sports" />
<img loading="lazy" src="images/srisports.png" alt="Sri Sports" />
</figure>
</div>
<!-- Team Image End -->
@@ -207,7 +193,7 @@
<!-- Team Image Start -->
<div class="team-image">
<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>
</div>
<!-- Team Image End -->
@@ -228,7 +214,7 @@
<!-- Team Image Start -->
<div class="team-image">
<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>
</div>
<!-- Team Image End -->
@@ -359,7 +345,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="" />
<img loading="lazy" src="images/icon-phone.svg" alt="" />
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
@@ -370,7 +356,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="" />
<img loading="lazy" src="images/icon-mail.svg" alt="" />
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
@@ -421,37 +407,8 @@
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.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>
<script src="js/bundle-core.js"></script>
<!-- Enhanced Animations js -->
<script src="js/enhance.js"></script>
</body>
</html>