Skutki gwałtownych opadów deszczu i gradu w Chorzowie – 17.08.2026<style type="text/css">
/* ==========================================
1. KONTENER GŁÓWNY I STYLIZACJA BAZOWA
========================================== */
.kryzys-container {
font-family: inherit;
color: #2b2b2b;
line-height: 1.6;
margin: 20px 0;
}
.kryzys-lead-text {
font-size: 1.2rem;
font-weight: 700;
color: #1a1a1a;
line-height: 1.5;
margin-bottom: 20px;
}
/* ==========================================
2. SZYBKA NAWIGACJA (ANCHOR LINKS)
========================================== */
.kryzys-quick-nav {
background-color: #f0f4f8;
border: 1px solid #d0d7de;
border-radius: 8px;
padding: 16px;
margin-bottom: 28px;
}
.kryzys-quick-nav-title {
display: block;
font-size: 0.9rem;
font-weight: 700;
color: #002672; /* Granat miejski */
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 12px;
}
.kryzys-nav-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 10px;
}
.kryzys-nav-item {
display: flex;
align-items: center;
background-color: #ffffff;
color: #002672;
border: 1px solid #c0ccda;
border-radius: 6px;
padding: 10px 12px;
font-size: 0.92rem;
font-weight: 600;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
.kryzys-nav-item:hover,
.kryzys-nav-item:focus {
background-color: #002672;
color: #ffffff;
border-color: #002672;
text-decoration: none;
}
.kryzys-nav-icon {
width: 18px;
height: 18px;
margin-right: 8px;
fill: currentColor;
flex-shrink: 0;
}
/* ==========================================
3. PRZYCISK UDOSTĘPNIANIA
========================================== */
.kryzys-share-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
margin: 20px 0 28px 0;
}
.kryzys-share-btn {
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #1877F2; /* Facebook Blue */
color: #ffffff;
font-size: 0.95rem;
font-weight: 600;
border: none;
border-radius: 6px;
padding: 12px 20px;
cursor: pointer;
transition: background-color 0.2s ease;
min-height: 44px;
}
.kryzys-share-btn:hover,
.kryzys-share-btn:focus {
background-color: #115cbf;
}
.kryzys-share-icon {
width: 20px;
height: 20px;
margin-right: 10px;
fill: #ffffff;
flex-shrink: 0;
}
.kryzys-share-status {
font-size: 0.88rem;
font-weight: 600;
color: #28a745;
}
/* ==========================================
4. WIDŻET POGODOWY (AKCENT CZERWIENI MIEJSKIEJ)
========================================== */
.pogoda-widget {
background-color: #ffffff;
border: 1px solid #d0d7de;
border-top: 4px solid #f20000; /* Czerwień miejska */
border-radius: 8px;
padding: 20px;
margin: 24px 0;
font-family: inherit;
color: #1a1a1a;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.pogoda-header {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #e2e8f0;
padding-bottom: 10px;
margin-bottom: 16px;
}
.pogoda-title {
font-size: 1.25rem;
font-weight: 700;
color: #002672; /* Granat miejski */
margin: 0 !important;
border: none !important;
padding: 0 !important;
}
.pogoda-badge-live {
background-color: #f20000;
color: #ffffff;
font-size: 0.72rem;
font-weight: 800;
padding: 3px 8px;
border-radius: 4px;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.pogoda-status {
font-size: 0.95rem;
color: #4a5568;
margin: 10px 0;
}
.pogoda-main {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
}
.pogoda-current-box {
display: flex;
align-items: center;
gap: 14px;
}
.pogoda-emoji {
font-size: 2.8rem;
line-height: 1;
}
.pogoda-temp {
font-size: 2.2rem;
font-weight: 800;
color: #f20000; /* Temperatura w czerwieni miejskiej */
line-height: 1;
}
.pogoda-desc {
font-size: 0.95rem;
font-weight: 600;
color: #047cc1; /* Regionalny błękit */
margin-top: 4px;
}
.pogoda-details {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px 16px;
font-size: 0.9rem;
color: #2d3748;
background-color: #f8f9fa;
padding: 12px 16px;
border-radius: 6px;
border: 1px solid #e2e8f0;
}
.pogoda-forecast {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
gap: 10px;
margin-top: 18px;
padding-top: 16px;
border-top: 1px solid #e2e8f0;
}
.pogoda-day-card {
background-color: #f8f9fa;
border: 1px solid #e2e8f0;
border-radius: 6px;
padding: 10px 6px;
text-align: center;
}
.pogoda-day-name {
font-size: 0.8rem;
font-weight: 700;
color: #4a5568;
text-transform: uppercase;
margin-bottom: 4px;
}
.pogoda-day-icon {
font-size: 1.4rem;
margin: 4px 0;
}
.pogoda-day-temp {
font-size: 0.88rem;
font-weight: 700;
color: #002672;
}
.pogoda-day-precip {
font-size: 0.78rem;
font-weight: 600;
color: #047cc1;
margin-top: 2px;
}
.pogoda-footer {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin-top: 16px;
padding-top: 10px;
border-top: 1px dashed #cbd5e1;
font-size: 0.82rem;
color: #64748b;
}
/* ==========================================
5. OŚ CZASU, KARTY UAKTUALNIEŃ I TREŚĆ
========================================== */
.kryzys-section-target {
scroll-margin-top: 80px;
}
.kryzys-update-card {
background-color: #f8f9fa;
border: 1px solid #e2e8f0;
border-left: 4px solid #002672;
border-radius: 6px;
padding: 16px 20px;
margin-bottom: 16px;
}
.kryzys-update-badge {
display: inline-block;
background-color: #002672;
color: #ffffff;
font-weight: 700;
font-size: 0.85rem;
padding: 3px 10px;
border-radius: 4px;
margin-bottom: 12px;
text-transform: uppercase;
}
.kryzys-update-card p {
margin: 0 0 12px 0;
}
.kryzys-update-card p:last-child {
margin-bottom: 0;
}
.kryzys-container h2 {
color: #002672;
font-size: 1.3rem;
font-weight: 700;
margin: 28px 0 14px 0;
border-bottom: 2px solid #e2e8f0;
padding-bottom: 6px;
}
.kryzys-list {
list-style: none;
padding-left: 0;
margin: 16px 0;
}
.kryzys-list li {
position: relative;
padding-left: 24px;
margin-bottom: 10px;
line-height: 1.55;
}
.kryzys-list li::before {
content: "•";
position: absolute;
left: 8px;
top: -2px;
color: #f20000;
font-size: 1.4rem;
line-height: 1;
}
.kryzys-alert-box {
background-color: #fff9e6;
border: 1px solid #ffe58f;
border-left: 5px solid #f20000;
padding: 16px 20px;
border-radius: 6px;
margin: 24px 0;
font-weight: 600;
color: #856404;
}
/* ==========================================
6. TELEFONY ALARMOWE
========================================== */
.kryzys-phone-grid {
display: flex;
flex-direction: column;
gap: 10px;
margin: 16px 0 24px 0;
}
.kryzys-phone-item {
display: flex;
align-items: center;
background-color: #f8f9fa;
border: 1px solid #dcdfe6;
padding: 12px 16px;
border-radius: 6px;
text-decoration: none;
color: #1a1a1a;
font-weight: 600;
transition: background-color 0.2s, border-color 0.2s;
}
.kryzys-phone-item:hover,
.kryzys-phone-item:focus {
background-color: #eef2f7;
border-color: #002672;
text-decoration: underline;
}
.kryzys-phone-icon {
width: 20px;
height: 20px;
margin-right: 12px;
fill: #f20000;
flex-shrink: 0;
}
/* ==========================================
7. GALERIA ZDJĘĆ (RWD CSS GRID)
========================================== */
.kryzys-gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 14px;
margin-top: 20px;
}
.kryzys-gallery-item {
position: relative;
width: 100%;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 8px;
background-color: #e2e8f0;
}
.kryzys-gallery-item a {
display: block;
width: 100%;
height: 100%;
}
.kryzys-gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s ease;
}
.kryzys-gallery-item a:hover img,
.kryzys-gallery-item a:focus img {
transform: scale(1.05);
}
/* ==========================================
8. RESPONSYWNOŚĆ (RWD)
========================================== */
@media (max-width: 600px) {
.kryzys-nav-grid {
grid-template-columns: 1fr;
}
.kryzys-share-btn {
width: 100%;
}
.kryzys-gallery {
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
gap: 10px;
}
.pogoda-details {
grid-template-columns: 1fr;
}
}
</style>
<div class="kryzys-container">
<p class="kryzys-lead-text"><b>Skutki gwałtownych opadów deszczu i gradu w Chorzowie – służby miejskie w pełnej gotowości.</b></p>
<!-- Pasek nawigacyjny: Szybki skok -->
<nav aria-label="Szybka nawigacja po komunikacie" class="kryzys-quick-nav">
<span class="kryzys-quick-nav-title">Szybki skok do sekcji:</span>
<div class="kryzys-nav-grid">
<a class="kryzys-nav-item" href="#kryzys-aktualizacje">
<svg aria-hidden="true" class="kryzys-nav-icon" focusable="false" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 14h-2v-2h2v2zm0-4h-2V7h2v5z"></path></svg>
Najnowsze aktualizacje
</a>
<a class="kryzys-nav-item" href="#kryzys-dzialania">
<svg aria-hidden="true" class="kryzys-nav-icon" focusable="false" viewBox="0 0 24 24"><path d="M22 7.5v9l-7 5-7-5v-9l7-5 7 5zM12 4.5L7 8.1v7.8l5 3.6 5-3.6V8.1L12 4.5z"></path></svg>
Działania służb
</a>
<a class="kryzys-nav-item" href="#kryzys-numery">
<svg aria-hidden="true" class="kryzys-nav-icon" focusable="false" viewBox="0 0 24 24"><path d="M6.62 10.79a15.053 15.053 0 006.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"></path></svg>
Numery alarmowe
</a>
<a class="kryzys-nav-item" href="#kryzys-galeria">
<svg aria-hidden="true" class="kryzys-nav-icon" focusable="false" viewBox="0 0 24 24"><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"></path></svg>
Zdjęcia z miasta
</a>
</div>
</nav>
<!-- Przycisk udostępniania -->
<div class="kryzys-share-wrapper">
<button class="kryzys-share-btn" id="kryzysShareBtn" type="button">
<svg aria-hidden="true" class="kryzys-share-icon" focusable="false" viewBox="0 0 24 24"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92c0-1.61-1.31-2.92-2.92-2.92z"></path></svg>
Udostępnij tę informację dalej
</button>
<div aria-live="polite" class="kryzys-share-status" id="kryzysShareStatus" role="status"> </div>
</div>
<!-- Widżet pogodowy -->
<div class="pogoda-widget" id="miejskiWidgetPogodowy">
<div class="pogoda-header">
<h2 class="pogoda-title">Pogoda w Chorzowie</h2>
<span class="pogoda-badge-live">LIVE</span>
</div>
<div class="pogoda-status" id="pogodaStatusMsg" role="status">Pobieranie aktualnych danych meteorologicznych...</div>
<div id="pogodaKartaKondycji" style="display: none;">
<div class="pogoda-main">
<div class="pogoda-current-box">
<span aria-hidden="true" class="pogoda-emoji" id="pogodaIkonaGlowna">☀️</span>
<div>
<div class="pogoda-temp" id="pogodaTempAkurat">--°C</div>
<div class="pogoda-desc" id="pogodaOpisAkurat">Ładowanie...</div>
</div>
</div>
<div class="pogoda-details">
<div>Odczuwalna: <strong id="pogodaTempOdczuwalna">--°C</strong></div>
<div>Szansa opadów: <strong id="pogodaSzansaOpadow">--%</strong></div>
<div>Wilgotność: <strong id="pogodaWilgotnosc">--%</strong></div>
<div>Wiatr: <strong id="pogodaWiatr">-- km/h</strong></div>
</div>
</div>
<!-- Prognoza na kolejne 3 dni -->
<div class="pogoda-forecast" id="pogodaKartyPrognozy"></div>
<!-- Metadane: Godzina aktualizacji i Źródło -->
<div class="pogoda-footer">
<span>Ostatnia aktualizacja: <strong id="pogodaCzasAktualizacji">--:--</strong></span>
<span>Źródło danych: <strong>Open-Meteo API</strong></span>
</div>
</div>
</div>
<!-- /Koniec widżetu pogody -->
<!-- Sekcja: Oś czasu -->
<div class="kryzys-section-target" id="kryzys-aktualizacje">
<div class="kryzys-update-card">
<span class="kryzys-update-badge">Aktualizacja 18.08 | godz. 9:40</span>
<p><strong>Wielkie sprzątanie po gradobiciu ⛈</strong></p>
<p>Od wczesnych godzin porannych grupy interwencyjne zajmują się oczyszczaniem ulic, chodników oraz ciągów pieszo-rowerowych naszego miasta ze skutków wczorajszego załamania pogodowego. Ze względu na skalę prac porządkowych oczyszczanie będzie prowadzone sukcesywnie i potrwa przez kilka najbliższych dni.</p>
<p>Nasz system kanalizacji deszczowej jest na bieżąco poddawany przeglądom, a wpusty są regularnie czyszczone. Jednak wczorajsze intensywne opady deszczu i gradu zerwały z drzew duże ilości zielonych liści oraz gałęzi, które w krótkim czasie zatkały studzienki, utrudniając swobodny odpływ wody do kanalizacji deszczowej. 🌿</p>
<p>Warto podkreślić, że Miasto odpowiada za utrzymanie czystości i porządku na ulicach oraz terenach pozostających w jego zarządzie, natomiast obowiązek sprzątania terenów prywatnych, należących do spółdzielni i wspólnot mieszkaniowych, spoczywa na ich właścicielach lub właściwych zarządcach.</p>
<p>Serdecznie dziękujemy strażakom z Komenda Miejska Państwowej Straży Pożarnej w Chorzowie oraz zastępom wspierającym, pracownikom ChŚPWiK, PTS ALBA Sp. z o.o., MZUiM, ADM Serwis Chorzów i Zakład Usługowy Konserwacja Terenów Zielonych Jacek Wieczorek za ich zaangażowanie oraz pracę dla bezpieczeństwa i dobra nas wszystkich.👏</p>
</div>
<div class="kryzys-update-card">
<span class="kryzys-update-badge">Aktualizacja 22:05</span>
<p>Ulica Legnicka jest już ponownie przejezdna.</p>
</div>
<div class="kryzys-update-card">
<span class="kryzys-update-badge">Aktualizacja 21:25</span>
<p>Z powodu zalania jezdni i braku możliwości wypompowania wody przez PSP, ulica Legnicka ta została tymczasowo zamknięta.</p>
</div>
<div class="kryzys-update-card">
<span class="kryzys-update-badge">Aktualizacja 20:40</span>
<p>Wojewódzkie Stanowisko Koordynacji Ratownictwa w Komendzie Wojewódzkiej Państwowej Straży Pożarnej w Katowicach zadysponowało do pomocy na terenie naszego miasta:</p>
<ul class="kryzys-list">
<li>1 zastęp z KMPSP Bytom</li>
<li>1 zastęp z KMPSP Zabrze</li>
</ul>
<p>5 zdarzeń obsługiwanych jest jednocześnie.</p>
</div>
</div>
<p>Sytuacja stopniowo się normalizuje, jednak opady deszczu mogą występować jeszcze do godziny 2:00 w nocy. Przez nasz region przetoczył się gwałtowny front atmosferyczny niosący ulewne deszcze oraz intensywny grad. Zjawisko dotknęło nie tylko Chorzów, ale również sąsiednie miasta – m.in. Siemianowice Śląskie, Rudę Śląską i Świętochłowice.</p>
<p>Na terenie Chorzowa od pierwszych chwil po przejściu nawałnicy trwa intensywna akcja służb miejskich i ratunkowych, mająca na celu minimalizację skutków załamania pogody.</p>
<p>Według stanu na godzinę 19:30, Państwowa Straż Pożarna odnotowała 13 zgłoszeń dotyczących lokalnych podtopień i zalań. Najbardziej wymagająca sytuacja występuje w rejonach: Chorzów II, Chorzów Stary oraz w części Centrum. Najważniejszą informacją jest fakt, że na ten moment nie ma zagrożenia dla zdrowia i życia mieszkańców.</p>
<p>Chorzowsko-Świętochłowickie Przedsiębiorstwo Wodociągów i Kanalizacji (<a href="https://www.facebook.com/chspwik" rel="noopener" target="_blank">ChŚPWiK</a>) poinformowało, że do godziny 19:30 nie odnotowano żadnych awarii ani zgłoszeń dotyczących infrastruktury zarządzanej przez spółkę.</p>
<p>Głównym problemem powodującym powstawanie rozlewisk są opadające liście i nagromadzony grad, które miejscami zablokowały wpusty do studzienek kanalizacyjnych, uniemożliwiając swobodny odpływ wody.</p>
<!-- Sekcja: Działania służb -->
<h2 class="kryzys-section-target" id="kryzys-dzialania">Działania służb miejskich:</h2>
<ul class="kryzys-list">
<li><strong>Miejski Zarząd Ulic i Mostów (MZUiM):</strong> W terenie pracują trzy zespoły kontrolne, które monitorują sytuację na miejskich drogach. Na bieżąco lokalizowane są rozlewiska i przekazywane firmie wykonawczej do natychmiastowej likwidacji.</li>
<li><strong>Udrażnianie kanalizacji deszczowej:</strong> Trwa udrażnianie zatkanych przez grad studzienek. Dalsze czyszczenie pozostałych wpustów zaplanowano na jutro.</li>
<li><strong>Sprzątanie ulic:</strong> Po udrożnieniu infrastruktury, w nocy oraz nad ranem do zamiatania i oczyszczania ulic skierowane zostaną zamiatarki firm ALBA oraz firma <a href="https://www.facebook.com/profile.php?id=61566836150320" rel="noopener" target="_blank">Zakład Usługowy Konserwacja Terenów Zielonych Jacek Wieczorek</a>.</li>
<li><strong>Prace porządkowe:</strong> Zostały już powołane specjalne zespoły firmy <a href="https://www.facebook.com/ADMSerwisChorzow" rel="noopener" target="_blank">ADM Serwis Chorzów</a> i od wczesnych godzin porannych rozpoczną kompleksowe działania porządkowe.</li>
</ul>
<div class="kryzys-alert-box">Służby miejskie apelują do kierowców oraz pieszych o zachowanie szczególnej ostrożności na drogach i chodnikach.</div>
<!-- Sekcja: Numery alarmowe -->
<h2 class="kryzys-section-target" id="kryzys-numery">Widzisz coś niepokojącego? Daj znać!</h2>
<p>Zgłoszenia można kierować do:</p>
<div class="kryzys-phone-grid">
<a class="kryzys-phone-item" href="tel:112">
<svg aria-hidden="true" class="kryzys-phone-icon" focusable="false" viewBox="0 0 24 24"><path d="M6.62 10.79a15.053 15.053 0 006.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"></path></svg>
Policja 112 lub – Komenda Miejska Policji w Chorzowie
</a>
<a class="kryzys-phone-item" href="tel:112">
<svg aria-hidden="true" class="kryzys-phone-icon" focusable="false" viewBox="0 0 24 24"><path d="M6.62 10.79a15.053 15.053 0 006.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"></path></svg>
Straży Pożarnej – 112
</a>
<a class="kryzys-phone-item" href="tel:986">
<svg aria-hidden="true" class="kryzys-phone-icon" focusable="false" viewBox="0 0 24 24"><path d="M6.62 10.79a15.053 15.053 0 006.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"></path></svg>
Straży Miejskiej – 986
</a>
<a class="kryzys-phone-item" href="tel:994">
<svg aria-hidden="true" class="kryzys-phone-icon" focusable="false" viewBox="0 0 24 24"><path d="M6.62 10.79a15.053 15.053 0 006.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"></path></svg>
Pogotowie wodociągowe – 994
</a>
<a class="kryzys-phone-item" href="tel:324165987">
<svg aria-hidden="true" class="kryzys-phone-icon" focusable="false" viewBox="0 0 24 24"><path d="M6.62 10.79a15.053 15.053 0 006.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"></path></svg>
Miejskie Centrum Zarządzania Kryzysowego 32 416 59 87
</a>
</div>
<!-- Sekcja: Galeria zdjęć -->
<h2 class="kryzys-section-target" id="kryzys-galeria">Zdjęcia z przebiegu nawałnicy i prac porządkowych:</h2>
<div class="kryzys-gallery">
<!-- Pierwsza seria zdjęć (Nawałnica) -->
<div class="kryzys-gallery-item">
<a data-lightbox="galeria-nawalnica" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4Lzc3NDg4MzUzOF8xNzkyMjAyMjQ4NzkzODMyXzc4MzE0NTg3MTUyNjYxNTg0MjNfbl82YTgzNjk0MWE4MDJhLmpwZWc%3D" title="Powiększ zdjęcie 1">
<img alt="Skutki ulewy i gradu w Chorzowie - zdjęcie 1" height="600" loading="lazy" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4Lzc3NDg4MzUzOF8xNzkyMjAyMjQ4NzkzODMyXzc4MzE0NTg3MTUyNjYxNTg0MjNfbl82YTgzNjk0MWE4MDJhLmpwZWc%3D" width="800" />
</a>
</div>
<div class="kryzys-gallery-item">
<a data-lightbox="galeria-nawalnica" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L1doYXRzQXBwX0ltYWdlXzIwMjYtMDgtMTdfYXRfMjBfMTRfNDlfNmE4MzY5NGI4MTM4Ni5qcGVn" title="Powiększ zdjęcie 2">
<img alt="Skutki ulewy i gradu w Chorzowie - zdjęcie 2" height="600" loading="lazy" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L1doYXRzQXBwX0ltYWdlXzIwMjYtMDgtMTdfYXRfMjBfMTRfNDlfNmE4MzY5NGI4MTM4Ni5qcGVn" width="800" />
</a>
</div>
<div class="kryzys-gallery-item">
<a data-lightbox="galeria-nawalnica" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L1doYXRzQXBwX0ltYWdlXzIwMjYtMDgtMTdfYXRfMjBfMjBfNTJfNmE4MzY5NTM3ODMxZS5qcGVn" title="Powiększ zdjęcie 3">
<img alt="Skutki ulewy i gradu w Chorzowie - zdjęcie 3" height="600" loading="lazy" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L1doYXRzQXBwX0ltYWdlXzIwMjYtMDgtMTdfYXRfMjBfMjBfNTJfNmE4MzY5NTM3ODMxZS5qcGVn" width="800" />
</a>
</div>
<div class="kryzys-gallery-item">
<a data-lightbox="galeria-nawalnica" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L1doYXRzQXBwX0ltYWdlXzIwMjYtMDgtMTdfYXRfMjBfMjVfMDVfNmE4MzY5NWI2ZjA4NS5qcGVn" title="Powiększ zdjęcie 4">
<img alt="Skutki ulewy i gradu w Chorzowie - zdjęcie 4" height="600" loading="lazy" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L1doYXRzQXBwX0ltYWdlXzIwMjYtMDgtMTdfYXRfMjBfMjVfMDVfNmE4MzY5NWI2ZjA4NS5qcGVn" width="800" />
</a>
</div>
<!-- Druga seria zdjęć (Sprzątanie po gradobiciu) -->
<div class="kryzys-gallery-item">
<a data-lightbox="img-1787039649409" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzL3NoYXJlcy9CaXVybyBQcmFzb3dlLzIwMjYgci4vMTguMDggLSBzcHJ6xIV0YW5pZSBwbyBncmFkb2JpY2l1L1doYXQxc0FwcF9JbWFnZV8yMDI2LTA4LTE4X2F0XzA4XzU1XzA1XzZhODQwZjgxNzdiNDguanBlZw%3D%3D" title="Powiększ zdjęcie - sprzątanie po gradobiciu 1">
<img alt="Sprzątanie po gradobiciu w Chorzowie - zdjęcie 1" height="600" loading="lazy" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzL3NoYXJlcy9CaXVybyBQcmFzb3dlLzIwMjYgci4vMTguMDggLSBzcHJ6xIV0YW5pZSBwbyBncmFkb2JpY2l1L3RodW1icy9XaGF0MXNBcHBfSW1hZ2VfMjAyNi0wOC0xOF9hdF8wOF81NV8wNV82YTg0MGY4MTc3YjQ4LmpwZWc=" width="800" />
</a>
</div>
<div class="kryzys-gallery-item">
<a data-lightbox="img-1787039649409" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzL3NoYXJlcy9CaXVybyBQcmFzb3dlLzIwMjYgci4vMTguMDggLSBzcHJ6xIV0YW5pZSBwbyBncmFkb2JpY2l1L1doYXRzQXBwX2EyMDI2LTA4LTE4X2F0XzA3XzM5XzI3XzZhODQwZjgxOWY4YTYuanBlZw%3D%3D" title="Powiększ zdjęcie - sprzątanie po gradobiciu 2">
<img alt="Sprzątanie po gradobiciu w Chorzowie - zdjęcie 2" height="600" loading="lazy" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzL3NoYXJlcy9CaXVybyBQcmFzb3dlLzIwMjYgci4vMTguMDggLSBzcHJ6xIV0YW5pZSBwbyBncmFkb2JpY2l1L3RodW1icy9XaGF0c0FwcF9hMjAyNi0wOC0xOF9hdF8wN18zOV8yN182YTg0MGY4MTlmOGE2LmpwZWc=" width="800" />
</a>
</div>
<div class="kryzys-gallery-item">
<a data-lightbox="img-1787039649409" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzL3NoYXJlcy9CaXVybyBQcmFzb3dlLzIwMjYgci4vMTguMDggLSBzcHJ6xIV0YW5pZSBwbyBncmFkb2JpY2l1L1doYXRzQXBwX0ltYWdlXzIwMjYtMDgtMThfYTJ0XzA5XzExXzEzXzZhODQwZjgzM2M3MmUuanBlZw%3D%3D" title="Powiększ zdjęcie - sprzątanie po gradobiciu 5">
<img alt="Sprzątanie po gradobiciu w Chorzowie - zdjęcie 5" height="600" loading="lazy" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzL3NoYXJlcy9CaXVybyBQcmFzb3dlLzIwMjYgci4vMTguMDggLSBzcHJ6xIV0YW5pZSBwbyBncmFkb2JpY2l1L3RodW1icy9XaGF0c0FwcF9JbWFnZV8yMDI2LTA4LTE4X2EydF8wOV8xMV8xM182YTg0MGY4MWM3MmUuanBlZw==" width="800" />
</a>
</div>
<div class="kryzys-gallery-item">
<a data-lightbox="img-1787039649409" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzL3NoYXJlcy9CaXVybyBQcmFzb3dlLzIwMjYgci4vMTguMDggLSBzcHJ6xIV0YW5pZSBwbyBncmFkb2JpY2l1L1doYXRzQXBwX0ltYWdlXzIwMjYtMDgtMThfYXRfMDdfMzlfMjVhXzZhODQwZjgzMDQ3NzMuanBlZw%3D%3D" title="Powiększ zdjęcie - sprzątanie po gradobiciu 6">
<img alt="Sprzątanie po gradobiciu w Chorzowie - zdjęcie 6" height="600" loading="lazy" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzL3NoYXJlcy9CaXVybyBQcmFzb3dlLzIwMjYgci4vMTguMDggLSBzcHJ6xIV0YW5pZSBwbyBncmFkb2JpY2l1L3RodW1icy9XaGF0c0FwcF9JbWFnZV8yMDI2LTA4LTE4X2F0XzA3XzM5XzI1YV82YTg0MGY4MzA0NzczLmpwZWc=" width="800" />
</a>
</div>
<div class="kryzys-gallery-item">
<a data-lightbox="img-1787039649409" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzL3NoYXJlcy9CaXVybyBQcmFzb3dlLzIwMjYgci4vMTguMDggLSBzcHJ6xIV0YW5pZSBwbyBncmFkb2JpY2l1L1doYXRzQXBwX0ltYWdlXzIwMjYtMDgtMThfYXRfMDdfMzlfMjVfNmE4NDBmODMwY2UxZS5qcGVn" title="Powiększ zdjęcie - sprzątanie po gradobiciu 7">
<img alt="Sprzątanie po gradobiciu w Chorzowie - zdjęcie 7" height="600" loading="lazy" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzL3NoYXJlcy9CaXVybyBQcmFzb3dlLzIwMjYgci4vMTguMDggLSBzcHJ6xIV0YW5pZSBwbyBncmFkb2JpY2l1L3RodW1icy9XaGF0c0FwcF9JbWFnZV8yMDI2LTA4LTE4X2F0XzA3XzM5XzI1XzZhODQwZjgzMGNlMWUuanBlZw==" width="800" />
</a>
</div>
<div class="kryzys-gallery-item">
<a data-lightbox="img-1787039649409" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzL3NoYXJlcy9CaXVybyBQcmFzb3dlLzIwMjYgci4vMTguMDggLSBzcHJ6xIV0YW5pZSBwbyBncmFkb2JpY2l1L1doYXRzQXBwX0ltYWdlXzIwMjYtMDgtMThfYXRfMDdfMzlfMjdfNmE4NDBmODMwZjZiNC5qcGVn" title="Powiększ zdjęcie - sprzątanie po gradobiciu 8">
<img alt="Sprzątanie po gradobiciu w Chorzowie - zdjęcie 8" height="600" loading="lazy" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzL3NoYXJlcy9CaXVybyBQcmFzb3dlLzIwMjYgci4vMTguMDggLSBzcHJ6xIV0YW5pZSBwbyBncmFkb2JpY2l1L3RodW1icy9XaGF0c0FwcF9JbWFnZV8yMDI2LTA4LTE4X2F0XzA3XzM5XzI3XzZhODQwZjgzMGY2YjQuanBlZw==" width="800" />
</a>
</div>
<div class="kryzys-gallery-item">
<a data-lightbox="img-1787039649409" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzL3NoYXJlcy9CaXVybyBQcmFzb3dlLzIwMjYgci4vMTguMDggLSBzcHJ6xIV0YW5pZSBwbyBncmFkb2JpY2l1L1doYXRzQXBwX0ltYWdlXzIwMjYtMDgtMThfYXRfMDhfNTVfMTA0XzZhODQwZjgzMmNmZTYuanBlZw%3D%3D" title="Powiększ zdjęcie - sprzątanie po gradobiciu 9">
<img alt="Sprzątanie po gradobiciu w Chorzowie - zdjęcie 9" height="600" loading="lazy" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzL3NoYXJlcy9CaXVybyBQcmFzb3dlLzIwMjYgci4vMTguMDggLSBzcHJ6xIV0YW5pZSBwbyBncmFkb2JpY2l1L3RodW1icy9XaGF0c0FwcF9JbWFnZV8yMDI2LTA4LTE4X2F0XzA8fNTVfMTA0XzZhODQwZjgzMmNmZTYuanBlZw%3D%3D" width="800" />
</a>
</div>
<div class="kryzys-gallery-item">
<a data-lightbox="img-1787039649409" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzL3NoYXJlcy9CaXVybyBQcmFzb3dlLzIwMjYgci4vMTguMDggLSBzcHJ6xIV0YW5pZSBwbyBncmFkb2JpY2l1L1doYXRzQXBwX0ltYWdlXzIwMjYtMDgtMThfYXRfMDhfMjVfMTA3XzZhODQwZjgzNTVkMDYuanBlZw%3D%3D" title="Powiększ zdjęcie - sprzątanie po gradobiciu 10">
<img alt="Sprzątanie po gradobiciu w Chorzowie - zdjęcie 10" height="600" loading="lazy" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzL3NoYXJlcy9CaXVybyBQcmFzb3dlLzIwMjYgci4vMTguMDggLSBzcHJ6xIV0YW5pZSBwbyBncmFkb2JpY2l1L3RodW1icy9XaGF0c0FwcF9JbWFnZV8yMDI2LTA4LTE4X2F0XzA4XzI1XzEwN182YTg0MGY4MzU1ZDA2LmpwZWc=" width="800" />
</a>
</div>
<div class="kryzys-gallery-item">
<a data-lightbox="img-1787039649409" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzL3NoYXJlcy9CaXVybyBQcmFzb3dlLzIwMjYgci4vMTguMDggLSBzcHJ6xIV0YW5pZSBwbyBncmFkb2JpY2l1L1doYXRzQXBwX0ltYWdlXzIwMjYtMDgtMThfYXRfMDhfMTE0XzMxXzZhODQwZjgzN2YxN2EuanBl%3D%3D" title="Powiększ zdjęcie - sprzątanie po gradobiciu 11">
<img alt="Sprzątanie po gradobiciu w Chorzowie - zdjęcie 11" height="600" loading="lazy" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzL3NoYXJlcy9CaXVybyBQcmFzb3dlLzIwMjYgci4vMTguMDggLSBzcHJ6xIV0YW5pZSBwbyBncmFkb2JpY2l1L3RodW1icy9XaGF0c0FwcF9JbWFnZV8yMDI2LTA4LTE4X2F0XzA4XzExNF8zMV82YTg0MGY4Mzc0MTdhLmpwZWc=" width="800" />
</a>
</div>
</div>
<!-- /Koniec galerii -->
</div>
<!-- /Koniec kontenera głównego -->
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
// --- 1. SŁOWNIK KODÓW POGODOWYCH WMO ---
function dekodujPogode(kod) {
if (kod === 0) return { opis: 'Słonecznie', ikona: '☀️' };
if ([1, 2, 3].includes(kod)) return { opis: 'Umiarkowane zachmurzenie', ikona: '⛅' };
if ([45, 48].includes(kod)) return { opis: 'Mgła', ikona: '🌫️' };
if ([51, 53, 55, 61, 63, 65, 80, 81, 82].includes(kod)) return { opis: 'Opady deszczu', ikona: '🌧️' };
if ([71, 73, 75, 77, 85, 86].includes(kod)) return { opis: 'Opady śniegu', ikona: '❄️' };
if ([95, 96, 99].includes(kod)) return { opis: 'Burza z piorunami', ikona: '⛈️' };
return { opis: 'Zachmurzenie', ikona: '☁️' };
}
// --- 2. ZAPYTANIE DO API OPEN-METEO Z PARAMETREM OPADÓW ---
var urlApi = 'https://api.open-meteo.com/v1/forecast?latitude=50.3012&longitude=18.9530¤t=temperature_2m,relative_humidity_2m,apparent_temperature,weather_code,wind_speed_10m&daily=weather_code,temperature_2m_max,temperature_2m_min,precipitation_probability_max&timezone=Europe%2FWarsaw';
var statusEl = document.getElementById('pogodaStatusMsg');
var kartaEl = document.getElementById('pogodaKartaKondycji');
fetch(urlApi)
.then(function(response) {
if (!response.ok) throw new Error('Błąd połączenia z serwerem pogodowym');
return response.json();
})
.then(function(data) {
var dzisiejsza = data.current;
var info = dekodujPogode(dzisiejsza.weather_code);
var dzisOpady = (data.daily && data.daily.precipitation_probability_max) ? data.daily.precipitation_probability_max[0] : 0;
// Wypełniamy aktualne dane
var tempEl = document.getElementById('pogodaTempAkurat');
var opisEl = document.getElementById('pogodaOpisAkurat');
var ikonaEl = document.getElementById('pogodaIkonaGlowna');
var tempOdczEl = document.getElementById('pogodaTempOdczuwalna');
var opadyEl = document.getElementById('pogodaSzansaOpadow');
var wilgEl = document.getElementById('pogodaWilgotnosc');
var wiatrEl = document.getElementById('pogodaWiatr');
var czasEl = document.getElementById('pogodaCzasAktualizacji');
if (tempEl) tempEl.textContent = Math.round(dzisiejsza.temperature_2m) + '°C';
if (opisEl) opisEl.textContent = info.opis;
if (ikonaEl) ikonaEl.textContent = info.ikona;
if (tempOdczEl) tempOdczEl.textContent = Math.round(dzisiejsza.apparent_temperature) + '°C';
if (opadyEl) opadyEl.textContent = dzisOpady + '%';
if (wilgEl) wilgEl.textContent = dzisiejsza.relative_humidity_2m + '%';
if (wiatrEl) wiatrEl.textContent = Math.round(dzisiejsza.wind_speed_10m) + ' km/h';
// Wyświetlanie godziny pobrania danych (lokalny czas użytkownika)
var teraz = new Date();
var godzina = String(teraz.getHours()).padStart(2, '0');
var minuty = String(teraz.getMinutes()).padStart(2, '0');
if (czasEl) czasEl.textContent = godzina + ':' + minuty;
// Generowanie mini-prognozy na 3 kolejne dni
var containerPrognozy = document.getElementById('pogodaKartyPrognozy');
if (containerPrognozy) {
containerPrognozy.innerHTML = '';
var dniTygodnia = ['Niedz.', 'Pon.', 'Wt.', 'Śr.', 'Czw.', 'Pt.', 'Sob.'];
for (var i = 1; i <= 3; i++) {
var dataDnia = new Date(data.daily.time[i]);
var nazwaDnia = dniTygodnia[dataDnia.getDay()];
var infoDnia = dekodujPogode(data.daily.weather_code[i]);
var tempMax = Math.round(data.daily.temperature_2m_max[i]);
var szansaOpadowDnia = (data.daily.precipitation_probability_max && data.daily.precipitation_probability_max[i] !== undefined) ? data.daily.precipitation_probability_max[i] : 0;
var htmlDnia = '<div class="pogoda-day-card">' +
'<div class="pogoda-day-name">' + nazwaDnia + '</div>' +
'<div class="pogoda-day-icon" aria-hidden="true">' + infoDnia.ikona + '</div>' +
'<div class="pogoda-day-temp">' + tempMax + '°C</div>' +
'<div class="pogoda-day-precip">🌧️ ' + szansaOpadowDnia + '%</div>' +
'</div>';
containerPrognozy.insertAdjacentHTML('beforeend', htmlDnia);
}
}
// Podmiana komunikatów ładowania na gotowy widżet
if (statusEl) statusEl.style.display = 'none';
if (kartaEl) kartaEl.style.display = 'block';
})
.catch(function(error) {
if (statusEl) {
statusEl.textContent = 'Przepraszamy, usługa pogodowa jest chwilowo niedostępna.';
}
});
});
</script>2026-08-18 19:54:422026-08-18 19:54:42