Removed files from promoting 8d824a9

Removed files that don't exist in commit 8d824a9d19a6bf3b6a8d227db9c512d3e57d0044:
- junior-a-girls.html

junior-a-girls.html

@@ -1,494 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Junior A Girls – Volleyball</title>
-    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
-    <script src="https://cdn.tailwindcss.com"></script>
-    <script src="https://unpkg.com/feather-icons"></script>
-    <script>
-        tailwind.config = {
-            theme: {
-                extend: {
-                    colors: {
-                        primary: '#008080',
-                        dark: '#121212',
-                        darker: '#0a0a0a',
-                        lightGrey: '#CCCCCC'
-                    }
-                }
-            }
-        }
-    </script>
-    <style>
-        body {
-            font-family: 'Montserrat', sans-serif;
-            background-color: #121212;
-            color: #ffffff;
-        }
-        h1, h2, h3, h4, h5, h6 {
-            font-weight: 700;
-        }
-        
-        /* Container to prevent overflow */
-        .team-container {
-          max-width: 1200px;
-          margin: 0 auto;
-          padding: 20px;
-        }
-
-        /* Search Bar */
-        .search-bar {
-          width: 100%;
-          max-width: 400px;
-          padding: 10px 15px;
-          background: #1E1E1E;
-          border: 1px solid #008080;
-          border-radius: 20px;
-          color: white;
-          margin: 20px auto;
-          display: block;
-        }
-        .search-bar::placeholder {
-          color: #666;
-        }
-
-        /* Player Grid - 3 columns */
-        .player-grid {
-          display: grid;
-          grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-          gap: 20px;
-          margin: 20px 0;
-        }
-
-        /* Player Cards */
-        .player-card {
-          transition: all 0.3s ease;
-          cursor: pointer;
-          position: relative;
-          opacity: 0;
-          animation: fadeIn 0.5s forwards;
-        }
-        @keyframes fadeIn {
-          to { opacity: 1; }
-        }
-        .player-card:nth-child(1) { animation-delay: 0.1s; }
-        .player-card:nth-child(2) { animation-delay: 0.2s; }
-        .player-card:nth-child(3) { animation-delay: 0.3s; }
-        .player-card:nth-child(4) { animation-delay: 0.4s; }
-        /* Add more delays as needed */
-
-        .player-card:hover {
-          transform: scale(1.03);
-          box-shadow: 0 0 15px rgba(0, 128, 128, 0.3);
-        }
-
-        .starter { border: 3px solid #008080; }
-        .substitute { border: 3px solid #444444; }
-
-        /* Modal */
-        .profile-modal {
-          position: fixed;
-          top: 0;
-          left: 0;
-          width: 100%;
-          height: 100%;
-          background: rgba(0, 0, 0, 0.9);
-          display: flex;
-          justify-content: center;
-          align-items: flex-end; /* Align to bottom */
-          z-index: 1000;
-          opacity: 0;
-          pointer-events: none;
-          transition: opacity 0.3s;
-        }
-        .profile-modal.active {
-          opacity: 1;
-          pointer-events: all;
-        }
-        .profile-content {
-          background: #1E1E1E;
-          border: 1px solid #008080;
-          border-radius: 8px 8px 0 0;
-          padding: 20px;
-          max-width: 800px;
-          width: 90%;
-          max-height: 90vh;
-          overflow-y: auto;
-          position: relative;
-          animation: slideUp 0.3s;
-        }
-        @keyframes slideUp {
-          from { transform: translateY(100%); }
-          to { transform: translateY(0); }
-        }
-        .close-button {
-          position: sticky;
-          top: 10px;
-          right: 10px;
-          color: #008080;
-          font-size: 24px;
-          cursor: pointer;
-          background: none;
-          border: none;
-        }
-
-        /* Responsive Adjustments */
-        @media (max-width: 1024px) {
-          .player-grid {
-            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-          }
-        }
-        @media (max-width: 768px) {
-          .player-grid {
-            grid-template-columns: 1fr;
-          }
-          .profile-content {
-            height: 90vh;
-            border-radius: 8px;
-            margin: 0 20px;
-          }
-        }
-    </style>
-</head>
-<body class="bg-dark text-white">
-    <!-- Navigation -->
-    <header class="fixed w-full z-50 bg-dark border-b border-primary">
-        <div class="container mx-auto px-4 py-3 flex justify-between items-center">
-            <div class="flex items-center">
-                <div class="w-10 h-10 bg-primary rounded-full mr-3"></div>
-                <a href="index.html" class="text-xl font-extrabold"><span class="text-[#008080]">NAGAS</span><span class="text-white">ATHLETICS</span></a>
-            </div>
-            <nav class="hidden md:flex space-x-6">
-                <a href="index.html" class="hover:text-primary">Home</a>
-                <a href="about.html" class="hover:text-primary">About</a>
-                <a href="teams.html" class="hover:text-primary">Teams</a>
-                <a href="schedule.html" class="hover:text-primary">Schedule</a>
-                <a href="council.html" class="hover:text-primary">Council</a>
-                <a href="news.html" class="hover:text-primary">News</a>
-                <a href="get-involved.html" class="hover:text-primary">Get Involved</a>
-            </nav>
-            <button id="menu-toggle" class="md:hidden text-white">
-                <i data-feather="menu"></i>
-            </button>
-        </div>
-    </header>
-
-    <!-- Mobile Menu -->
-    <div id="mobile-menu" class="fixed inset-0 bg-dark z-50 hidden">
-        <div class="flex justify-between items-center p-4 border-b border-primary">
-            <div class="flex items-center">
-                <div class="w-10 h-10 bg-primary rounded-full mr-3"></div>
-                <span class="text-xl font-extrabold"><span class="text-[#008080]">NAGAS</span><span class="text-white">ATHLETICS</span></span>
-            </div>
-            <button id="menu-close" class="text-white">
-                <i data-feather="x"></i>
-            </button>
-        </div>
-        <nav class="p-4">
-            <a href="index.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">Home</a>
-            <a href="about.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">About</a>
-            <a href="teams.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">Teams</a>
-            <a href="schedule.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">Schedule</a>
-            <a href="council.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">Council</a>
-            <a href="news.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">News</a>
-            <a href="get-involved.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">Get Involved</a>
-        </nav>
-    </div>
-
-    <div class="pt-20 pb-4 bg-darker border-b border-[#2e2e2e]">
-        <div class="container mx-auto px-4">
-            <nav class="text-sm">
-                <a href="index.html" class="text-primary hover:underline">Home</a> > 
-                <a href="teams.html" class="text-primary hover:underline">Teams</a> > 
-                <a href="volleyball.html" class="text-primary hover:underline">Volleyball</a> > 
-                <span class="text-white">Junior A Girls</span>
-            </nav>
-        </div>
-    </div>
-
-    <div class="team-container pt-8">
-        <!-- Back Button -->
-        <a href="volleyball.html" class="inline-flex items-center px-4 py-2 border border-primary text-primary rounded hover:bg-primary hover:text-white transition">
-            ← Back to Volleyball Teams
-        </a>
-
-        <!-- Search Bar -->
-        <input type="text" class="search-bar" placeholder="Search players by name..." id="search-input">
-
-        <!-- Player Grid Title -->
-        <h2 class="text-3xl md:text-4xl font-bold text-center my-8">Meet the Team</h2>
-
-        <!-- Player Grid -->
-        <div class="player-grid" id="player-grid">
-            <!-- Player cards will be populated by JavaScript -->
-        </div>
-    </div>
-
-    <!-- Player Profile Modal -->
-    <div class="profile-modal" id="profile-modal">
-        <div class="profile-content">
-            <button class="close-button" id="close-modal">×</button>
-            <div id="modal-content">
-                <!-- Modal content will be populated by JavaScript -->
-            </div>
-        </div>
-    </div>
-
-    <script>
-        feather.replace();
-        
-        // Mobile menu toggle
-        document.getElementById('menu-toggle').addEventListener('click', function() {
-            document.getElementById('mobile-menu').classList.remove('hidden');
-        });
-        
-        document.getElementById('menu-close').addEventListener('click', function() {
-            document.getElementById('mobile-menu').classList.add('hidden');
-        });
-
-        // Sample player data
-        const players = [
-            {
-                id: 1,
-                name: "Sophia Martinez",
-                position: "Setter",
-                jerseyNumber: 3,
-                status: "starter",
-                league: "PPAC8",
-                photo: "http://static.photos/people/320x320/1",
-                stats: {
-                    matches: 12,
-                    points: 85,
-                    assists: 120
-                },
-                achievements: [
-                    "MVP - Regional Tournament 2023",
-                    "Best Setter - PPAC8 League"
-                ],
-                gallery: [
-                    "http://static.photos/sport/320x240/1",
-                    "http://static.photos/sport/320x240/2",
-                    "http://static.photos/sport/320x240/3"
-                ]
-            },
-            {
-                id: 2,
-                name: "Emma Johnson",
-                position: "Outside Hitter",
-                jerseyNumber: 7,
-                status: "starter",
-                league: "PPAC8",
-                photo: "http://static.photos/people/320x320/2",
-                stats: {
-                    matches: 12,
-                    points: 142,
-                    assists: 15
-                },
-                achievements: [
-                    "Top Scorer - PPAC8 League 2023",
-                    "All-Star Selection 2022"
-                ],
-                gallery: [
-                    "http://static.photos/sport/320x240/4",
-                    "http://static.photos/sport/320x240/5",
-                    "http://static.photos/sport/320x240/6"
-                ]
-            },
-            {
-                id: 3,
-                name: "Olivia Williams",
-                position: "Middle Blocker",
-                jerseyNumber: 11,
-                status: "starter",
-                league: "PPAC8",
-                photo: "http://static.photos/people/320x320/3",
-                stats: {
-                    matches: 12,
-                    points: 98,
-                    assists: 22
-                },
-                achievements: [
-                    "Best Blocker - PPAC8 League 2023",
-                    "Team Captain 2022-2023"
-                ],
-                gallery: [
-                    "http://static.photos/sport/320x240/7",
-                    "http://static.photos/sport/320x240/8",
-                    "http://static.photos/sport/320x240/9"
-                ]
-            },
-            {
-                id: 4,
-                name: "Ava Brown",
-                position: "Libero",
-                jerseyNumber: 15,
-                status: "starter",
-                league: "PPAC8",
-                photo: "http://static.photos/people/320x320/4",
-                stats: {
-                    matches: 12,
-                    points: 25,
-                    assists: 5
-                },
-                achievements: [
-                    "Best Defensive Player - PPAC8 2023",
-                    "Most Improved Player 2022"
-                ],
-                gallery: [
-                    "http://static.photos/sport/320x240/10",
-                    "http://static.photos/sport/320x240/11",
-                    "http://static.photos/sport/320x240/12"
-                ]
-            },
-            {
-                id: 5,
-                name: "Isabella Davis",
-                position: "Opposite Hitter",
-                jerseyNumber: 19,
-                status: "substitute",
-                league: "PPAC8",
-                photo: "http://static.photos/people/320x320/5",
-                stats: {
-                    matches: 8,
-                    points: 65,
-                    assists: 8
-                },
-                achievements: [
-                    "Rookie of the Year 2022",
-                    "Academic Excellence Award"
-                ],
-                gallery: [
-                    "http://static.photos/sport/320x240/13",
-                    "http://static.photos/sport/320x240/14",
-                    "http://static.photos/sport/320x240/15"
-                ]
-            },
-            {
-                id: 6,
-                name: "Mia Miller",
-                position: "Setter",
-                jerseyNumber: 22,
-                status: "substitute",
-                league: "PPAC8",
-                photo: "http://static.photos/people/320x320/6",
-                stats: {
-                    matches: 6,
-                    points: 32,
-                    assists: 45
-                },
-                achievements: [
-                    "Best Team Spirit Award 2023",
-                    "Leadership Workshop Participant"
-                ],
-                gallery: [
-                    "http://static.photos/sport/320x240/16",
-                    "http://static.photos/sport/320x240/17",
-                    "http://static.photos/sport/320x240/18"
-                ]
-            }
-        ];
-
-        // Function to render player cards
-        function renderPlayers(playersToShow) {
-            const grid = document.getElementById('player-grid');
-            grid.innerHTML = '';
-            
-            playersToShow.forEach(player => {
-                const playerCard = document.createElement('div');
-                playerCard.className = `player-card ${player.status} bg-[#1E1E1E] rounded p-3 relative`;
-                playerCard.innerHTML = `
-                    <div class="relative">
-                        <img src="${player.photo}" alt="${player.name}" class="w-full h-48 object-cover rounded">
-                        <span class="absolute top-2 right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded">${player.league}</span>
-                        <span class="absolute top-8 right-2 bg-${player.status === 'starter' ? 'primary' : 'gray-500'} text-white text-xs px-2 py-1 rounded capitalize">${player.status}</span>
-                    </div>
-                    <div class="text-center mt-3">
-                        <div class="text-3xl font-bold text-primary">${player.jerseyNumber}</div>
-                        <div class="text-lg font-semibold">${player.name}</div>
-                        <div class="text-sm text-lightGrey">${player.position}</div>
-                    </div>
-                `;
-                
-                playerCard.addEventListener('click', () => openPlayerModal(player));
-                grid.appendChild(playerCard);
-            });
-        }
-
-        // Function to open player modal
-        function openPlayerModal(player) {
-            const modal = document.getElementById('profile-modal');
-            const modalContent = document.getElementById('modal-content');
-            
-            modalContent.innerHTML = `
-                <div class="text-center">
-                    <img src="${player.photo}" alt="${player.name}" class="w-full max-h-64 object-cover rounded mb-4">
-                    <h3 class="text-2xl font-bold">${player.name}</h3>
-                    <p class="text-lightGrey">${player.position} #${player.jerseyNumber}</p>
-                    <span class="inline-block mt-2 px-3 py-1 bg-${player.status === 'starter' ? 'primary' : 'gray-500'} text-white text-sm rounded capitalize">${player.status}</span>
-                </div>
-                
-                <div class="mt-6">
-                    <h4 class="text-xl font-bold mb-3">Stats</h4>
-                    <table class="w-full text-left">
-                        <tr class="border-b border-[#2e2e2e]">
-                            <td class="py-2">Matches Played</td>
-                            <td class="py-2 text-right">${player.stats.matches}</td>
-                        </tr>
-                        <tr class="border-b border-[#2e2e2e]">
-                            <td class="py-2">Points Scored</td>
-                            <td class="py-2 text-right">${player.stats.points}</td>
-                        </tr>
-                        <tr class="border-b border-[#2e2e2e]">
-                            <td class="py-2">Assists</td>
-                            <td class="py-2 text-right">${player.stats.assists}</td>
-                        </tr>
-                    </table>
-                </div>
-                
-                <div class="mt-6">
-                    <h4 class="text-xl font-bold mb-3">Achievements</h4>
-                    <ul class="list-disc pl-5">
-                        ${player.achievements.map(achievement => `<li class="py-1">${achievement}</li>`).join('')}
-                    </ul>
-                </div>
-                
-                <div class="mt-6">
-                    <h4 class="text-xl font-bold mb-3">Gallery</h4>
-                    <div class="flex overflow-x-auto space-x-2">
-                        ${player.gallery.map(img => `<img src="${img}" alt="Gallery image" class="w-24 h-24 object-cover rounded">`).join('')}
-                    </div>
-                </div>
-            `;
-            
-            modal.classList.add('active');
-        }
-
-        // Function to close modal
-        function closePlayerModal() {
-            document.getElementById('profile-modal').classList.remove('active');
-        }
-
-        // Event listeners for modal
-        document.getElementById('close-modal').addEventListener('click', closePlayerModal);
-        document.getElementById('profile-modal').addEventListener('click', function(e) {
-            if (e.target === this) {
-                closePlayerModal();
-            }
-        });
-
-        // Search functionality
-        document.getElementById('search-input').addEventListener('input', function(e) {
-            const searchTerm = e.target.value.toLowerCase();
-            const filteredPlayers = players.filter(player => 
-                player.name.toLowerCase().includes(searchTerm)
-            );
-            renderPlayers(filteredPlayers);
-        });
-
-        // Initial render
-        renderPlayers(players);
-    </script>
-</body>
-</html>