new front page guide layout

This commit is contained in:
Matthias Kretschmann 2018-03-20 14:21:15 +01:00
parent 562a7538cf
commit ca24f6bd47
Signed by: m
GPG Key ID: 606EEEF3C479A91F
1 changed files with 15 additions and 11 deletions

View File

@ -6,19 +6,23 @@
</header>
</div>
<div class="row">
{% assign guides = site.guides | sort: 'order' %}
{% for guide in guides limit: 3 %}
<article class="guide">
<a href="{{ guide.url }}" {% if guide.header %}style="background-image:url('/guides/{{ guide.header }}')" {% endif %}>
<h1 class="guide__title">{{ guide.title }}</h1>
<p class="guide__tagline">{{ guide.tagline }}</p>
</a>
</article>
{% endfor %}
<div class="row row--wide">
<div class="grid grid--full grid-small--half grid--gutters">
{% assign guides = site.guides | sort: 'order' %}
{% for guide in guides limit: 4 %}
<div class="grid__col">
<article class="guide">
<a href="{{ guide.url }}" {% if guide.header %}style="background-image:url('/guides/{{ guide.header }}')" {% endif %}>
<h1 class="guide__title">{{ guide.title }}</h1>
<p class="guide__tagline">{{ guide.tagline }}</p>
</a>
</article>
</div>
{% endfor %}
</div>
</div>
<div class="row text-center">
<a class="btn btn-secondary" href="/guides/">All guides</a>
<a class="btn btn-secondary" href="/guides/">All chapters</a>
</div>
</section>