Podcasty Miasta Chorzów<style type="text/css">/* Główne formatowanie kontenera */
.podcast-wrapper {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
max-width: 800px;
margin: 0 auto;
padding: 20px;
color: #333;
line-height: 1.6;
}
/* Sekcja z ikonami platform */
.podcast-header {
text-align: center;
margin-bottom: 40px;
}
.podcast-header h2 {
font-size: 1.2rem;
font-weight: 600;
margin-bottom: 20px;
color: #4b5563;
}
.platform-badges {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
align-items: center;
}
.platform-badges a {
transition: transform 0.2s ease, opacity 0.2s ease;
}
.platform-badges a:hover {
transform: scale(1.05);
opacity: 0.9;
}
.platform-badges img {
height: 36px;
width: auto;
display: block;
}
/* Karty poszczególnych podcastów */
.podcast-card {
background: #f9fafb;
border: 1px solid #e5e7eb;
border-radius: 12px;
padding: 24px;
margin-bottom: 30px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.podcast-card-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
border-bottom: 2px solid #e5e7eb;
padding-bottom: 15px;
}
.podcast-card-header h3 {
margin: 0;
font-size: 1.5rem;
color: #111827;
}
.podcast-card-header img {
height: 45px;
width: auto;
border-radius: 4px;
}
/* Lista odcinków */
.episode-list {
list-style: none;
padding: 0;
margin: 0;
}
.episode-list li {
margin-bottom: 12px;
padding-left: 30px;
position: relative;
}
.episode-list li::before {
content: "🎧";
position: absolute;
left: 0;
top: 0;
font-size: 1.1rem;
}
.episode-list a {
color: #2563eb;
text-decoration: none;
font-weight: 500;
transition: color 0.2s;
}
.episode-list a:hover {
text-decoration: underline;
color: #1d4ed8;
}
.episode-date {
color: #6b7280;
font-size: 0.9rem;
margin-left: 6px;
}
/* Stopka karty */
.podcast-footer-note {
font-size: 0.85rem;
color: #6b7280;
margin-top: 20px;
font-style: italic;
}
</style>
<div class="podcast-wrapper">
<header class="podcast-header">
<h2>Naszych podcastów możecie słuchać na popularnych platformach:</h2>
<div class="platform-badges"><a href="https://podcasts.apple.com/pl/podcast/dzieje-si%C4%99-w-chorzowie/id1852955211?l=pl" rel="noopener" target="_blank"><img alt="Apple Podcasts" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L1BMX0FwcGxlX1BvZGNhc3RzX0xpc3Rlbl9Db2xvcl9Mb2NrdXBfUkdCX0Jsa19UeXBlXzA3MjUyM182OTE2ZGViZGEwMTk1LnN2Zw%3D%3D" /> </a> <a href="https://open.spotify.com/show/5cgeakFmVNu23C7DZYDQCN?si=ifjBm0tzSp230eaOtb7S9w" rel="noopener" target="_blank"> <img alt="Spotify" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L3Nwb3RpZnlfNjkxNmRmYjEzZjJlZC5wbmc%3D" /> </a> <a href="https://www.youtube.com/@miastochorzow/podcasts" rel="noopener" target="_blank"> <img alt="YouTube" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L0F2YWlsYWJsZW9uWW91VHViZS13aGl0ZS0zeFBOR182OTE2ZTA3OGRmOGZhLnBuZw%3D%3D" /> </a> <a href="https://music.amazon.com/podcasts/f9f5afdd-52b8-4046-ad5e-21809f580d57/dzieje-się-w-chorzowie" rel="noopener" target="_blank"> <img alt="Amazon Music" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L1VTX0xpc3Rlbk9uX0FtYXpvbk11c2ljX0J1dHRvbl9VU19XaGl0ZV80OTBiYzU5M182OTE2ZGYwOTdhNjU1LnBuZw%3D%3D" /> </a></div>
</header>
<article class="podcast-card">
<div class="podcast-card-header">
<h3>Dzieje się w Chorzowie</h3>
<a href="https://chorzow.eu/" rel="noopener" target="_blank"><img alt="Logo Miasta Chorzów" height="1080" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzL3NoYXJlcy9CaXVybyBQcmFzb3dlLzAuIExvZ2EgTWlhc3RhL0NIX2tvbG9yX3BhZ2UtMDAwMV82YTFkZWRhMDQ3MTY2LmpwZw%3D%3D" width="1224" /> </a></div>
<ul class="episode-list">
<li><a href="https://mieszkancy.chorzow.eu/article/planowane-zmiany-w-chorzowskiej-oswiacie-podcast-dzieje-sie-w-chorzowie">Planowane zmiany w chorzowskiej oświacie</a> <span class="episode-date">(14.11.2025)</span></li>
</ul>
<p class="podcast-footer-note">Podcast Urzędu Miasta Chorzów</p>
</article>
<article class="podcast-card">
<div class="podcast-card-header">
<h3>Halo Chorzów</h3>
<a href="https://www.radioem.pl/" rel="noopener" target="_blank"><img alt="Logo Radio eM" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L0xvZ29fUmFkaW9fZU1fS2F0b3dpY2VfNjllYTVlZTY1ZWM2Ny5qcGc%3D" /> </a></div>
<ul class="episode-list">
<li><a href="https://mieszkancy.chorzow.eu/article/halo-chorzow-marzec-2026">Marzec 2026</a></li>
<li><a href="https://mieszkancy.chorzow.eu/article/halo-chorzow-kwiecien-2026">Kwiecień 2026</a></li>
<li><a href="https://mieszkancy.chorzow.eu/article/halo-chorzow-maj-2026">Maj 2026</a></li>
</ul>
<p class="podcast-footer-note">Audycja powstaje przy współpracy Urzędu Miasta Chorzów z Radiem eM.</p>
</article>
</div>2026-06-01 22:50:212026-06-01 22:50:21