Wspólnie dbajmy o przestrzenie dla dzieci – powiedzmy STOP dewastacji

Wspólnie dbajmy o przestrzenie dla dzieci – powiedzmy STOP dewastacji<style type="text/css">/* --- GŁÓWNE USTAWIENIA STRONY --- */ .playgrounds-wrapper { max-width: 800px; margin: 0 auto; font-family: system-ui, -apple-system, sans-serif; color: #333333; line-height: 1.6; } /* Tekst wprowadzający (Lead) */ .playgrounds-wrapper .article-lead { font-size: 18px; font-weight: bold; color: #002672; /* Granat miejski */ margin-top: 20px; margin-bottom: 25px; text-align: justify; border-top: 3px solid #f20000; /* Czerwona linia miasta */ padding-top: 15px; } /* Standardowe akapity tekstu */ .playgrounds-wrapper p { font-size: 16px; margin-bottom: 20px; text-align: justify; } /* Śródtytuł nagłówka drugiego stopnia */ .playgrounds-wrapper h2 { color: #002672; font-size: 22px; margin-top: 35px; margin-bottom: 15px; } /* --- WIZUALNY BOKS OSTRZEGAWCZY --- */ .warning-box { background-color: #fff5f5; border-left: 4px solid #f20000; padding: 20px; border-radius: 0 8px 8px 0; margin: 25px 0; } .warning-box p { color: #c53030; font-weight: bold; margin-bottom: 0; } /* --- RESPONSYWNY ODTWARZACZ WIDEO PIONOWEGO --- */ .video-container { max-width: 340px; aspect-ratio: 9 / 16; margin: 35px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.15); border-radius: 12px; overflow: hidden; } .video-container iframe { width: 100%; height: 100%; border: none; } /* --- SEKCJA NOWOCZESNYCH PRZYCISKÓW Z LOGOTYPOWAMI SVG --- */ .social-buttons-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin-bottom: 40px; } .social-btn { display: inline-flex; align-items: center; /* Idealnie wyrównuje logo i tekst w jednej linii poziomej */ padding: 12px 22px; border-radius: 6px; font-weight: bold; text-decoration: none; font-size: 15px; color: #ffffff !important; /* Bezpieczny biały tekst (wymóg WCAG) */ box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: all 0.3s ease; } .social-btn:hover { transform: translateY(-3px); /* Efekt delikatnego uniesienia */ box-shadow: 0 5px 12px rgba(0,0,0,0.18); } /* Stylizacja ikony SVG wewnątrz przycisku */ .social-btn svg { margin-right: 10px; /* Odstęp między logiem a tekstem "Obejrzyj na..." */ flex-shrink: 0; /* Blokuje kurczenie się ikon na małych ekranach */ } /* Oficjalne barwy platform społecznościowych */ .btn-facebook { background-color: #1877F2; } .btn-facebook:hover { background-color: #145db2; } .btn-youtube { background-color: #FF0000; } .btn-youtube:hover { background-color: #cc0000; } .btn-tiktok { background-color: #010101; } .btn-tiktok:hover { background-color: #222222; } /* Układ mobilny dla smartfonów */ @media (max-width: 500px) { .social-buttons-container { flex-direction: column; align-items: stretch; } .social-btn { justify-content: center; } } </style> <div class="playgrounds-wrapper"> <p class="article-lead">Nasze place zabaw bez problemu znoszą codzienną, intensywną eksploatację przez dzieci. Nie mają jednak najmniejszych szans w starciu z celową dewastacją infrastruktury miejskiej.</p> <div class="warning-box"> <p>⚠️ Każda naprawa lub wymiana zniszczonego elementu generuje koszty, które miasto pokrywa z budżetu - czyli pieniędzy nas wszystkich. Uszkodzone elementy mogą również stanowić zagrożenie dla najmłodszych.</p> </div> <p>Widzisz niszczenie infrastruktury w swojej okolicy? Nie czekaj na reakcję innych osób. Zgłoś sprawę natychmiast! Wspólnie dbajmy o przestrzenie, które służą naszym dzieciom.</p>  <div class="video-container"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" src="https://www.youtube.com/embed/SQW2wJpJ3LM" title="Dewastacje placów zabaw w Chorzowie"></iframe></div> <h2>Zobacz tę rolkę i obserwuj nas w mediach społecznościowych</h2> <div class="social-buttons-container"><a class="social-btn btn-facebook" href="https://www.facebook.com/reel/1752194885937449" rel="noopener noreferrer" target="_blank"><svg fill="currentColor" height="20" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"> <path d="M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c4.56-.93 8-4.96 8-9.75z"></path> </svg> Obejrzyj na Facebook </a>  <a class="social-btn btn-youtube" href="https://youtube.com/shorts/SQW2wJpJ3LM" rel="noopener noreferrer" target="_blank"> <svg fill="currentColor" height="20" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"> <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> Obejrzyj na YouTube </a>  <a class="social-btn btn-tiktok" href="https://www.tiktok.com/@chorzow_official/video/7653180338453105942" rel="noopener noreferrer" target="_blank"> <svg fill="currentColor" height="20" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"> <path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.01 1.61 4.16.89.96 2.1 1.63 3.42 1.86v3.74c-1.31-.02-2.61-.28-3.83-.78-.71-.29-1.37-.71-1.93-1.24v6.52c.04 1.82-.47 3.63-1.47 5.14A7.47 7.47 0 0 1 8.215 23a7.48 7.48 0 0 1-5.69-3.21 7.49 7.49 0 0 1 1.77-10.42 7.4 7.4 0 0 1 5.25-1.12v3.83a3.63 3.63 0 0 0-3.19 1.48 3.65 3.65 0 0 0 .19 4.38 3.65 3.65 0 0 0 4.19.8 3.63 3.63 0 0 0 2.05-3.3c.03-3.99.01-7.98.02-11.97-.02-.15-.02-.31 0-.46z"></path> </svg> Obejrzyj na TikTok </a></div> </div>2026-06-19 20:58:372026-06-19 20:58:37