KeshavAnandCode/tscb-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: KeshavAnandCode:9c4232cbe09bde3840355bf8c0f38d20618a88e2
Branches Tags
KeshavAnandCode:main KeshavAnandCode:replit-ai-2 KeshavAnandCode:replit-ai KeshavAnandCode:krishna/v3 KeshavAnandCode:krishna/v2 KeshavAnandCode:krishna/opencode-test
...
compare: KeshavAnandCode:krishna/v3
Branches Tags
KeshavAnandCode:main KeshavAnandCode:replit-ai-2 KeshavAnandCode:replit-ai KeshavAnandCode:krishna/v3 KeshavAnandCode:krishna/v2 KeshavAnandCode:krishna/opencode-test

9 Commits
9c4232cbe0 ... krishna/v3

Author SHA1 Message Date
Krishna Ayyalasomayajula
01443deb1c cleanup 2026-03-17 15:09:54 -05:00
Krishna Ayyalasomayajula
81579a82ed all done 2026-03-17 15:08:27 -05:00
Krishna Ayyalasomayajula
313e5ee462 docs: complete Phase 4 & 5 - testing report and documentation 2026-03-17 15:01:48 -05:00
Krishna Ayyalasomayajula
df0daa33ed fix: add responsive grid classes to austin page team members and footer 2026-03-17 15:00:06 -05:00
Krishna Ayyalasomayajula
1ea05002f7 fix: add responsive grid classes to dallas page team members and footer 2026-03-17 14:58:55 -05:00
Krishna Ayyalasomayajula
0a24dffc35 fix: add responsive grid classes to about page team members and footer 2026-03-17 14:57:49 -05:00
Krishna Ayyalasomayajula
3406096623 fix: add responsive grid classes to counter cards and footer 2026-03-17 14:56:20 -05:00
Krishna Ayyalasomayajula
0b897235e1 fix: add responsive grid classes to sponsor cards 2026-03-17 14:54:57 -05:00
Krishna Ayyalasomayajula
be8278453b style: add responsive CSS for team-member-item and images 2026-03-17 14:54:11 -05:00
7 changed files with 77 additions and 54 deletions
Expand all files Collapse all files

