Contents

{% if page.story_slider %}
    <div class="green">
        <h1 class="slider-titel">Aktuelles</h1>

        <div class="carousel">
            {% for story in site.posts limit:5 %}
            <div class="story-carousel-item">
                <div class="container">
                    <div class="section">
                      <div class="slider story-slider columns">
                        <div class="slider-image column is-half">
                          <figure class="image">
                            <img src="{{story.image}}" alt="this used to be photo">             
                          </figure>
                        </div>
                        <div class="slider-content column is-half">
                            <div class="media">
                              <div class="media-content">
                                <h2>{{story.title}}</h2>
                              </div>
                            </div>
                
                            <div class="content">
                              <p>{{story.abstract}}</p>
                              <a href="{{ story.url | relative_url }}" class="button is-rounded has-text-centert is-dark {% if item.link == page.url %}is-active{% endif %}">
                                  <span>Mehr lesen</span>
                                  <span class="icon is-small">
                                  <i class="fas fa-chevron-right fa-xs"></i>
                                  </span>
                              </a>           
                            </div>
                          </div>
                      </div>
                </div>
                </div>
            </div>
            {% endfor %}
		</div>
    </div>
{% endif %}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
intia-theme-0.1.7	_includes/story-slider.html