diff options
author | Karl Hallsby <karl@hallsby.com> | 2020-09-27 17:45:13 -0500 |
---|---|---|
committer | Karl Hallsby <karl@hallsby.com> | 2020-09-27 17:45:13 -0500 |
commit | c6bf5f7c895287d2028f6024265913b59784a154 (patch) | |
tree | 3a298df17d9472a679411dd81ea00a1239652477 /_includes/article-list.html | |
parent | 50dafcddc0392b99b228824274b1b97d0e72e423 (diff) |
Bring all of jekyll-text-theme _includes into site
Diffstat (limited to '_includes/article-list.html')
-rw-r--r-- | _includes/article-list.html | 144 |
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> |