Testowa - Archidiecezja Przemyska

RSS Feed
Zmarła Teresa Żaczek, katechetka z Ryszkowej Woli
II TYDZIEŃ ADWENTU
    <style>
        #rss-feed {
            display: grid;
            grid-template-columns: repeat(3, 1fr); /* Trzy kolumny */
            gap: 20px; /* Odstęp między elementami */
            font-family: Arial, sans-serif;
        }
        .rss-item {
            border: 1px solid #ccc;
            padding: 10px;
            border-radius: 5px;
            overflow: hidden; /* Zapobiega przepełnieniu */
            display: flex; /* Umożliwia elastyczne rozmieszczenie zawartości */
        }
        .rss-item img {
            float: left; /* Wyrównanie do lewej */
            margin-right: 10px; /* Odstęp między obrazkiem a tekstem */
            width: 150px; /* Ustawienie szerokości obrazka */
            height: auto; /* Automatyczna wysokość */
        }
        .rss-item h3 {
            margin: 0 0 10px;
        }
    </style>

<div id="rss-feed"></div>

<script>
async function fetchRSS() {
    const response = await fetch('https://przemyska.pl/feed/');
    const text = await response.text();
    const parser = new DOMParser();
    const xml = parser.parseFromString(text, 'text/xml');
    const items = xml.querySelectorAll('item');
    const feedContainer = document.getElementById('rss-feed');
    feedContainer.innerHTML = ''; // Wyczyść kontener

    // Wyświetl ostatnie 5 wpisów
    for (let i = 0; i < Math.min(items.length, 5); i++) {
        const title = items[i].querySelector('title').textContent;
        const link = items[i].querySelector('link').textContent;
        const imageUrl = items[i].querySelector('image') ? items[i].querySelector('image').textContent : ''; // Sprawdź, czy jest obrazek
        const description = items[i].querySelector('description').textContent; // Pobierz zajawkę

        feedContainer.innerHTML += `
            <div class="rss-item">
                ${imageUrl ? `<img src="${imageUrl}" alt="${title}">` : ''}
                <div>
                    <h3><a href="${link}" target="_blank">${title}</a></h3>
                    <p>${description}</p> <!-- Zajawka -->
                </div>
            </div>
        `;
    }
}

// Wywołaj funkcję po załadowaniu strony
window.onload = fetchRSS;
</script>
powrót do strony domowej
DANE ADRESOWE

REDAKCJA STRONY

POLITYKA STRONY

O NAS
