1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-25 11:18:35 +01:00
blog/_src/_includes/articles.html

109 lines
4.0 KiB
HTML
Raw Normal View History

2013-11-24 17:31:03 +01:00
{% if post.layout == "link" %}
2015-08-10 00:48:31 +02:00
<article class="hentry format-link">
<header class="entry-header">
2015-08-09 21:50:06 +02:00
<h1 class="entry-title">
2013-11-29 20:53:16 +01:00
<a href="{{ post.linkurl }}" title="Go to source: {{ post.linkurl | remove:'http://' | remove:'https://' | remove:'www.' }}">
2015-06-08 21:22:09 +02:00
{{ post.title | titlecase }}
2017-05-28 04:06:20 +02:00
<svg class="icon icon-forward">
<use xlink:href="/assets/img/sprite.svg#forward"></use>
2015-06-08 21:22:09 +02:00
</svg>
2013-11-29 20:53:16 +01:00
<span class="linkurl">{{ post.linkurl | remove:'http://' | remove:'https://' | remove:'www.' | split:'/' | first }}</span>
</a>
2013-11-24 17:31:03 +01:00
</h1>
2015-08-09 21:50:06 +02:00
</header>
2013-11-24 17:31:03 +01:00
<section class="entry-content">
{{ post.content }}
2015-08-09 21:50:06 +02:00
<p>
<a class="more-link" href="{{ post.linkurl }}">Go to source
2017-05-28 04:06:20 +02:00
<svg class="icon icon-forward">
<use xlink:href="/assets/img/sprite.svg#forward"></use>
2015-06-08 21:22:09 +02:00
</svg>
</a>
2015-12-02 00:19:46 +01:00
<a class="permalink-link" href="{{ post.url }}" data-toggle="tooltip" title="Permalink">
2017-05-28 04:06:20 +02:00
<svg class="icon icon-infinity">
<use xlink:href="/assets/img/sprite.svg#infinity"></use>
2015-06-08 21:22:09 +02:00
</svg>
</a>
2015-08-09 21:50:06 +02:00
</p>
2013-11-24 17:31:03 +01:00
</section>
</article>
{% elsif post.layout == "photo" %}
2015-08-10 00:48:31 +02:00
<article class="hentry format-photo">
2013-11-24 17:31:03 +01:00
2013-11-24 18:00:20 +01:00
<a class="photo-link" href="{{ post.url }}">
2015-09-26 22:47:34 +02:00
<figure class="hentry__teaser hmedia">
2014-07-12 21:22:47 +02:00
2017-07-23 20:40:33 +02:00
{% include picture.html size='phototeaser' %}
2014-07-12 21:22:47 +02:00
2015-08-09 21:50:06 +02:00
<figcaption class="entry-title fn">{{ post.title | titlecase }}</figcaption>
</figure>
2013-11-24 17:31:03 +01:00
</a>
</article>
2014-07-12 21:22:47 +02:00
{% else %}
2015-08-10 00:48:31 +02:00
<article class="hentry format-post">
<header class="entry-header">
2015-08-09 21:50:06 +02:00
<h1 class="entry-title"><a href="{{ post.url }}">{{ post.title | titlecase }}</a></h1>
</header>
2013-11-24 17:31:03 +01:00
<section class="entry-content">
2014-07-12 21:22:47 +02:00
2013-11-24 17:31:03 +01:00
{% if post.image %}
<a class="hentry__teaser hentry__teaser--link" href="{{ post.url }}">
2017-07-23 20:40:33 +02:00
{% include picture.html %}
2013-11-24 17:31:03 +01:00
</a>
{% endif %}
2014-07-12 21:22:47 +02:00
2015-09-13 22:19:08 +02:00
{% capture has_more %}{{ post.content | has_excerpt }}{% endcapture %}
2014-07-12 21:22:47 +02:00
2015-09-26 23:04:13 +02:00
{% unless post.categories contains "goodies" and page.path contains "goodies" %}
{{ post.excerpt }}
2015-09-26 23:04:13 +02:00
{% endunless %}
2014-07-12 21:22:47 +02:00
{% if post.categories contains "goodies" and page.path contains "goodies" %}
2015-08-19 01:36:08 +02:00
<footer class="goodie-actions grid grid--gutters grid--full grid-small--fit">
2013-12-02 22:19:13 +01:00
2015-08-19 01:36:08 +02:00
<p class="info grid__col">
2015-06-08 21:22:09 +02:00
<a class="btn icon icon-info" href="{{ post.url }}">
2017-05-28 04:06:20 +02:00
<svg class="icon icon-info-with-circle">
<use xlink:href="/assets/img/sprite.svg#info-with-circle"></use>
2015-06-08 21:22:09 +02:00
</svg>
Release Post
</a>
2013-12-02 22:19:13 +01:00
</p>
2013-11-24 17:31:03 +01:00
2013-12-02 22:19:13 +01:00
{% if post.download %}
2015-08-19 01:36:08 +02:00
<p class="download grid__col">
2015-06-08 21:22:09 +02:00
<a class="btn" href="/media/{{ post.download }}">
2017-05-28 04:06:20 +02:00
<svg class="icon icon-arrow-with-circle-down">
<use xlink:href="/assets/img/sprite.svg#arrow-with-circle-down"></use>
2015-06-08 21:22:09 +02:00
</svg>
Download <span>zip</span>
</a>
2013-12-02 22:19:13 +01:00
</p>
{% endif %}
</footer>
{% endif %}
2014-07-12 21:22:47 +02:00
{% unless page.path contains "goodies" %}
2015-06-08 21:22:09 +02:00
<a class="more-link" href="{{ post.url }}">
Continue reading
2017-05-28 04:06:20 +02:00
<svg class="icon icon-chevron-right">
<use xlink:href="/assets/img/sprite.svg#chevron-right"></use>
2015-06-08 21:22:09 +02:00
</svg>
</a>
{% endunless %}
2013-11-24 17:31:03 +01:00
</section>
</article>
{% endif %}