+ {{ partial('partial/coverbox', { + title: posts[0].title, + titleClassName: 'c-title-level-2', + text: posts[0].summary, + image: posts[0].image, + dateInfo: posts[0].date, + link: { + text: 'Read more', + href: url_for(posts[0].path) + } + }) }} +
+
- {{ - partial('partial/coverbox', { - className: 'o-grid__column--1-1 o-grid__column--large-2-3', - title: posts[0].title, - titleClassName: 'c-title-level-2', - text: posts[0].summary, - image: posts[0].image, - dateInfo: posts[0].date, + {% for i in [1, 2] %} + {{ partial('partial/event-box', { + className: 'o-grid__column--1-1 o-grid__column--large-1-2', + name: posts[i].title, + image: posts[i].image, + linkTitle: true, + dateInfo: date(posts[i].date), + description: posts[i].summary, link: { text: 'Read more', - href: url_for(posts[0].path) + href: url_for(posts[i].path) } - }) - }} - - {{ - partial('partial/coverbox', { + }) }} + {% endfor %} +
+
+
+
+ {% for i in [3, 4, 5, 6, 7, 8] %} + {{ partial('partial/event-box', { className: 'o-grid__column--1-1 o-grid__column--large-1-3', - title: posts[1].title, - titleClassName: 'c-title-level-3', - text: posts[1].summary, - image: posts[1].image, - dateInfo: posts[1].date, + name: posts[i].title, + image: posts[i].image, + linkTitle: true, + dateInfo: date(posts[i].date), + description: posts[i].summary, link: { text: 'Read more', - href: url_for(posts[1].path) + href: url_for(posts[i].path) } - }) - }} + }) }} + {% endfor %}
-
-
-
-
- {{ - partial('partial/event-box', { - className: 'o-grid__column--1-1 o-grid__column--large-1-3', - name: posts[4].title, - linkTitle: true, - dateInfo: date(posts[4].date), - description: posts[4].summary, - link: { - text: 'Read more', - href: url_for(posts[4].path) - } - }) - }} - {{ - partial('partial/event-box', { - className: 'o-grid__column--1-1 o-grid__column--large-1-3', - name: posts[3].title, - linkTitle: true, - dateInfo: date(posts[3].date), - description: posts[3].summary, - link: { - text: 'Read more', - href: url_for(posts[3].path) - } - }) - }} - {{ - partial('partial/event-box', { - className: 'o-grid__column--1-1 o-grid__column--large-1-3', - name: posts[2].title, - linkTitle: true, - dateInfo: date(posts[2].date), - description: posts[2].summary, - link: { - text: 'Read more', - href: url_for(posts[2].path) - } - }) - }} -
-
-
-
-