Ministerstwo Sportu i Turystyki<style type="text/css">/* Główny kontener sekcji */
.chorzow-sports-container {
max-width: 100%;
margin: 0 auto;
font-family: inherit;
}
/* Pola wyszukiwarki */
.chorzow-search-box {
background-color: #f8f9fa;
padding: 20px;
border-radius: 8px;
border-left: 5px solid #f20000; /* Miejska czerwień */
margin-bottom: 25px;
}
.chorzow-search-label {
display: block;
font-weight: bold;
color: #002672; /* Miejski granat */
margin-bottom: 8px;
font-size: 16px;
}
.chorzow-search-input {
width: 100%;
padding: 12px 16px;
border: 2px solid #002672;
border-radius: 6px;
font-size: 16px;
box-sizing: border-box;
transition: border-color 0.3s ease;
}
.chorzow-search-input:focus {
outline: none;
border-color: #f20000;
}
/* Klasa dostępności dla czytników (WCAG) */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
/* Styl nagłówka H2 */
.chorzow-heading-h2 {
color: #002672;
font-size: 24px;
margin-top: 15px;
margin-bottom: 20px;
font-weight: bold;
}
/* Styl ulepszonej listy */
.chorzow-sports-list {
padding-left: 20px;
line-height: 1.8;
font-size: 18px;
}
.chorzow-sports-list li {
margin-bottom: 12px;
}
.chorzow-sports-list a {
color: #002672;
text-decoration: underline;
transition: color 0.2s ease;
}
.chorzow-sports-list a:hover,
.chorzow-sports-list a:focus {
color: #f20000;
}
</style>
<div class="chorzow-sports-container"><!-- Wyszukiwarka projektów sportowych -->
<div class="chorzow-search-box"><label class="chorzow-search-label" for="miejskaWyszukiwarkaSport">Wyszukaj projekt lub zajęcia sportowe:</label> <input class="chorzow-search-input" id="miejskaWyszukiwarkaSport" placeholder="Wpisz szukaną frazę..." type="text" />
<div class="sr-only" id="searchStatusSportLive" role="status"> </div>
</div>
<h2 class="chorzow-heading-h2">Ministerstwo Sportu i Turystyki</h2>
<ol class="chorzow-sports-list" id="listaProjektowSportowych">
<li><a href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L0J1ZG93YV96YWRhc3plbmlhX3BuZXVtYXR5Y3puZWdvX25hZF9ib2lza2llbV9waV9fa2Fyc2tpbV9wcnp5X3VsX19Xb2xub19fY2lfNjkzNmIyNTg0Zjg4Yy5wZGY%3D">Budowa zadaszenia pneumatycznego nad boiskiem piłkarskim przy ul. Wolności w Chorzowie.</a></li>
<li><a href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L01vZGVybml6YWNqYV9rb21wbGVrc3Vfc3BvcnRvd2Vnb19fX19Nb2plX0JvaXNrb19fX19fT3JsaWtfMjAxMl82OTM2YjI3ZTUzZTQxLnBkZg%3D%3D">Modernizacja kompleksu sportowego "Moje Boisko - Orlik 2012".</a></li>
<li><a href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L1phal9fY2lhX3J1Y2hvdmVfZGxhX3Vjem5pX193X1N6a29fX3lfUG9kc3Rhd293ZWpfbnJfMzRfd19DaG9yem93aWVfNjkzNmIyYjBlMjU0Ni5wZGY%3D">Zajęcia ruchowe dla uczniów Szkoły Podstawowej nr 34 w Chorzowie.</a></li>
<li><a href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L1phal9fY2lhX3Nwb3J0b3dlX3pfbmF1a2lfcF9feXdhbmlhX2RsYV91Y3puaV9fd19TemtvX195X2BvZHN0YXdvd2VqX25yXzM0X3dfQ2hvcnpvd2llXzY5MzZiMmQzOGE4Y2EucGRm">Zajęcia sportowe z nauki pływania dla uczniów Szkoły Podstawowej nr 34 w Chorzowie.</a></li>
<li><a href="https://mieszkancy.chorzow.eu/article/aktywna-szkola-sprzet-sportowy-dla-szkol">Aktywna Szkoła Sprzęt Sportowy dla szkół</a>.</li>
<li><a href="https://mieszkancy.chorzow.eu/article/modernizacja-kompleksu-sportowego-moje-boisko-orlik-2012-przy-ul-3-go-maja-w-chorzowie">Modernizacji kompleksu sportowego Moje Boisko - Orlik 2012 PRZY UL. 3-go Maja w Chorzowie</a>.</li>
<li><a href="https://mieszkancy.chorzow.eu/article/remont-nawierzchni-boiska-pilkarskiego-przy-ul-wolnosci-w-chorzowie">Remont nawierzchni boiska piłkarskiego przy ul. Wolności w Chorzowie</a>.</li>
</ol>
</div>
<!-- /Koniec sekcji -->
<p> </p>
<p> </p>
<script>
document.addEventListener('DOMContentLoaded', function() {
var searchInput = document.getElementById('miejskaWyszukiwarkaSport');
var listContainer = document.getElementById('listaProjektowSportowych');
var statusLive = document.getElementById('searchStatusSportLive');
if (searchInput && listContainer) {
searchInput.addEventListener('input', function(e) {
// Normalizacja tekstu: małe litery + usunięcie polskich znaków diakrytycznych
var term = e.target.value.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
// POBIERANIE AKTUALNEJ LISTY ELEMENTÓW LI
// Dzięki temu dopisanie nowych punktów w HTML automatycznie włączy je do filtrowania!
var listItems = listContainer.querySelectorAll('li');
var visibleCount = 0;
listItems.forEach(function(item) {
var text = item.textContent.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
if (text.indexOf(term) > -1) {
item.style.display = '';
item.setAttribute('aria-hidden', 'false');
visibleCount++;
} else {
item.style.display = 'none';
item.setAttribute('aria-hidden', 'true');
}
});
// Informacja żywa dla czytników ekranu (WCAG)
if (statusLive) {
statusLive.textContent = "Znaleziono pozycji: " + visibleCount;
}
});
}
});
</script>2026-08-03 14:06:392026-08-03 14:06:39