Sportowa Mapa Chorzowa<style type="text/css">
/* Definicja oficjalnych barw i zmiennych miejskich */
:root {
--miejska-czerwien: #f20000;
--elegancki-granat: #002672;
--tekst-ciemny: #1a202c;
--tekst-szary: #4a5568;
--tlo-karty: #ffffff;
--border-delikatny: #edf2f7;
--youtube-brand: #ff0000;
}
/* Główny kontener strony */
.sportowa-mapa-wrapper {
max-width: 72rem; /* Odpowiednik max-w-6xl */
margin: 0 auto;
padding: 2rem 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
color: var(--tekst-ciemny);
line-height: 1.5;
}
/* Baner nagłówkowy */
.mapa-header {
margin-bottom: 2.5rem;
text-align: center;
}
.banner-link {
display: inline-block;
border-radius: 1rem;
overflow: hidden;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
transition: transform 0.2s, box-shadow 0.2s;
}
.banner-link:hover {
transform: translateY(-2px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.banner-link:focus, .mapa-tytul-link:focus, .wyszukiwarka-input:focus, .club-link:focus {
outline: none;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--elegancki-granat) !important;
}
.mapa-header img {
display: block;
width: 100%;
height: auto;
max-width: 600px;
object-fit: cover;
}
.mapa-tytul-kontener {
margin-top: 1.5rem;
}
/* Ochrona przed H1 Trap - Używamy H2 */
.mapa-tytul-kontener h2 {
font-size: 1.5rem;
font-weight: 700;
margin: 0;
}
@media (min-width: 768px) {
.mapa-tytul-kontener h2 {
font-size: 1.875rem;
}
}
.mapa-tytul-link {
color: var(--elegancki-granat);
text-decoration: none;
padding: 0.25rem;
border-radius: 0.25rem;
}
.mapa-tytul-link:hover {
text-decoration: underline;
}
/* Sekcja wyszukiwarki */
.sekcja-szukaj {
margin-bottom: 2.5rem;
max-width: 28rem;
margin-left: auto;
margin-right: auto;
}
.wyszukiwarka-kontener {
position: relative;
}
.wyszukiwarka-ikona {
position: absolute;
top: 0;
bottom: 0;
left: 0;
padding-left: 0.75rem;
display: flex;
align-items: center;
pointer-events: none;
color: #a0aec0;
}
.wyszukiwarka-ikona svg {
width: 1.25rem;
height: 1.25rem;
}
.wyszukiwarka-input {
display: block;
width: 100%;
padding: 0.875rem 1rem 0.875rem 2.5rem;
border: 1px solid #cbd5e0;
border-radius: 0.75rem;
background-color: #ffffff;
font-size: 1rem;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
transition: all 0.2s;
box-sizing: border-box;
}
.komunikat-brak-wynikow {
font-size: 0.875rem;
color: var(--tekst-szary);
margin-top: 0.5rem;
text-align: center;
}
.hidden {
display: none !important;
}
/* Wykaz klubów - Nowoczesny układ CSS Grid */
.mapa-grid {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1rem;
}
@media (min-width: 768px) {
.mapa-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
.mapa-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
/* Konstrukcja pancernej pojedynczej karty */
.club-card {
display: block;
transition: transform 0.2s;
}
.club-link {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem;
height: 100%;
background-color: var(--tlo-karty);
border: 1px solid var(--border-delikatny);
border-radius: 0.75rem;
box-shadow: 0 1px 3px rgba(0,0,0,0.02);
text-decoration: none;
box-sizing: border-box;
transition: all 0.2s ease;
}
.club-link:hover {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08);
border-color: #cbd5e0;
transform: translateY(-1px);
}
.club-badge {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
border-radius: 50%;
background-color: rgba(0, 38, 114, 0.05);
color: var(--elegancki-granat);
font-weight: 700;
font-size: 0.875rem;
transition: background-color 0.2s;
}
.club-link:hover .club-badge {
background-color: rgba(0, 38, 114, 0.1);
}
.club-info {
flex: 1;
}
.club-title {
font-weight: 600;
color: var(--tekst-ciemny);
font-size: 0.9375rem;
line-height: 1.4;
transition: color 0.2s;
display: block;
}
.club-link:hover .club-title {
color: var(--elegancki-granat);
}
.club-emoji {
display: inline-block;
margin-left: 0.25rem;
}
/* Specjalna stylizacja kart wideo z YouTube (Karta 39) */
.club-card-yt .club-link {
background-color: rgba(255, 0, 0, 0.01);
border-color: rgba(255, 0, 0, 0.08);
}
.club-card-yt .club-link:hover {
border-color: rgba(255, 0, 0, 0.2);
}
.club-card-yt .club-link:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--youtube-brand) !important;
}
.club-card-yt .club-badge {
background-color: var(--youtube-brand);
color: #ffffff;
}
.club-card-yt .club-link:hover .club-title {
color: var(--youtube-brand);
}
.yt-action-label {
display: flex;
align-items: center;
gap: 0.25rem;
font-size: 0.75rem;
color: var(--youtube-brand);
font-weight: 600;
margin-top: 0.25rem;
}
.yt-icon-svg {
width: 1rem;
height: 1rem;
fill: currentColor;
}
/* Miejska stopka */
.mapa-footer {
margin-top: 4rem;
padding-top: 2rem;
border-top: 1px solid #e2e8f0;
text-align: center;
}
.mapa-footer-text {
font-size: 0.9375rem;
font-weight: 600;
color: var(--tekst-szary);
margin-top: 0;
margin-bottom: 1.5rem;
max-width: 32rem;
margin-left: auto;
margin-right: auto;
}
.logo-bo-wrapper {
display: inline-block;
overflow: hidden;
border-radius: 0.75rem;
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
background-color: #ffffff;
padding: 0.75rem;
border: 1px solid var(--border-delikatny);
transition: box-shadow 0.3s;
}
.logo-bo-wrapper:hover {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.logo-bo-wrapper img {
display: block;
margin: 0 auto;
height: auto;
max-width: 100%;
width: 450px;
}
</style>
<div class="sportowa-mapa-wrapper">
<header class="mapa-header">
<a aria-label="Grafika wprowadzająca do Sportowej Mapy Chorzowa" class="banner-link" href="https://mieszkancy.chorzow.eu/article/sportowa-mapa-chorzowa-wprowadzenie" title="Przejdź do wprowadzenia do Sportowej Mapy Chorzowa">
<img alt="Sportowa Mapa Chorzowa - Grafika Nagłówkowa" loading="eager" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4LzBfNjk1M2NlZWU0ZjA1OS5wbmc%3D" />
</a>
<div class="mapa-tytul-kontener">
<h2>
<a class="mapa-tytul-link" href="https://mieszkancy.chorzow.eu/article/sportowa-mapa-chorzowa-wprowadzenie" title="Przejdź do wprowadzenia">
Sportowa Mapa Chorzowa – Wprowadzenie <span aria-hidden="true">🏀⚽</span>
</a>
</h2>
</div>
</header> <!-- /mapa-header -->
<section aria-labelledby="search-heading" class="sekcja-szukaj">
<h2 class="hidden" id="search-heading">Wyszukaj klub sportowy</h2>
<div class="wyszukiwarka-kontener">
<div class="wyszukiwarka-ikona">
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path>
</svg>
</div>
<input aria-label="Szukaj klubu sportowego" class="wyszukiwarka-input" id="clubSearch" placeholder="Wpisz nazwę klubu lub dyscypliny..." type="text" />
</div>
<p class="komunikat-brak-wynikow hidden" id="searchFeedback" role="status">Nie znaleziono klubów pasujących do wyszukiwania.</p>
</section> <!-- /sekcja-szukaj -->
<main aria-label="Wykaz chorzowskich klubów sportowych">
<ol class="mapa-grid" id="clubsGrid">
<!-- Karta 1 -->
<li class="club-card" data-name="DOSiR Sokolnia Chorzów Akrobatyka sportowa z tradycjami">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/1-dosir-sokolnia-chorzow-akrobatyka-sportowa-z-tradycjami">
<span class="club-badge">1</span>
<div class="club-info">
<span class="club-title">DOSiR Sokolnia Chorzów – Akrobatyka sportowa z tradycjami <span aria-hidden="true" class="club-emoji">🤸♀️</span></span>
</div>
</a>
</li>
<!-- Karta 2 -->
<li class="club-card" data-name="W Ruchu Chorzowskie Stowarzyszenie Biegaczy Długodystansowych">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/2-w-ruchu-chorzowskie-stowarzyszenie-biegaczy-dlugodystansowych">
<span class="club-badge">2</span>
<div class="club-info">
<span class="club-title">W Ruchu – Chorzowskie Stowarzyszenie Biegaczy Długodystansowych <span aria-hidden="true" class="club-emoji">🏃♂️🏃♀️</span></span>
</div>
</a>
</li>
<!-- Karta 3 -->
<li class="club-card" data-name="Towarzystwo Szermiercze Sokolnia Chorzów Szpada, Pasja i Charakter">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/towarzystwo-szermiercze-sokolnia-chorzow">
<span class="club-badge">3</span>
<div class="club-info">
<span class="club-title">Towarzystwo Szermiercze Sokolnia Chorzów – Szpada, Pasja i Charakter <span aria-hidden="true" class="club-emoji">🤺</span></span>
</div>
</a>
</li>
<!-- Karta 4 -->
<li class="club-card" data-name="UKS Biathlon Chorzów Połączenie wytrzymałości i precyzji">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/uks-biathlon-chorzow-polaczenie-wytrzymalosci-i-precyzji">
<span class="club-badge">4</span>
<div class="club-info">
<span class="club-title">UKS Biathlon Chorzów – Połączenie wytrzymałości i precyzji <span aria-hidden="true" class="club-emoji">🎿🎯</span></span>
</div>
</a>
</li>
<!-- Karta 5 -->
<li class="club-card" data-name="Brydż Blue Club Chorzów Gra biznesowa dla młodzieży">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/brydz-blue-club-chorzow-gra-biznesowa-dla-mlodoly">
<span class="club-badge">5</span>
<div class="club-info">
<span class="club-title">Brydż Blue Club Chorzów – Gra biznesowa dla młodzieży <span aria-hidden="true" class="club-emoji">🃏📈</span></span>
</div>
</a>
</li>
<!-- Karta 6 -->
<li class="club-card" data-name="Chorzowski Klub Kyokushin Karate Siła, Dyscyplina i Tradycja">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/chorzowski-klub-kyokushin-karate-od-zabawy-do-mistrzostwa">
<span class="club-badge">6</span>
<div class="club-info">
<span class="club-title">Chorzowski Klub Kyokushin Karate – Siła, Dyscyplina i Tradycja <span aria-hidden="true" class="club-emoji">🥋</span></span>
</div>
</a>
</li>
<!-- Karta 7 -->
<li class="club-card" data-name="UKS Silesia Chorzów Piękno gimnastyki i pasja do sportu">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/uks-silesia-profesjonalne-szkolenie-i-sportowe-sukcesy">
<span class="club-badge">7</span>
<div class="club-info">
<span class="club-title">UKS Silesia Chorzów – Piękno gimnastyki i pasja do sportu <span aria-hidden="true" class="club-emoji">🤸♀️🏐</span></span>
</div>
</a>
</li>
<!-- Karta 8 -->
<li class="club-card" data-name="UKS Studio Gwiazd Magia Gimnastyki Artystycznej">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/uks-studio-gwiazd-tu-kazda-dziewczynka-moze-zostac-gwiazda">
<span class="club-badge">8</span>
<div class="club-info">
<span class="club-title">UKS Studio Gwiazd – Magia Gimnastyki Artystycznej <span aria-hidden="true" class="club-emoji">🎀✨</span></span>
</div>
</a>
</li>
<!-- Karta 9 -->
<li class="club-card" data-name="Silesian Bird Disc Golf Club Golf w nowym wydaniu!">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/silesian-bird-disc-golf-club-golf-w-nowym-wydaniu">
<span class="club-badge">9</span>
<div class="club-info">
<span class="club-title">Silesian Bird Disc Golf Club – Golf w nowym wydaniu! <span aria-hidden="true" class="club-emoji">🥏⛳</span></span>
</div>
</a>
</li>
<!-- Karta 10 -->
<li class="club-card" data-name="Ruch Chorzów Futsal Dynamika, Pasja i Mistrzowska Tradycja">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/ruch-chorzow-futsal-30-lat-tradycji-i-5-tytulow-mistrza-polski">
<span class="club-badge">10</span>
<div class="club-info">
<span class="club-title">Ruch Chorzów Futsal – Dynamika, Pasja i Mistrzowska Tradycja <span aria-hidden="true" class="club-emoji">⚽🔥</span></span>
</div>
</a>
</li>
<!-- Karta 11 -->
<li class="club-card" data-name="SCS Sokół Chorzów Tenisowa Pasja dla Każdego">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/scs-sokol-tu-bije-tenisowe-serce-miasta">
<span class="club-badge">11</span>
<div class="club-info">
<span class="club-title">SCS Sokół Chorzów – Tenisowa Pasja dla Każdego <span aria-hidden="true" class="club-emoji">🎾🏆</span></span>
</div>
</a>
</li>
<!-- Karta 12 -->
<li class="club-card" data-name="Chorzowski Klub Rowerowy Razem Przejedziemy Więcej!">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/chorzowski-klub-rowerowy">
<span class="club-badge">12</span>
<div class="club-info">
<span class="club-title">Chorzowski Klub Rowerowy – Razem Przejedziemy Więcej! <span aria-hidden="true" class="club-emoji">🚲🌳</span></span>
</div>
</a>
</li>
<!-- Karta 13 -->
<li class="club-card" data-name="WOPR Chorzów Sekcja Kijanki Pierwszy krok do ratownictwa wodnego">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/wopr-chorzow-tu-zaczyna-sie-wodna-przygoda">
<span class="club-badge">13</span>
<div class="club-info">
<span class="club-title">WOPR Chorzów: Sekcja „Kijanki” – Pierwszy krok do ratownictwa wodnego <span aria-hidden="true" class="club-emoji">🌊🏊♂️</span></span>
</div>
</a>
</li>
<!-- Karta 14 -->
<li class="club-card" data-name="KP Sukces Chorzów Pływanie na Medal!">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/kp-sukces-pasja-do-plywania-i-trenowanie-pod-okiem-mistrzow">
<span class="club-badge">14</span>
<div class="club-info">
<span class="club-title">KP Sukces Chorzów – Pływanie na Medal! <span aria-hidden="true" class="club-emoji">🏊♂️🏆</span></span>
</div>
</a>
</li>
<!-- Karta 15 -->
<li class="club-card" data-name="Karate GOLIAT Dyscyplina, Pasja i Europejskie Sukcesy">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/karate-goliat-20-lat-ksztaltowania-charakterow">
<span class="club-badge">15</span>
<div class="club-info">
<span class="club-title">Karate GOLIAT – Dyscyplina, Pasja i Europejskie Sukcesy <span aria-hidden="true" class="club-emoji">🥋🏆</span></span>
</div>
</a>
</li>
<!-- Karta 16 -->
<li class="club-card" data-name="Klub Tańca Atria Chorzów Pasja, Ruch i Przyjaźnie na Lata">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/klub-tanca-atria-tu-pasja-spotyka-sie-with-technika">
<span class="club-badge">16</span>
<div class="club-info">
<span class="club-title">Klub Tańca Atria Chorzów – Pasja, Ruch i Przyjaźnie na Lata <span aria-hidden="true" class="club-emoji">💃✨</span></span>
</div>
</a>
</li>
<!-- Karta 17 -->
<li class="club-card" data-name="Centrum Szkolenia Ruchu Chorzów Tu rosną legendy!">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/centrum-szkolenia-ruchu-pasja-ktora-laczy-pokolenia">
<span class="club-badge">17</span>
<div class="club-info">
<span class="club-title">Centrum Szkolenia Ruchu Chorzów – Tu rosną legendy! <span aria-hidden="true" class="club-emoji">⚽🏟️</span></span>
</div>
</a>
</li>
<!-- Karta 18 -->
<li class="club-card" data-name="Ruch Chorzów Handball">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/ruch-chorzow-handball">
<span class="club-badge">18</span>
<div class="club-info">
<span class="club-title">Ruch Chorzów Handball</span>
</div>
</a>
</li>
<!-- Karta 19 -->
<li class="club-card" data-name="AP Wyzwolenie Chorzów Piłka Nożna dla Każdego!">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/akademia-pilkarska-wyzwolenie-rozwoj-bez-barie">
<span class="club-badge">19</span>
<div class="club-info">
<span class="club-title">AP Wyzwolenie Chorzów – Piłka Nożna dla Każdego! <span aria-hidden="true" class="club-emoji">⚽🏃♂️</span></span>
</div>
</a>
</li>
<!-- Karta 20 -->
<li class="club-card" data-name="Akademia Sportu Freestyle Park Wyczyn, Pasja i Mistrzowskie Skoki!">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/akademia-freestyle-park-tu-rodza-sie-mistrzowie-wyczynu">
<span class="club-badge">20</span>
<div class="club-info">
<span class="club-title">Akademia Sportu Freestyle Park – Wyczyn, Pasja i Mistrzowskie Skoki! <span aria-hidden="true" class="club-emoji">🤸♂️🏂</span></span>
</div>
</a>
</li>
<!-- Karta 21 -->
<li class="club-card" data-name="Gracie Barra Spartan Chorzów Siła, Technika i Pasja do Sportów Walki">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/sportowa-mapa-chorzowa-gracie-barra-spartan-15-lat-tradycji-sportow-walki">
<span class="club-badge">21</span>
<div class="club-info">
<span class="club-title">Gracie Barra Spartan Chorzów – Siła, Technika i Pasja do Sportów Walki <span aria-hidden="true" class="club-emoji">🥊🥋</span></span>
</div>
</a>
</li>
<!-- Karta 22 -->
<li class="club-card" data-name="KNW Kandahar Chorzów Pasja do Narciarstwa Wysokogórskiego">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/knw-kandahar-pionierzy-narciarstwa-wysokogorskiego">
<span class="club-badge">22</span>
<div class="club-info">
<span class="club-title">KNW Kandahar Chorzów – Pasja do Narciarstwa Wysokogórskiego <span aria-hidden="true" class="club-emoji">🏔️⛷️</span></span>
</div>
</a>
</li>
<!-- Karta 23 -->
<li class="club-card" data-name="KS Karolinka Chorzów Sport i Rehabilitacja bez Barier">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/ks-karolinka-mistrzowska-rewalidacja-przez-sport">
<span class="club-badge">23</span>
<div class="club-info">
<span class="club-title">KS Karolinka Chorzów – Sport i Rehabilitacja bez Barier <span aria-hidden="true" class="club-emoji">🎳🎯</span></span>
</div>
</a>
</li>
<!-- Karta 24 -->
<li class="club-card" data-name="KS Piątka Chorzów 25 lat pływackiej pasji i olimpijskich sukcesów">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/ks-piatka-cwierc-wieku-plywackich-emocji">
<span class="club-badge">24</span>
<div class="club-info">
<span class="club-title">KS Piątka Chorzów – 25 lat pływackiej pasji i olimpijskich sukcesów <span aria-hidden="true" class="club-emoji">🏊♂️🏆</span></span>
</div>
</a>
</li>
<!-- Karta 25 -->
<li class="club-card" data-name="Dynamit 1985 Chorzów Biathlonowa Przygoda dla Najmłodszych!">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/dynamit-1985-biathlonowa-pasja-od-najmlodszych-lat">
<span class="club-badge">25</span>
<div class="club-info">
<span class="club-title">Dynamit 1985 Chorzów – Biathlonowa Przygoda dla Najmłodszych! <span aria-hidden="true" class="club-emoji">⛷️🎯</span></span>
</div>
</a>
</li>
<!-- Karta 26 -->
<li class="club-card" data-name="Ognisko TKKF Chorzów Tenis Stołowy dla Każdego Pokolenia!">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/ognisko-tkkf-ponad-30-lat-pasji-do-tenisa-stolowego">
<span class="club-badge">26</span>
<div class="club-info">
<span class="club-title">Ognisko TKKF Chorzów – Tenis Stołowy dla Każdego Pokolenia! <span aria-hidden="true" class="club-emoji">🏓💪</span></span>
</div>
</a>
</li>
<!-- Karta 27 -->
<li class="club-card" data-name="PKS Józefka Chorzów 25 lat Pasji, Rozwoju i Rodzinnej Atmosfery">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/pks-jozefka-25-lat-budowania-pilkarskiej-rodziny">
<span class="club-badge">27</span>
<div class="club-info">
<span class="club-title">PKS Józefka Chorzów – 25 lat Pasji, Rozwoju i Rodzinnej Atmosfery <span aria-hidden="true" class="club-emoji">⚽️🎂</span></span>
</div>
</a>
</li>
<!-- Karta 28 -->
<li class="club-card" data-name="Stowarzyszenie Żeglarskie Szkwał 65 lat pasji pod żaglami!">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/stowarzyszenie-zeglarskie-szkwal-trzymaj-kurs-na-pasje">
<span class="club-badge">28</span>
<div class="club-info">
<span class="club-title">Stowarzyszenie Żeglarskie Szkwał – 65 lat pasji pod żaglami! <span aria-hidden="true" class="club-emoji">⛵🌊</span></span>
</div>
</a>
</li>
<!-- Karta 29 -->
<li class="club-card" data-name="AKS Chorzów Ponad 110 lat sportowej tradycji i lekkoatletycznej pasji">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/aks-chorzow-tradycja-mierzona-w-medalach">
<span class="club-badge">29</span>
<div class="club-info">
<span class="club-title">AKS Chorzów – Ponad 110 lat sportowej tradycji i lekkoatletycznej pasji <span aria-hidden="true" class="club-emoji">🎽🥇</span></span>
</div>
</a>
</li>
<!-- Karta 30 -->
<li class="club-card" data-name="UKS Chorzów Tenis Stołowy Pasja, Precyzja i Ligowe Emocje!">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/uks-chorzow-tu-bije-serce-regionalnego-tenisa-stolowego">
<span class="club-badge">30</span>
<div class="club-info">
<span class="club-title">UKS Chorzów – Tenis Stołowy: Pasja, Precyzja i Ligowe Emocje! <span aria-hidden="true" class="club-emoji">🏓🏆</span></span>
</div>
</a>
</li>
<!-- Karta 31 -->
<li class="club-card" data-name="UKS Kung-Fu Chorzów Sztuki Walki i Najszybszy Sport Rakietowy!">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/uks-kung-fu-gdzie-tradycja-spotyka-sie-z-dynamika">
<span class="club-badge">31</span>
<div class="club-info">
<span class="club-title">UKS Kung-Fu Chorzów – Sztuki Walki i Najszybszy Sport Rakietowy! <span aria-hidden="true" class="club-emoji">🥋🏸</span></span>
</div>
</a>
</li>
<!-- Karta 32 -->
<li class="club-card" data-name="UKS Power Kuźnik Chorzów 35 Lat Tradycji i Setki Medali!">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/uks-power-kuznik-kuznia-mistrov-i-dom-dla-kazdego-milosnika-sily">
<span class="club-badge">32</span>
<div class="club-info">
<span class="club-title">UKS Power Kuźnik Chorzów – 35 Lat Tradycji i Setki Medali! <span aria-hidden="true" class="club-emoji">💪🏋️♂️</span></span>
</div>
</a>
</li>
<!-- Karta 33 -->
<li class="club-card" data-name="UKS Reden Chorzów Sportowa Pasja i Aktywne Wakacje!">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/uks-reden-13-lat-sportowej-integracji-w-chorzowie-starym">
<span class="club-badge">33</span>
<div class="club-info">
<span class="club-title">UKS Reden Chorzów – Sportowa Pasja i Aktywne Wakacje! <span aria-hidden="true" class="club-emoji">⚽️🏊♂️🚴♂️</span></span>
</div>
</a>
</li>
<!-- Karta 34 -->
<li class="club-card" data-name="Klub Wilczy Pakt Pasja, Las i Wyścigi Psich Zaprzęgów!">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/wilczy-pakt-gdzie-sport-spotyka-sie-z-miloscia-do-psow">
<span class="club-badge">34</span>
<div class="club-info">
<span class="club-title">Klub Wilczy Pakt – Pasja, Las i Wyścigi Psich Zaprzęgów! <span aria-hidden="true" class="club-emoji">🐺🛷</span></span>
</div>
</a>
</li>
<!-- Karta 35 -->
<li class="club-card" data-name="KS Stadion Śląski Kuźnia Piłkarskich Talentów od 1962 roku!">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/akademia-stadionu-slaskiego-tu-rosna-reprezentanci-polski">
<span class="club-badge">35</span>
<div class="club-info">
<span class="club-title">KS Stadion Śląski – Kuźnia Piłkarskich Talentów od 1962 roku! <span aria-hidden="true" class="club-emoji">⚽️🏆</span></span>
</div>
</a>
</li>
<!-- Karta 36 -->
<li class="club-card" data-name="Capoeira Camangula Chorzów Taniec, Walka i Muzyka w Jednym!">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/capoeira-camangula-20-lat-brazylijskiej-energii-w-chorzowie">
<span class="club-badge">36</span>
<div class="club-info">
<span class="club-title">Capoeira Camangula Chorzów – Taniec, Walka i Muzyka w Jednym! <span aria-hidden="true" class="club-emoji">🤸♂️🎸</span></span>
</div>
</a>
</li>
<!-- Karta 37 -->
<li class="club-card" data-name="Akademia Handballu Ruch Chorzów Tu Rodzą się Mistrzynie!">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/akademia-handballu-ruch-niebieska-pasja-od-najmlodszych-lat">
<span class="club-badge">37</span>
<div class="club-info">
<span class="club-title">Akademia Handballu Ruch Chorzów – Tu Rodzą się Mistrzynie! <span aria-hidden="true" class="club-emoji">🤾♀️🏆</span></span>
</div>
</a>
</li>
<!-- Karta 38 (Naprawiona - Kieruje na nową podstronę artykułu) -->
<li class="club-card" data-name="Śląski Klub Karate GOLIAT Chorzów">
<a class="club-link" href="https://mieszkancy.chorzow.eu/article/slaski-klub-karate-goliat-chorzow">
<span class="club-badge">38</span>
<div class="club-info">
<span class="club-title">Śląski Klub Karate GOLIAT Chorzów <span aria-hidden="true" class="club-emoji">🥋🏆</span></span>
</div>
</a>
</li>
<!-- Karta 39 (YouTube Branded - Ostatnie wideo) -->
<li class="club-card club-card-yt" data-name="WSSiRN Start Chorzów YouTube wideo">
<a class="club-link" href="https://youtu.be/mIviAjWXWXw" rel="noopener noreferrer" target="_blank">
<span class="club-badge">39</span>
<div class="club-info">
<span class="club-title">WSSiRN "Start" Chorzów</span>
<span class="yt-action-label">
<svg class="yt-icon-svg" viewBox="0 0 24 24">
<path d="M23.498 6.163a3.003 3.003 0 0 0-2.11-2.11C19.517 3.545 12 3.545 12 3.545s-7.517 0-9.388.508a3.003 3.003 0 0 0-2.11 2.11C0 8.033 0 12 0 12s0 3.967.502 5.837a3.003 3.003 0 0 0 2.11 2.11c1.871.508 9.388.508 9.388.508s7.517 0 9.388-.508a3.003 3.003 0 0 0 2.11-2.11C24 15.967 24 12 24 12s0-3.967-.502-5.837zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path>
</svg>
Zobacz wideo
</span>
</div>
</a>
</li>
</ol> <!-- /mapa-grid -->
</main>
<footer class="mapa-footer">
<p class="mapa-footer-text">Projekt zrealizowany w ramach 12. edycji Budżetu Obywatelskiego Miasta Chorzów.</p>
<div class="logo-bo-wrapper">
<img alt="Logotyp Budżetu Obywatelskiego Miasta Chorzów" loading="lazy" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzL3NoYXJlcy9CaXVybyBQcmFzb3dlLzAuIExvZ2EgTWlhc3RhL0J1ZMW8ZXQgT2J5d2F0ZWxza2kvQk9fSW5mb3JtYWNqYV82YTRmZTU4ODc2NDMxLnBuZw%3D%3D" />
</div> <!-- /logo-bo-wrapper -->
</footer> <!-- /mapa-footer -->
</div> <!-- /sportowa-mapa-wrapper -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const searchInput = document.getElementById('clubSearch');
const clubCards = document.querySelectorAll('.club-card');
const feedbackText = document.getElementById('searchFeedback');
searchInput.addEventListener('input', function(e) {
const searchTerm = e.target.value.toLowerCase()
.normalize("NFD").replace(/[\u0300-\u036f]/g, ""); // ignorowanie polskich znaków diakrytycznych
let visibleCount = 0;
clubCards.forEach(card => {
const cardText = card.getAttribute('data-name').toLowerCase()
.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
if (cardText.includes(searchTerm)) {
card.style.display = 'block';
visibleCount++;
} else {
card.style.display = 'none';
}
});
// Wyświetlanie informacji o statusie dostępności WCAG
if (visibleCount === 0) {
feedbackText.classList.remove('hidden');
} else {
feedbackText.classList.add('hidden');
}
});
});
</script>2026-07-09 21:12:162026-07-09 21:12:16