{%- assign _excerpt_truncate = include.excerpt_truncate | default: 350 -%} {%- assign _excerpt_type = include.excerpt_type -%} {%- include snippets/get-locale-string.html key='READMORE' -%} {%- assign _locale_readmore = __return -%} {%- assign _sorted_list = include.articles -%} {%- if include.group_by == 'year' -%} {%- assign _sorted_list = _sorted_list | sort: 'date' -%} {%- endif -%} {%- if include.reverse -%} {%- assign _sorted_list = _sorted_list | reverse -%} {%- endif -%} {%- if include.type == 'item' -%} <div class="article-list items items--divided"> {%- elsif include.type == 'brief' -%} <div class="article-list items"> {%- elsif include.type == 'grid' -%} {%- if include.size == 'sm' -%} <div class="article-list grid grid--sm grid--p-3"> {%- else -%} <div class="article-list grid grid--p-3"> {%- endif -%} {%- endif -%} {%- for _article in _sorted_list -%} {%- include snippets/prepend-baseurl.html path=_article.url -%} {%- assign _article_url = __return -%} {%- if _article.cover -%} {%- include snippets/get-nav-url.html path=_article.cover -%} {%- assign _article_cover = __return -%} {%- endif -%} {%- if include.type == 'item' -%} {%- if include.article_type == 'BlogPosting' -%} <article class="item" itemscope itemtype="http://schema.org/BlogPosting"> {%- else -%} <article class="item"> {%- endif -%} {%- if _article.cover and include.show_cover-%} {%- include snippets/get-nav-url.html path=_article.cover -%} {%- assign _article_cover = __return -%} <div class="item__image"> {%- if include.cover_size == 'lg' -%} <img class="image image--lg" src="{{ _article_cover }}" /> {%- elsif include.cover_size == 'sm' -%} <img class="image image--sm" src="{{ _article_cover }}" /> {%- else -%} <img class="image" src="{{ _article_cover }}" /> {%- endif -%} </div> {%- endif -%} <div class="item__content"> <header><a href="{{ _article_url }}"><h2 itemprop="headline" class="item__header">{{ _article.title }}</h2></a></header> <div class="item__description"> {%- if _article.excerpt and include.show_excerpt -%} <div class="article__content" itemprop="description articleBody"> {%- if _excerpt_type == 'html' -%} {{ _article.excerpt }} {%- else -%} {{ _article.excerpt | strip_html | strip | truncate: _excerpt_truncate }} {%- endif -%} </div> {%- endif -%} {%- if include.show_readmore -%} <p><a href="{{ _article_url }}">{{ _locale_readmore }}</a></p> {%- endif -%} </div> {%- if include.show_info -%} {%- include snippets/assign.html target=site.data.variables.default.page.pageview source0=_article.pageview -%} {%- assign _show_pageview = __return -%} {%- include article-info.html article=_article show_pageview=_show_pageview -%} {%- endif -%} </div> </article> {%- elsif include.type == 'brief' -%} {%- assign _tags = '' -%} {%- for _tag in _article.tags -%} {%- assign _tag_encode = _tag | strip | url_encode -%} {%- if forloop.last -%} {%- assign _tags = _tags | append: _tag_encode -%} {%- else -%} {%- assign _tags = _tags | append: _tag_encode | append: ',' -%} {%- endif -%} {%- endfor -%} {%- if include.group_by == 'year' -%} {%- assign _currentdate = _article.date | date: '%Y' -%} {%- if _currentdate != _date -%} {%- unless forloop.first -%}</ul></section>{%- endunless -%} <section><h2 class="article-list__group-header">{{ _currentdate }}</h2><ul class="items"> {%- assign _date = _currentdate -%} {%- endif -%} {%- endif -%} {%- include snippets/get-locale-string.html key='ARTICLE_LIST_DATE_FORMAT' -%} <li class="item" itemscope itemtype="http://schema.org/BlogPosting" data-tags="{{ _tags }}"> <div class="item__content"> {%- if include.show_info -%} <span class="item__meta">{{ _article.date | date: __return }}</span> {%- endif -%} <a itemprop="headline" class="item__header" href="{{ _article_url }}">{{ _article.title }}</a></div> </li> {%- elsif include.type == 'grid' -%} {%- if include.size == 'sm' -%} <div class="cell cell--12 cell--md-4 cell--lg-3"> <div class="card card--flat"> {%- if _article.cover -%} <div class="card__image"> <img class="image" src="{{ _article_cover }}" /> <div class="overlay overlay--bottom"> <header> <a href="{{ _article_url }}"><h2 class="card__header">{{ _article.title }}</h2></a> </header> </div> </div> {%- endif -%} </div> </div> {%- else -%} <div class="cell cell--12 cell--md-6 cell--lg-4"> <div class="card card--flat"> {%- if _article.cover -%} <div class="card__image"><img src="{{ _article_cover }}" /></div> {%- endif -%} <div class="card__content"> <header> <a href="{{ _article_url }}"><h2 class="card__header">{{ _article.title }}</h2></a> </header> </div> </div> </div> {%- endif -%} {%- endif -%} {%- endfor -%} </div>