RSS List

Mithilfe der RSS List können RSS-Daten in Listenform dargestellt werden. Je nach Art der Daten gibt es verschiedenen Varianten der RSS List, beispielsweise mit oder ohne Datum, Bild oder Kategoriebezeichnung.

.modul-rss_list

<div class="modul-rss_list">
    <h2 class="title">RSS List</h2>

    <div class="inner">
        <ul>
            <li>
                <a href="#randomtarget1456">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
            <li>
                <a href="#randomtarget9155">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science. Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
            <li>
                <a href="#randomtarget4862">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
        </ul>
    </div>
</div> 
<div class="modul-rss_list">
    <h2 class="title">RSS list ordered</h2>

    <div class="inner">
        <ol>
            <li>
                <a href="#randomtarget4001">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
            <li>
                <a href="#randomtarget519">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science. Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
            <li>
                <a href="#randomtarget3862">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
        </ol>
    </div>
</div> 
<div class="modul-rss_list">
    <h2 class="title">RSS list with date</h2>

    <div class="inner">
        <ul>
            <li>
                <span class="date">01.01.2020</span> 
                <a href="#randomtarget5606">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
            <li>
                <span class="date">01.01.2020</span> 
                <a href="#randomtarget2833">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science. Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
            <li>
                <span class="date">01.01.2020</span> 
                <a href="#randomtarget5511">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
        </ul>
    </div>
</div> 
<div class="modul-rss_list blockdate">
    <h2 class="title">RSS list with blockdate</h2>

    <div class="inner">
        <ul>
            <li>
                <span class="date">01.01.2020</span> 
                <a href="#randomtarget917">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
            <li>
                <span class="date">01.01.2020</span> 
                <a href="#randomtarget1280">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science. Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
            <li>
                <span class="date">01.01.2020</span> 
                <a href="#randomtarget6304">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
        </ul>
    </div>
</div> 
<div class="modul-rss_list blockdate">
    <h2 class="title">RSS list with blockdate and image</h2>

    <div class="inner">
    <div class="image">
        <div class="image__image">
            <img src="../../dummy/placeholder_4x3_1200.jpg" alt="Alternative Bildbeschreibung" >
        </div>
        <p class="image__copyright">
            @iStock
        </p>
    </div>
        <ul>
            <li>
                <span class="date">01.01.2020</span> 
                <a href="#randomtarget2007">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
            <li>
                <span class="date">01.01.2020</span> 
                <a href="#randomtarget6425">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science. Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
            <li>
                <span class="date">01.01.2020</span> 
                <a href="#randomtarget8993">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
        </ul>
    </div>
</div> 
<div class="modul-rss_list">
    <h2 class="title">RSS list with tablelist, date, category and image</h2>

    <div class="inner">
    <div class="image">
        <div class="image__image">
            <img src="../../dummy/placeholder_4x3_1200.jpg" alt="Alternative Bildbeschreibung" >
        </div>
        <p class="image__copyright">
            @iStock
        </p>
    </div>
        <ul class="list--tablelist ruler">
            <li>
                 <div class="cell date">01.01.2020</div> 
                <div class="cell text">
<a href="#randomtarget7397">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
                    <div class="category">Kategoriebezeichnung</div>
                </div>
            </li>
            <li>
                 <div class="cell date">01.01.2020</div> 
                <div class="cell text">
<a href="#randomtarget7897">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science. Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
                    <div class="category">Kategoriebezeichnung</div>
                </div>
            </li>
            <li>
                 <div class="cell date">01.01.2020</div> 
                <div class="cell text">
<a href="#randomtarget3867">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
                    <div class="category">Kategoriebezeichnung</div>
                </div>
            </li>
        </ul>
    </div>
</div>