• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1{%- assign _excerpt_truncate = include.excerpt_truncate | default: 350 -%}
2
3{%- assign _excerpt_type = include.excerpt_type -%}
4
5{%- include snippets/get-locale-string.html key='READMORE' -%}
6{%- assign _locale_readmore = __return -%}
7
8{%- assign _sorted_list = include.articles -%}
9{%- if include.group_by == 'year' -%}
10  {%- assign _sorted_list = _sorted_list | sort: 'date' -%}
11{%- endif -%}
12{%- if include.reverse -%}
13  {%- assign _sorted_list = _sorted_list | reverse -%}
14{%- endif -%}
15
16{%- if include.type == 'item' -%}
17<div class="article-list items items--divided">
18{%- elsif include.type == 'brief' -%}
19<div class="article-list items">
20{%- elsif include.type == 'grid' -%}
21  {%- if include.size == 'sm' -%}
22  <div class="article-list grid gird--sm grid--p-3">
23  {%- else -%}
24  <div class="article-list grid grid--p-3">
25  {%- endif -%}
26{%- endif -%}
27
28  {%- for _article in _sorted_list -%}
29
30    {%- include snippets/prepend-baseurl.html path=_article.url -%}
31    {%- assign _article_url = __return -%}
32
33    {%- if _article.cover -%}
34      {%- include snippets/get-nav-url.html path=_article.cover -%}
35      {%- assign _article_cover = __return -%}
36    {%- endif -%}
37
38    {%- if include.type == 'item' -%}
39      {%- if include.article_type == 'BlogPosting' -%}
40        <article class="item" itemscope itemtype="http://schema.org/BlogPosting">
41      {%- else -%}
42        <article class="item">
43      {%- endif -%}
44        {%- if _article.cover and include.show_cover-%}
45          {%- include snippets/get-nav-url.html path=_article.cover -%}
46          {%- assign _article_cover = __return -%}
47          <div class="item__image">
48          {%- if include.cover_size == 'lg' -%}
49            <img class="image image--lg" src="{{ _article_cover }}" />
50          {%- elsif include.cover_size == 'sm' -%}
51            <img class="image image--sm" src="{{ _article_cover }}" />
52          {%- else -%}
53            <img class="image" src="{{ _article_cover }}" />
54          {%- endif -%}
55          </div>
56        {%- endif -%}
57        <div class="item__content">
58          <header><a href="{{ _article_url }}"><h2 itemprop="headline" class="item__header">{{ _article.title }}</h2></a></header>
59          <div class="item__description">
60            {%- if _article.excerpt and include.show_excerpt -%}
61              <div class="article__content" itemprop="description articleBody">
62                {%- if _excerpt_type == 'html' -%}
63                  {{ _article.excerpt }}
64                {%- else -%}
65                  {{ _article.excerpt | strip_html | strip | truncate: _excerpt_truncate }}
66                {%- endif -%}
67              </div>
68            {%- endif -%}
69            {%- if include.show_readmore -%}
70              <p><a href="{{ _article_url }}">{{ _locale_readmore }}</a></p>
71            {%- endif -%}
72          </div>
73          {%- if include.show_info -%}
74            {%- include snippets/assign.html target=site.data.variables.default.page.pageview
75              source0=_article.pageview -%}
76            {%- assign _show_pageview = __return -%}
77            {%- include article-info.html article=_article show_pageview=_show_pageview -%}
78          {%- endif -%}
79        </div>
80      </article>
81
82
83    {%- elsif include.type == 'brief' -%}
84      {%- assign _tags = '' -%}
85      {%- for _tag in _article.tags -%}
86        {%- assign _tag_encode = _tag | strip | url_encode -%}
87        {%- if forloop.last -%}
88          {%- assign _tags = _tags | append: _tag_encode -%}
89        {%- else -%}
90          {%- assign _tags = _tags | append: _tag_encode | append: ',' -%}
91        {%- endif -%}
92      {%- endfor -%}
93      {%- if include.group_by == 'year' -%}
94        {%- assign _currentdate = _article.date | date: '%Y' -%}
95        {%- if _currentdate != _date -%}
96          {%- unless forloop.first -%}</ul></section>{%- endunless -%}
97          <section><h2 class="article-list__group-header">{{ _currentdate }}</h2><ul class="items">
98          {%- assign _date = _currentdate -%}
99        {%- endif -%}
100      {%- endif -%}
101      {%- include snippets/get-locale-string.html key='ARTICLE_LIST_DATE_FORMAT' -%}
102      <li class="item" itemscope itemtype="http://schema.org/BlogPosting" data-tags="{{ _tags }}">
103        <div class="item__content">
104          {%- if include.show_info -%}
105            <span class="item__meta">{{ _article.date | date: __return }}</span>
106          {%- endif -%}
107          <a itemprop="headline" class="item__header" href="{{ _article_url }}">{{ _article.title }}</a></div>
108      </li>
109
110    {%- elsif include.type == 'grid' -%}
111      {%- if include.size == 'sm' -%}
112        <div class="cell cell--12 cell--md-4 cell--lg-3">
113          <div class="card card--flat">
114            {%- if _article.cover -%}
115              <div class="card__image">
116                <img class="image" src="{{ _article_cover }}" />
117                <div class="overlay overlay--bottom">
118                  <header>
119                    <a href="{{ _article_url }}"><h2 class="card__header">{{ _article.title }}</h2></a>
120                  </header>
121                </div>
122              </div>
123            {%- endif -%}
124            </div>
125        </div>
126      {%- else -%}
127
128        <div class="cell cell--12 cell--md-6 cell--lg-4">
129          <div class="card card--flat">
130            {%- if _article.cover -%}
131              <div class="card__image"><img src="{{ _article_cover }}" /></div>
132            {%- endif -%}
133              <div class="card__content">
134                <header>
135                  <a href="{{ _article_url }}"><h2 class="card__header">{{ _article.title }}</h2></a>
136                </header>
137              </div>
138          </div>
139        </div>
140      {%- endif -%}
141    {%- endif -%}
142  {%- endfor -%}
143
144</div>
145