add blue title bar and spacing to main, add to navigation

Author: insectengine

_includes/header-navigation.html

@@ -26,6 +26,7 @@
         <ul class="submenu">
           <li><a href="{{site.baseurl}}/get-started" class="{% if page.url contains '/get-started/' %}active{% endif %}">GET STARTED</a></li>
           <li><a href="{{site.baseurl}}/guides" class="{% if page.url contains '/guides/' %}active{% endif %}">DOCUMENTATION</a></li>
+          <li><a href="{{site.baseurl}}/migration-guides" class="{% if page.url contains '/migration-guides/' %}active{% endif %}">MIGRATION GUIDES</a></li> 
           <li><a href="{{site.baseurl}}/qtips" class="{% if page.url contains '/qtips/' %}active{% endif %}">"Q" TIP VIDEOS</a></li>          
           <li><a href="{{site.baseurl}}/books" class="{% if page.url contains '/books/' %}active{% endif %}">BOOKS</a></li>
           </ul>

_includes/migration-guides-main.html

@@ -0,0 +1,44 @@
+<div class="full-width-bg component">
+  <div class="grid-wrapper">
+    <div class="width-12-12 width-12-12-m">
+
+        {% assign doclist = site.migrations | sort: 'version_counter' | where: 'unversion_counter', nil  %}
+
+        <ul>
+            {% for doc in doclist %}
+            {% if doc.lts == true %}
+            {% assign lts = ' LTS '  %}
+            {% else %}
+            {% assign lts = ''  %}
+            {% endif %}
+
+            {% if doc.proposed_version %}
+            {% assign comment = ', will be ' | append: doc.proposed_version %}
+            {% else %}
+            {% if doc.date != site.time %}
+            {% assign pretty_date = doc.date | date: "%-d %B %Y" %}
+            {% assign comment = ' – released on ' | append: pretty_date  %}
+            {% else %}
+            {% assign comment = ' – to be released' %}
+            {% endif %}
+            {% endif %}
+            <li><a href="{{ site.baseurl }}{{ doc.url }}">{{ doc.version }}</a> <strong>{{lts}}</strong> {{ comment }}</li>
+        {% endfor %}
+        
+        </ul>
+
+        {% assign doclist = site.migrations | sort: 'version_counter' | where: 'version_counter', nil | where_exp: 'doc', "doc.version != 'Migration-Guides'" %}
+
+        <h2>Special Guides</h2>
+
+        <ul>
+          {% for doc in doclist %}
+          <li><a href="{{ site.baseurl }}{{ doc.url }}">{{ doc.version }}</a></li>
+          {% endfor %}
+        </ul>
+
+      {% assign doclist = site.migrations | sort: 'version_counter' | where: 'version_counter', nil | where_exp: 'doc', "doc.version != 'Migration-Guides'" %}
+
+    </div>
+  </div>
+</div>

_layouts/migration-guides-main.html

@@ -0,0 +1,7 @@
+---
+layout: base
+---
+
+{% include title-band.html %}
+
+{% include migration-guides-main.html %}

migration-guides.html

@@ -0,0 +1,6 @@
+---
+layout: migration-guides-main
+title: Migration Guides
+subtitle: Keep your application up-to-date with the latest version of Quarkus.
+permalink: /migration-guides/
+---