offen/website
2
0
Fork 0
mirror of https://github.com/offen/website.git synced 2024-11-22 09:00:28 +01:00
Code Issues Projects Releases Wiki Activity

add blog header

Browse Source
This commit is contained in:
Hendrik Niefeld 2020-12-17 10:38:49 +01:00
parent 76a7245222
commit 4d0e53c873
1 changed files with 38 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
homepage/theme/templates/archives.html
View File

@ -8,33 +8,45 @@
{% set bottom_cta = 'index' %} {% set bottom_cta = 'index' %}
{% block content %} {% block content %}
<div class="mw8 center cclr-bg-white-responsive pr5-l"> <div class="mw8 center cclr-bg-white-responsive mt5-ns">
<div class="flex flex-wrap mt0 mt5-l"> <div class="dib gray bg-white ph3 ph5-ns pt5">
{% for article in articles %} <h2 class="f25 normal lh-title ma0 mt4 mb3">
<div class="w-100 w-50-l"> Offen Blog
{% if loop.index != 1 %} </h2>
<hr class="mb5 b--none db dn-l"> <div class="w-75-l">
{% endif %} <p class="ma0 mb5">
<article class="w-100 mt5-m mt0-l gray"> Hi there. We are Frederik and Hendrik. Here we post about how we're building a fair and open web analytics tool and what we're discovering along the way.
<div class="mw8 center pv5 ph3 ph5-m pr0-l pl5-l bg-white"> </p>
<figure class="larger-image mb4"> </div>
<a href="/blog/{{ article.slug }}/"> </div>
<img alt="{{ article.title }}" src="{{ article.image_url }}"/> <div class="pr5-l">
</a> <div class="flex flex-wrap">
</figure> {% for article in articles %}
<h6 class="f5 lh-solid normal ma0 light-silver"> <div class="w-100 w-50-l">
{{ article.date | strftime('%d %b %Y') }}{% if article.modified %}(article.updated {{ article.modified | strftime('%d %b %Y') }}){% endif %}, {{ article.author }} {% if loop.index != 1 %}
</h6> <hr class="b--none db dn-l">
<h1 class="f26 normal lh-title mt3 ma0 mb3 light-silver"> {% endif %}
<a href="/blog/{{ article.slug }}/" class="link b dim gray">{{ article.title }}</a> <article class="w-100 mt5 mt0-l mt0-l gray">
</h1> <div class="mw8 center pv5 ph3 ph5-m pr0-l pl5-l bg-white">
<p> <figure class="larger-image mb4">
{{ article.description }} <a href="/blog/{{ article.slug }}/" class="link b dim gray">Read more</a> <a href="/blog/{{ article.slug }}/">
</p> <img alt="{{ article.title }}" src="{{ article.image_url }}"/>
</div> </a>
</article> </figure>
<h6 class="f5 lh-solid normal ma0 light-silver">
{{ article.date | strftime('%d %b %Y') }}{% if article.modified %}(article.updated {{ article.modified | strftime('%d %b %Y') }}){% endif %}, {{ article.author }}
</h6>
<h1 class="f26 normal lh-title mt3 ma0 mb3 light-silver">
<a href="/blog/{{ article.slug }}/" class="link b dim gray">{{ article.title }}</a>
</h1>
<p>
{{ article.description }} <a href="/blog/{{ article.slug }}/" class="link b dim gray">Read more</a>
</p>
</div>
</article>
</div>
{% endfor %}
</div> </div>
{% endfor %}
</div> </div>
</div> </div>
{% endblock %} {% endblock %}