summaryrefslogtreecommitdiff
path: root/_includes/article-list.html
diff options
context:
space:
mode:
Diffstat (limited to '_includes/article-list.html')
-rw-r--r--_includes/article-list.html144
1 files changed, 144 insertions, 0 deletions
diff --git a/_includes/article-list.html b/_includes/article-list.html
new file mode 100644
index 0000000..dfe0c85
--- /dev/null
+++ b/_includes/article-list.html
@@ -0,0 +1,144 @@
+{%- 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>