Fundacje<style type="text/css">/* Kontener główny sekcji */
.fun-container {
font-family: inherit;
color: #333333;
line-height: 1.6;
margin-bottom: 30px;
}
/* Sekcja wyszukiwarki */
.fun-search-box {
background-color: #f8f9fa;
border: 2px solid #002672; /* Granat miejski */
border-radius: 8px;
padding: 20px;
margin-bottom: 24px;
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.fun-search-label {
display: block;
font-size: 1.1rem;
font-weight: 700;
color: #002672;
margin-bottom: 8px;
}
.fun-input-wrapper {
position: relative;
display: flex;
align-items: center;
}
.fun-search-input {
width: 100%;
padding: 12px 40px 12px 14px;
font-size: 1rem;
border: 1px solid #ccc;
border-radius: 4px;
outline: none;
transition: border-color 0.2s ease;
}
.fun-search-input:focus {
border-color: #f20000; /* Czerwień miejska */
box-shadow: 0 0 0 3px rgba(242, 0, 0, 0.15);
}
.fun-search-icon {
position: absolute;
right: 12px;
color: #002672;
pointer-events: none;
}
.fun-status-text {
margin-top: 10px;
font-size: 0.95rem;
font-weight: 600;
color: #555555;
}
/* Siatka kart fundacji (Grid RWD) */
.fun-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
margin-bottom: 30px;
}
/* Karta pojedynczej fundacji */
.fun-card {
background: #ffffff;
border: 1px solid #e0e0e0;
border-top: 4px solid #002672; /* Accent miejski */
border-radius: 6px;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: 0 2px 5px rgba(0,0,0,0.04);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.fun-card:hover {
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
border-top-color: #f20000; /* Zmiana na czerwień przy najechaniu */
}
.fun-card-title {
color: #002672;
font-size: 1.15rem;
font-weight: 700;
margin-top: 0;
margin-bottom: 12px;
line-height: 1.35;
}
.fun-card-info {
font-size: 0.95rem;
margin-bottom: 16px;
}
.fun-card-info p {
margin: 4px 0;
}
.fun-krs-badge {
display: inline-block;
background-color: #eef2f7;
color: #002672;
font-weight: 700;
font-size: 0.85rem;
padding: 3px 8px;
border-radius: 4px;
margin-top: 6px;
}
/* Przyciski i akcje */
.fun-card-actions {
margin-top: auto;
padding-top: 12px;
}
.fun-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
padding: 10px 14px;
font-size: 0.9rem;
font-weight: 600;
text-decoration: none !important;
border-radius: 4px;
transition: background-color 0.2s ease;
box-sizing: border-box;
}
.fun-btn-web {
background-color: #047cc1; /* Regionalny błękit */
color: #ffffff !important;
}
.fun-btn-web:hover, .fun-btn-web:focus {
background-color: #002672;
color: #ffffff !important;
}
.fun-btn-fb {
background-color: #1877F2; /* Facebook Brand Color */
color: #ffffff !important;
}
.fun-btn-fb:hover, .fun-btn-fb:focus {
background-color: #0d65d9;
color: #ffffff !important;
}
/* Sekcja zgłoszeniowa na dole */
.fun-footer-callout {
background-color: #fff9e6;
border-left: 5px solid #f8ce00; /* Regionalny żółty */
padding: 16px 20px;
border-radius: 4px;
margin-top: 30px;
font-size: 1rem;
}
.fun-footer-callout a {
color: #002672;
font-weight: 700;
text-decoration: underline;
}
.fun-footer-callout a:hover {
color: #f20000;
}
/* RWD dla urządzeń mobilnych */
@media (max-width: 600px) {
.fun-grid {
grid-template-columns: 1fr;
}
.fun-btn {
min-height: 44px; /* Strefa bezpiecznego kliknięcia palcem */
}
}
</style>
<!-- NAGŁÓWEK STRONY (H2 - Bezpieczeństwo przed H1 Trap) -->
<h2 style="color: #002672; font-weight: 700; margin-bottom: 20px;">Wyjazdy i wykaz fundacji w Chorzowie</h2>
<div class="fun-container"><!-- WYSZUKIWARKA -->
<div class="fun-search-box"><label class="fun-search-label" for="miejskaWyszukiwarkaFundacji">Wyszukaj fundację:</label>
<div class="fun-input-wrapper"><input class="fun-search-input" id="miejskaWyszukiwarkaFundacji" placeholder="Wpisz nazwę, ulicę, numer KRS..." type="text" /> <svg aria-hidden="true" class="fun-search-icon" fill="none" focusable="false" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20"> <circle cx="11" cy="11" r="8"></circle> <line x1="21" x2="16.65" y1="21" y2="16.65"></line> </svg></div>
<!-- Komunikat dynamiczny dla WCAG -->
<div aria-live="polite" class="fun-status-text" id="funStatusWyszukiwania" role="status">Wyświetlono 18 z 18 fundacji</div>
</div>
<!-- SIATKA KART FUNDACJI -->
<div class="fun-grid" id="listaFundacjiGrid"><!-- 1 -->
<div class="fun-card" data-search="fundacja śląskie centrum edukacji i aktywności społecznej hajducka 31a 733 072 155 0000555739">
<div>
<h3 class="fun-card-title">Fundacja Śląskie Centrum Edukacji i Aktywności Społecznej</h3>
<div class="fun-card-info">
<p>ul. Hajducka 31a</p>
<p>tel. 733 072 155</p>
<span class="fun-krs-badge">KRS: 0000555739</span></div>
</div>
<div class="fun-card-actions"><a class="fun-btn fun-btn-fb" href="https://www.facebook.com" rel="noopener" target="_blank"><svg aria-hidden="true" fill="currentColor" focusable="false" height="18" viewbox="0 0 24 24" width="18"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path></svg> Odwiedź profil na Facebooku </a></div>
</div>
<!-- 2 -->
<div class="fun-card" data-search="śląska fundacja pomoc niepełnosprawnym im. grzegorza zymanka wolności 98 0000007377">
<div>
<h3 class="fun-card-title">Śląska Fundacja Pomoc Niepełnosprawnym im. Grzegorza Zymanka</h3>
<div class="fun-card-info">
<p>ul. Wolności 98</p>
<span class="fun-krs-badge">KRS: 0000007377</span></div>
</div>
<div class="fun-card-actions"><a class="fun-btn fun-btn-web" href="#" rel="noopener" target="_blank"><svg aria-hidden="true" fill="currentColor" focusable="false" height="18" viewbox="0 0 24 24" width="18"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path></svg> Odwiedź stronę fundacji </a></div>
</div>
<!-- 3 -->
<div class="fun-card" data-search="fundacja spectrum liberi powstańców 70/ 3 41-500 chorzów 503 047 266 0000455720">
<div>
<h3 class="fun-card-title">Fundacja "Spectrum Liberi"</h3>
<div class="fun-card-info">
<p>ul. Powstańców 70/ 3</p>
<p>41-500 Chorzów</p>
<p>tel: 503 047 266</p>
<span class="fun-krs-badge">KRS: 0000455720</span></div>
</div>
<div class="fun-card-actions"><a class="fun-btn fun-btn-web" href="#" rel="noopener" target="_blank"><svg aria-hidden="true" fill="currentColor" focusable="false" height="18" viewbox="0 0 24 24" width="18"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path></svg> Odwiedź stronę fundacji </a></div>
</div>
<!-- 4 -->
<div class="fun-card" data-search="fundacja człowiek dla człowieka chorzowska 108 40-121 katowice 0000125853">
<div>
<h3 class="fun-card-title">Fundacja "Człowiek dla Człowieka"</h3>
<div class="fun-card-info">
<p>ul. Chorzowska 108</p>
<p>40-121 Katowice</p>
<span class="fun-krs-badge">KRS: 0000125853</span></div>
</div>
<div class="fun-card-actions"><a class="fun-btn fun-btn-web" href="#" rel="noopener" target="_blank"><svg aria-hidden="true" fill="currentColor" focusable="false" height="18" viewbox="0 0 24 24" width="18"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path></svg> Odwiedź stronę fundacji </a></div>
</div>
<!-- 5 -->
<div class="fun-card" data-search="fundacja centrum uskrzydlijdzieciaki.pl gwarecka 4/1 41-500 chorzów 0000247448">
<div>
<h3 class="fun-card-title">Fundacja Centrum UskrzydlijDzieciaki.pl</h3>
<div class="fun-card-info">
<p>ul. Gwarecka 4/1</p>
<p>41-500 Chorzów</p>
<span class="fun-krs-badge">KRS: 0000247448</span></div>
</div>
<div class="fun-card-actions"><a class="fun-btn fun-btn-web" href="#" rel="noopener" target="_blank"><svg aria-hidden="true" fill="currentColor" focusable="false" height="18" viewbox="0 0 24 24" width="18"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path></svg> Odwiedź stronę fundacji </a></div>
</div>
<!-- 6 -->
<div class="fun-card" data-search="fundacja edukacyjna kombinatory bogedaina 22a 41-500 chorzów 0000430768">
<div>
<h3 class="fun-card-title">Fundacja Edukacyjna "Kombinatory"</h3>
<div class="fun-card-info">
<p>ul. Bogedaina 22a</p>
<p>41-500 Chorzów</p>
<span class="fun-krs-badge">KRS: 0000430768</span></div>
</div>
<div class="fun-card-actions"><a class="fun-btn fun-btn-web" href="#" rel="noopener" target="_blank"><svg aria-hidden="true" fill="currentColor" focusable="false" height="18" viewbox="0 0 24 24" width="18"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path></svg> Odwiedź stronę fundacji </a></div>
</div>
<!-- 7 -->
<div class="fun-card" data-search="fundacja nasz śląsk im. gen. jerzego ziętka 0000198194">
<div>
<h3 class="fun-card-title">Fundacja Nasz Śląsk im. Gen. Jerzego Ziętka</h3>
<div class="fun-card-info"><span class="fun-krs-badge">KRS: 0000198194</span></div>
</div>
</div>
<!-- 8 -->
<div class="fun-card" data-search="fundacja proventus katowicka 47 41-500 chorzów 152879">
<div>
<h3 class="fun-card-title">Fundacja Proventus</h3>
<div class="fun-card-info">
<p>ul. Katowicka 47</p>
<p>41-500 Chorzów</p>
<span class="fun-krs-badge">KRS: 152879</span></div>
</div>
<div class="fun-card-actions"><a class="fun-btn fun-btn-web" href="#" rel="noopener" target="_blank"><svg aria-hidden="true" fill="currentColor" focusable="false" height="18" viewbox="0 0 24 24" width="18"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path></svg> Odwiedź stronę fundacji </a></div>
</div>
<!-- 9 -->
<div class="fun-card" data-search="fundacja silesia pl. św. jana 6 41-503 chorzów 0000342696">
<div>
<h3 class="fun-card-title">Fundacja Silesia</h3>
<div class="fun-card-info">
<p>ul. Pl. św. Jana 6</p>
<p>41-503 Chorzów</p>
<span class="fun-krs-badge">KRS: 0000342696</span></div>
</div>
</div>
<!-- 10 -->
<div class="fun-card" data-search="fundacja s.o.s. dla zwierząt antoniów 1 41-508 chorzów maciejkowice 0000285182">
<div>
<h3 class="fun-card-title">Fundacja S.O.S. dla Zwierząt</h3>
<div class="fun-card-info">
<p>ul. Antoniów 1</p>
<p>41-508 Chorzów - Maciejkowice</p>
<span class="fun-krs-badge">KRS: 0000285182</span></div>
</div>
<div class="fun-card-actions"><a class="fun-btn fun-btn-web" href="#" rel="noopener" target="_blank"><svg aria-hidden="true" fill="currentColor" focusable="false" height="18" viewbox="0 0 24 24" width="18"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path></svg> Odwiedź stronę fundacji </a></div>
</div>
<!-- 11 -->
<div class="fun-card" data-search="fundacja twoje dzieło krzywa 7b 41-500 chorzów 0000283037">
<div>
<h3 class="fun-card-title">Fundacja Twoje Dzieło</h3>
<div class="fun-card-info">
<p>ul. Krzywa 7B</p>
<p>41-500 Chorzów</p>
<span class="fun-krs-badge">KRS: 0000283037</span></div>
</div>
</div>
<!-- 12 -->
<div class="fun-card" data-search="fundacja włochatka racjonalizatorów 5/3 41-506 chorzów 0000399178">
<div>
<h3 class="fun-card-title">Fundacja Włochatka</h3>
<div class="fun-card-info">
<p>ul. Racjonalizatorów 5/3</p>
<p>41-506 Chorzów</p>
<span class="fun-krs-badge">KRS: 0000399178</span></div>
</div>
</div>
<!-- 13 -->
<div class="fun-card" data-search="fundacja wspierania dzieci władcy lipińska 20/23 41-500 chorzów 0000391553">
<div>
<h3 class="fun-card-title">Fundacja Wspierania Dzieci "WładCy"</h3>
<div class="fun-card-info">
<p>ul. Lipińska 20/23</p>
<p>41-500 Chorzów</p>
<span class="fun-krs-badge">KRS: 0000391553</span></div>
</div>
</div>
<!-- 14 -->
<div class="fun-card" data-search="regionalna fundacja pomocy niewidomym dąbrowskiego 55a 41-500 chorzów 18926">
<div>
<h3 class="fun-card-title">Regionalna Fundacja Pomocy Niewidomym</h3>
<div class="fun-card-info">
<p>ul. Dąbrowskiego 55a</p>
<p>41-500 Chorzów</p>
<span class="fun-krs-badge">KRS: 18926</span></div>
</div>
</div>
<!-- 15 -->
<div class="fun-card" data-search="śląska fundacja charytatywna hutnicza 6/1 41-506 chorzów 22223">
<div>
<h3 class="fun-card-title">Śląska Fundacja Charytatywna</h3>
<div class="fun-card-info">
<p>ul. Hutnicza 6/1</p>
<p>41-506 Chorzów</p>
<span class="fun-krs-badge">KRS: 22223</span></div>
</div>
</div>
<!-- 16 -->
<div class="fun-card" data-search="śląska fundacja inicjatyw społecznych pudlerska 22 41-500 chorzów sekretariat@sfis.pl 0000310932">
<div>
<h3 class="fun-card-title">Śląska Fundacja Inicjatyw Społecznych</h3>
<div class="fun-card-info">
<p>ul. Pudlerska 22</p>
<p>41-500 Chorzów</p>
<p>email: <a href="mailto:sekretariat@sfis.pl">sekretariat@sfis.pl</a></p>
<span class="fun-krs-badge">KRS: 0000310932</span></div>
</div>
<div class="fun-card-actions"><a class="fun-btn fun-btn-web" href="#" rel="noopener" target="_blank"><svg aria-hidden="true" fill="currentColor" focusable="false" height="18" viewbox="0 0 24 24" width="18"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path></svg> Odwiedź stronę fundacji </a></div>
</div>
<!-- 17 -->
<div class="fun-card" data-search="starochorzowska fundacja zdrowia i ekologii 0000198194 0000063541">
<div>
<h3 class="fun-card-title">Starochorzowska Fundacja Zdrowia i Ekologii</h3>
<div class="fun-card-info"><span class="fun-krs-badge">KRS: 0000198194, 0000063541</span></div>
</div>
</div>
<!-- 18 -->
<div class="fun-card" data-search="fundacja wiedzy i dialogu społecznego agere aude żołnierzy września 73/6 biuro@agereaude.pl 000524653">
<div>
<h3 class="fun-card-title">Fundacja Wiedzy i Dialogu Społecznego AGERE AUDE</h3>
<div class="fun-card-info">
<p>ul. Żołnierzy Września 73/6</p>
<p>email: <a href="mailto:biuro@agereaude.pl">biuro@agereaude.pl</a></p>
<span class="fun-krs-badge">KRS: 000524653</span></div>
</div>
<div class="fun-card-actions"><a class="fun-btn fun-btn-web" href="#" rel="noopener" target="_blank"><svg aria-hidden="true" fill="currentColor" focusable="false" height="18" viewbox="0 0 24 24" width="18"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path></svg> Odwiedź stronę fundacji </a></div>
</div>
</div>
<!-- /Koniec siatki fundacji --><!-- INFORMACJA DLA FUNDACJI SPOZA WYKAZU -->
<div class="fun-footer-callout">Fundacje działające w Chorzowie, których nie ma w powyższym wykazie prosimy o nadsyłanie informacji o Fundacji na adres <a href="mailto:publikacje@chorzow.eu">publikacje@chorzow.eu</a>.</div>
</div>
<!-- SKRYPT WYSZUKIWARKI (Zgodny z modul-pancerny-javascript.md) --><script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
var searchInput = document.getElementById('miejskaWyszukiwarkaFundacji');
var statusText = document.getElementById('funStatusWyszukiwania');
var cards = document.querySelectorAll('#listaFundacjiGrid .fun-card');
var totalCards = cards.length;
if (!searchInput || !statusText || !cards.length) return;
// Normalizacja polskich znaków (NFD)
function normalizeText(text) {
return text.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
}
searchInput.addEventListener('input', function() {
var filterValue = normalizeText(searchInput.value.trim());
var visibleCount = 0;
cards.forEach(function(card) {
var searchData = card.getAttribute('data-search') || '';
var normalizedData = normalizeText(searchData);
if (filterValue === '' || normalizedData.indexOf(filterValue) !== -1) {
card.style.display = 'flex';
card.removeAttribute('aria-hidden');
visibleCount++;
} else {
card.style.display = 'none';
card.setAttribute('aria-hidden', 'true');
}
});
// Aktualizacja komunikatu dla WCAG (role="status")
statusText.textContent = 'Wyświetlono ' + visibleCount + ' z ' + totalCards + ' fundacji';
});
});
</script>2026-09-16 15:08:282026-09-16 15:08:28