add 'tutorials' page type (incomplete), add sections to /guides

This commit is contained in:
Morgan Sutherland 2017-11-16 16:42:49 +01:00
parent f91d448675
commit 2b482f1e39
4 changed files with 49 additions and 2 deletions

View File

@ -93,6 +93,9 @@ collections:
guides:
output: true
permalink: /:collection/:path/
tutorials:
output: true
permalink: /:collection/:path/
# Plugins

View File

@ -1,5 +1,5 @@
---
layout: guide
layout: guide
title: Tutorial: Car Telemetry App
description: Build your own car telemetry application

View File

@ -25,3 +25,47 @@ title: Guides
</div>
</div>
</section>
<section class="section section--guides background--darker">
<div class="row">
<header class="section-header">
<h1 class="section-title">Tutorials</h1>
</header>
</div>
<div class="row row--wide">
<div class="grid grid--full grid-small--half grid--gutters">
{% for tutorial in site.tutorials %}
<div class="grid__col">
<article class="guide">
<a href="{{ tutorial.url }}">
<h1 class="guide__title">{{ tutorial.title }}</h1>
<p class="guide__description">{{ tutorial.description }}</p>
</a>
</article>
</div>
{% endfor %}
</div>
</div>
</section>
<section class="section section--guides">
<div class="row">
<header class="section-header">
<h1 class="section-title">Examples</h1>
</header>
</div>
<div class="row row--wide">
<div class="grid grid--full grid-small--half grid--gutters">
{% for tutorial in site.tutorials %}
<div class="grid__col">
<article class="guide">
<a href="{{ tutorial.url }}">
<h1 class="guide__title">{{ tutorial.title }}</h1>
<p class="guide__description">{{ tutorial.description }}</p>
</a>
</article>
</div>
{% endfor %}
</div>
</div>
</section>

View File

@ -73,7 +73,7 @@ intro:
</div>
<div class="row row--wide">
<div class="grid grid--full grid-small--half grid--gutters">
{% for guide in site.guides | limit: 4 %}
{% for guide in site.guides| limit: 4 %}
<div class="grid__col">
<article class="guide">
<a href="{{ guide.url }}">