blog.html.twig

{% embed 'partials/base.html.twig' %}

    {% set collection = page.collection %}
    {% set pagination = collection.params.pagination %}

    {% set jscroll_init %}
    $(document).ready(function() {
        $('.infinite-scroll').jscroll({
        autoTrigger: true,
        nextSelector: '[rel="next"]'
        });
    });
    {% endset %}

    {% block javascripts %}
        {{ parent() }}
        {% do assets.addInlineJs(jscroll_init) %}
    {% endblock %}

    {% block header %}
        {% if theme_config.home_profile %}
            {% include 'partials/profile.html.twig' %}
        {% else %}
            {{ parent() }}
        {% endif %}
    {% endblock %}

    {% block content %}
      <div class="infinite-scroll columns small-12 large-8">
        <section class="blog-grid">
            <div class="container">
                <div class="headline has-separator">
                    <div class="headline-title">
                        <h2>Latest News</h2>
                    </div>
                    <div class="headline-content" >
                        <p>Donec sit amet consectetur lectus. Vestibulum egestas neque nulla, quis aliquet mauris molestie vitae. Duis blandit gravida semper.</p>
                    </div>
                </div>
                <div class="filters">
                    <ul class="filters-menu">
                        <li class="active"><a href="">Show All</a></li>
                        <li><a href="">Branding</a></li>
                        <li><a href="">Personal</a></li>
                        <li><a href="">Photography</a></li>
                        <li><a href="">Copy</a></li>
                        <li><a href="">Art</a></li>
                    </ul>
                </div>
                <div class="row grid">
                    <div class="col-sm-4 grid-sizer"></div>
        {% for post in collection %}
          {% include 'partials/post-item.html.twig' %}
        {% endfor %}
        {% if config.plugins.pagination.enabled and collection.params.pagination %}
            {% include 'partials/load-more.html.twig' %}
        {% endif %}
      </div>
      </div>

    </div>
        </section>
      <div class="sidebar columns large-4 show-for-large">
        <div class="sidebar--inner">
          {% include 'partials/sidebar.html.twig' with {'blog':page} %}
        </div>
      </div>


    {% endblock %}

{% endembed %}