summaryrefslogtreecommitdiff
path: root/_includes/article-list.html
blob: dfe0c85f5877794ab6be22ff3e26c2a55a6aa525 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
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>