Informacje Prezydenta Miasta o działaniach podjętych w okresie między sesjami Rady Miasta<style type="text/css">/* Główny kontener na naszą listę archiwum */
.session-archive {
max-width: 800px;
margin: 0;
font-family: sans-serif;
color: #333333;
}
/* Główny tytuł strony */
.session-archive h2 {
font-size: 24px;
color: #002672; /* Elegancki granat */
border-bottom: 3px solid #f20000; /* Czerwony, miejski akcent */
padding-bottom: 10px;
margin-bottom: 25px;
}
/* Pudełko (Flexbox) grupujące wszystkie kafelki z sesjami */
.session-list {
display: flex;
flex-direction: column; /* Układa kafelki jeden pod drugim (pionowo) */
gap: 15px; /* Magiczny odstęp między kafelkami - bez używania <p> </p>! */
}
/* Wygląd pojedynczego kafelka (linku) */
.session-item {
display: block; /* Bardzo ważne: zamienia zwykły tekst w wielki, klikalny blok */
padding: 15px 20px;
background-color: #f8f9fa; /* Jasnoszare tło */
border-left: 5px solid #002672; /* Boczny, granatowy pasek */
border-radius: 6px;
text-decoration: none; /* Usuwamy brzydkie podkreślenie linku */
color: #333333;
transition: all 0.2s ease; /* Płynna animacja po najechaniu myszką */
box-shadow: 0 2px 4px rgba(0,0,0,0.05); /* Delikatny cień */
}
/* Efekt po najechaniu myszką na kafelek */
.session-item:hover {
background-color: #ffffff;
box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Cień staje się mocniejszy */
transform: translateX(5px); /* Kafelek delikatnie przesuwa się w prawo! */
}
/* Wyróżnienie NAJNOWSZEJ sesji (specjalna klasa) */
.session-item.latest {
border-left: 5px solid #f20000; /* Zmieniamy boczny pasek na miejską czerwień */
background-color: #fff5f5; /* Bardzo delikatne, różowe tło */
}
/* Data sesji */
.session-date {
display: block;
font-size: 14px;
color: #666666;
margin-bottom: 5px;
}
/* Tytuł sesji */
.session-title {
display: block;
font-size: 18px;
font-weight: bold;
color: #002672;
}
/* Tytuł najnowszej sesji jest czerwony */
.session-item.latest .session-title {
color: #f20000;
}
</style>
<div class="session-archive">
<h2>Informacja Prezydenta Miasta o działaniach podjętych w okresie między sesjami</h2>
<div class="session-list"><!-- TUTAJ WKLEJAJ NAJNOWSZE SESJE (ZAWSZE NA SAMEJ GÓRZE) --><a class="session-item latest" href="https://mieszkancy.chorzow.eu/article/28-maja-2026-r-xxxii-sesja-rady-miasta-chorzow"><span class="session-date">28 maja 2026 r.</span> <span class="session-title">XXXII Sesja Rady Miasta Chorzów</span> </a> <!-- PRZYKŁAD: Tak będzie wyglądać starsza sesja dodana w przyszłości.
Zauważ, że usunąłem z niej klasę "latest", aby przestała świecić na czerwono. --> <!--
<a href="TUTAJ WKLEJ LINK DO STARSZEJ SESJI" class="session-item">
<span class="session-date">23 kwietnia 2026 r.</span>
<span class="session-title">XXXI Sesja Rady Miasta Chorzów</span>
</a>
--></div>
</div>2026-06-02 08:54:242026-06-02 08:54:24