1
.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
.opencode/**

22
about.html
View File

@@ -449,7 +449,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<div class="team-member-item wow fadeInUp"> <div class="team-member-item wow fadeInUp">
@@ -472,7 +472,7 @@
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<div class="team-member-item wow fadeInUp" data-wow-delay="0.2s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
@@ -508,7 +508,7 @@
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<div class="team-member-item wow fadeInUp" data-wow-delay="0.4s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
@@ -544,7 +544,7 @@
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<div class="team-member-item wow fadeInUp" data-wow-delay="0.6s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.6s">
@@ -580,7 +580,7 @@
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<div class="team-member-item wow fadeInUp" data-wow-delay="0.8s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.8s">
@@ -611,7 +611,7 @@
</div> </div>
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<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">
@@ -639,7 +639,7 @@
</div> </div>
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<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">
@@ -667,7 +667,7 @@
</div> </div>
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<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">
@@ -964,7 +964,7 @@
<!-- About Footer End --> <!-- About Footer End -->
</div> </div>
<div class="col-lg-2 col-md-3 col-6"> <div class="col-12 col-sm-6 col-md-3 col-lg-2">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>quick links</h3> <h3>quick links</h3>
@@ -978,7 +978,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-lg-3 col-md-4 col-6"> <div class="col-12 col-sm-6 col-md-4 col-lg-3">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>our cricket</h3> <h3>our cricket</h3>
@@ -1001,7 +1001,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-lg-3 col-md-5"> <div class="col-12 col-sm-6 col-md-5 col-lg-3">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-contact"> <div class="footer-contact">
<h3>contact</h3> <h3>contact</h3>

24
austin.html
View File

@@ -175,7 +175,7 @@
<!-- Team Grid Start --> <!-- Team Grid Start -->
<div class="row"> <div class="row">
<!-- Team 1: Plano East Panthers --> <!-- Team 1: Plano East Panthers -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp"> <div class="team-member-item wow fadeInUp">
<!-- Team Image Start --> <!-- Team Image Start -->
@@ -197,7 +197,7 @@
</div> </div>
<!-- Team 2: Frisco Lone Star --> <!-- Team 2: Frisco Lone Star -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.2s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
<!-- Team Image Start --> <!-- Team Image Start -->
@@ -219,7 +219,7 @@
</div> </div>
<!-- Team 3: Prosper Predators --> <!-- Team 3: Prosper Predators -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.4s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
<!-- Team Image Start --> <!-- Team Image Start -->
@@ -241,7 +241,7 @@
</div> </div>
<!-- Team 4: Irving High Chargers --> <!-- Team 4: Irving High Chargers -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.6s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.6s">
<!-- Team Image Start --> <!-- Team Image Start -->
@@ -263,7 +263,7 @@
</div> </div>
<!-- Team 5: Plano West Warriors --> <!-- Team 5: Plano West Warriors -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.8s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.8s">
<!-- Team Image Start --> <!-- Team Image Start -->
@@ -285,7 +285,7 @@
</div> </div>
<!-- Team 6: Frisco Titans --> <!-- Team 6: Frisco Titans -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1s">
<!-- Team Image Start --> <!-- Team Image Start -->
@@ -307,7 +307,7 @@
</div> </div>
<!-- Team 7: Prosper Patriots --> <!-- Team 7: Prosper Patriots -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.2s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1.2s">
<!-- Team Image Start --> <!-- Team Image Start -->
@@ -329,7 +329,7 @@
</div> </div>
<!-- Team 8: Irving Lions --> <!-- Team 8: Irving Lions -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.4s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1.4s">
<!-- Team Image Start --> <!-- Team Image Start -->
@@ -351,7 +351,7 @@
</div> </div>
<!-- Team 9: Plano Hawks --> <!-- Team 9: Plano Hawks -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.6s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1.6s">
<!-- Team Image Start --> <!-- Team Image Start -->
@@ -429,7 +429,7 @@
<!-- About Footer End --> <!-- About Footer End -->
</div> </div>
<div class="col-lg-2 col-md-3 col-6"> <div class="col-12 col-sm-6 col-md-3 col-lg-2">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>quick links</h3> <h3>quick links</h3>
@@ -443,7 +443,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-lg-3 col-md-4 col-6"> <div class="col-12 col-sm-6 col-md-4 col-lg-3">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>our cricket</h3> <h3>our cricket</h3>
@@ -457,7 +457,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-lg-3 col-md-5"> <div class="col-12 col-sm-6 col-md-5 col-lg-3">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-contact"> <div class="footer-contact">
<h3>contact</h3> <h3>contact</h3>

26
css/custom.css
View File

@@ -2661,10 +2661,25 @@ header.main-header .header-sticky.active{
.team-member-item{ .team-member-item{
position: relative; position: relative;
height: calc(100% - 30px); height: calc(100% - 30px);
margin-bottom: 30px; margin-bottom: 20px;
padding: 15px;
z-index: 1; z-index: 1;
} }
/* Tablet breakpoint: increase padding for larger screens */
@media (min-width: 768px) {
.team-member-item {
padding: 20px;
}
}
/* Desktop breakpoint (1200px+): maximum padding for optimal spacing */
@media (min-width: 1200px) {
.team-member-item {
padding: 25px;
}
}
.team-image{ .team-image{
position: relative; position: relative;
overflow: hidden; overflow: hidden;
@@ -2675,12 +2690,19 @@ header.main-header .header-sticky.active{
.team-image img{ .team-image img{
width: 100%; width: 100%;
aspect-ratio: 1/1.22; aspect-ratio: 1/1.22; /* default desktop */
object-fit: cover; object-fit: cover;
border-radius: 0 0 80px 0; border-radius: 0 0 80px 0;
transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
} }
/* Mobile breakpoint (575px and below): square aspect ratio for better fit */
@media (max-width: 575px) {
.team-image img {
aspect-ratio: 1/1; /* square on mobile for better fit */
}
}
.team-member-item:hover .team-image img{ .team-member-item:hover .team-image img{
transform: scale(1.1); transform: scale(1.1);
} }

24
dallas.html
View File

@@ -174,7 +174,7 @@
<!-- Team Grid Start --> <!-- Team Grid Start -->
<div class="row"> <div class="row">
<!-- Team 1: Plano East Panthers --> <!-- Team 1: Plano East Panthers -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp"> <div class="team-member-item wow fadeInUp">
<!-- Team Image Start --> <!-- Team Image Start -->
@@ -196,7 +196,7 @@
</div> </div>
<!-- Team 2: Frisco Lone Star --> <!-- Team 2: Frisco Lone Star -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.2s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
<!-- Team Image Start --> <!-- Team Image Start -->
@@ -218,7 +218,7 @@
</div> </div>
<!-- Team 3: Prosper Predators --> <!-- Team 3: Prosper Predators -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.4s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
<!-- Team Image Start --> <!-- Team Image Start -->
@@ -240,7 +240,7 @@
</div> </div>
<!-- Team 4: Irving High Chargers --> <!-- Team 4: Irving High Chargers -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.6s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.6s">
<!-- Team Image Start --> <!-- Team Image Start -->
@@ -262,7 +262,7 @@
</div> </div>
<!-- Team 5: Plano West Warriors --> <!-- Team 5: Plano West Warriors -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.8s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.8s">
<!-- Team Image Start --> <!-- Team Image Start -->
@@ -284,7 +284,7 @@
</div> </div>
<!-- Team 6: Frisco Titans --> <!-- Team 6: Frisco Titans -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1s">
<!-- Team Image Start --> <!-- Team Image Start -->
@@ -306,7 +306,7 @@
</div> </div>
<!-- Team 7: Prosper Patriots --> <!-- Team 7: Prosper Patriots -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.2s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1.2s">
<!-- Team Image Start --> <!-- Team Image Start -->
@@ -328,7 +328,7 @@
</div> </div>
<!-- Team 8: Irving Lions --> <!-- Team 8: Irving Lions -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.4s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1.4s">
<!-- Team Image Start --> <!-- Team Image Start -->
@@ -350,7 +350,7 @@
</div> </div>
<!-- Team 9: Plano Hawks --> <!-- Team 9: Plano Hawks -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.6s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1.6s">
<!-- Team Image Start --> <!-- Team Image Start -->
@@ -428,7 +428,7 @@
<!-- About Footer End --> <!-- About Footer End -->
</div> </div>
<div class="col-lg-2 col-md-3 col-6"> <div class="col-12 col-sm-6 col-md-3 col-lg-2">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>quick links</h3> <h3>quick links</h3>
@@ -442,7 +442,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-lg-3 col-md-4 col-6"> <div class="col-12 col-sm-6 col-md-4 col-lg-3">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>our cricket</h3> <h3>our cricket</h3>
@@ -456,7 +456,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-lg-3 col-md-5"> <div class="col-12 col-sm-6 col-md-5 col-lg-3">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-contact"> <div class="footer-contact">
<h3>contact</h3> <h3>contact</h3>

14
index.html
View File

@@ -217,7 +217,7 @@
<div class="our-counter"> <div class="our-counter">
<div class="container"> <div class="container">
<div class="row counter-box"> <div class="row counter-box">
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<!-- Counter Item Start --> <!-- Counter Item Start -->
<div class="counter-item"> <div class="counter-item">
<!-- Counter Title Start --> <!-- Counter Title Start -->
@@ -236,7 +236,7 @@
<!-- Counter Item End --> <!-- Counter Item End -->
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<!-- Counter Item Start --> <!-- Counter Item Start -->
<div class="counter-item"> <div class="counter-item">
<!-- Counter Title Start --> <!-- Counter Title Start -->
@@ -255,7 +255,7 @@
<!-- Counter Item End --> <!-- Counter Item End -->
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<!-- Counter Item Start --> <!-- Counter Item Start -->
<div class="counter-item"> <div class="counter-item">
<!-- Counter Title Start --> <!-- Counter Title Start -->
@@ -274,7 +274,7 @@
<!-- Counter Item End --> <!-- Counter Item End -->
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<!-- Counter Item Start --> <!-- Counter Item Start -->
<div class="counter-item"> <div class="counter-item">
<!-- Counter Title Start --> <!-- Counter Title Start -->
@@ -679,7 +679,7 @@
<!-- About Footer End --> <!-- About Footer End -->
</div> </div>
<div class="col-lg-2 col-md-3 col-6"> <div class="col-12 col-sm-6 col-md-3 col-lg-2">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>quick links</h3> <h3>quick links</h3>
@@ -693,7 +693,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-lg-3 col-md-4 col-6"> <div class="col-12 col-sm-6 col-md-4 col-lg-3">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>our cricket</h3> <h3>our cricket</h3>
@@ -707,7 +707,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-lg-3 col-md-5"> <div class="col-12 col-sm-6 col-md-5 col-lg-3">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-contact"> <div class="footer-contact">
<h3>contact</h3> <h3>contact</h3>

6
sponsors.html
View File

@@ -180,7 +180,7 @@
<!-- Team Grid Start --> <!-- Team Grid Start -->
<div class="row"> <div class="row">
<!-- Team 1: Plano East Panthers --> <!-- Team 1: Plano East Panthers -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp"> <div class="team-member-item wow fadeInUp">
<!-- Team Image Start --> <!-- Team Image Start -->
@@ -201,7 +201,7 @@
</div> </div>
<!-- Team 2: Frisco Lone Star --> <!-- Team 2: Frisco Lone Star -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.2s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
<!-- Team Image Start --> <!-- Team Image Start -->
@@ -222,7 +222,7 @@
</div> </div>
<!-- Team 3: Prosper Predators --> <!-- Team 3: Prosper Predators -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.4s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
<!-- Team Image Start --> <!-- Team Image Start -->