manual order for guides

_src/_guides/key-concepts-of-bigchaindb.md

@@ -3,6 +3,7 @@ layout: guide
 
 title: Key concepts of BigchainDB
 tagline: Understand the transaction model of BigchainDB (identity, inputs, outputs, assets, transactions).
+order: 1
 ---
 
 - Introduction: How do we structure data?

_src/_guides/tutorial-car-telemetry-app.md

@@ -4,6 +4,8 @@ layout: guide
 title: "Tutorial: How to create a digital twin of your car"
 tagline: Build a telemetry app to digitally track the mileage of a car
 header: header-car.jpg
+order: 2
+
 learn: >
     - How BigchainDB can be used to record dynamic parameters of an asset
 

_src/_guides/tutorial-token-launch.md

@@ -4,6 +4,7 @@ layout: guide
 title: "Tutorial: How to launch your own token on BigchainDB"
 tagline: Learn how to use divisible assets in BigchainDB for token distribution events
 header: header-token.jpg
+order: 3
 
 learn: >
     - How to use divisible assets on BigchainDB

_src/_includes/sections/section-guides.html

@@ -7,7 +7,8 @@
     </div>
 
     <div class="row">
-        {% for guide in site.guides limit: 4 %}
+        {% assign guides = site.guides | sort: 'order' %}
+        {% for guide in guides limit: 4 %}
             <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>

_src/guides.html

@@ -9,7 +9,8 @@ image: share-image-guides.png
 <section class="section section--guideslist">
     <div class="row row--wide">
         <div class="grid grid--full grid-small--half grid--gutters">
-            {% for guide in site.guides %}
+            {% assign guides = site.guides | sort: 'order' %}
+            {% for guide in guides %}
                 <div class="grid__col">
                     <article class="guide">
                         <a href="{{ guide.url }}" {% if guide.header %}style="background-image:url('./{{ guide.header }}')" {% endif %}>