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.

RSS data can be displayed in list form with the help of the RSS List. Depending on the data type, there are various variants of the RSS List, e.g. with or without date, image or category designation.

.modul-rss_list

RSS List

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

    <div class="inner">
        <ul>
            <li>
                <a href="#randomtarget3036">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="#randomtarget4118">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="#randomtarget2031">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>

RSS list ordered

  1. Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.
  2. 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.
  3. Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.
HTML
<div class="modul-rss_list">
    <h2 class="title">RSS list ordered</h2>

    <div class="inner">
        <ol>
            <li>
                <a href="#randomtarget9826">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="#randomtarget6725">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="#randomtarget3004">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>

RSS list with date

HTML
<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="#randomtarget6115">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="#randomtarget5967">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="#randomtarget795">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>

RSS list with blockdate

HTML
<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="#randomtarget8609">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="#randomtarget2695">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="#randomtarget9298">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>

RSS list with blockdate and image

Alternative Bildbeschreibung

@iStock

HTML
<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="../../styleguide/static/placeholder_4x3.jpg" alt="Alternative Bildbeschreibung" >
        </div>
        <p class="image__copyright">
            @iStock
        </p>
    </div>
        <ul>
            <li>
                <span class="date">01.01.2020</span> 
                <a href="#randomtarget1112">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="#randomtarget4381">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="#randomtarget1367">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>

RSS list with tablelist, date, category and image

Alternative Bildbeschreibung

@iStock

HTML
<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="../../styleguide/static/placeholder_4x3.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="#randomtarget5996">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="#randomtarget721">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="#randomtarget6570">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>