add pipelines guide category (#332)

kabanero-io · Jan 23, 2020 · 94ae397 · 94ae397
1 parent 83de9eb
commit 94ae397
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 3 deletions.
diff --git a/src/main/content/_data/en/en.yml b/src/main/content/_data/en/en.yml
@@ -208,6 +208,8 @@ guides:
     catigory-title: guides
   collections-guides:
     title: Collections
+  pipelines-guides:
+    title: Pipelines
   uncatagorized-guides:
     title: More Guides
 

diff --git a/src/main/content/guides.html b/src/main/content/guides.html
@@ -33,6 +33,9 @@
 <!-- Collections Guides -->
 {% assign collections-guides = all-guides | where: 'guide-category', 'collections' | sort: 'releasedate' | reverse %}
 
+<!-- Pipelines Guides -->
+{% assign pipelines-guides = all-guides | where: 'guide-category', 'pipelines' | sort: 'releasedate' | reverse %}
+
 <!-- More guides -->
 {% assign uncatagorized-guides = '' | split: '' %}
 {% for guide in all-guides %}
@@ -42,7 +45,7 @@
 {% endfor %}
 
 
-<!-- INTRODUCTION AND SEARCH BAR -->
+<!-- Intro and search bar -->
 <div id="guides-information-container" class="container-fluid">
     <div class="row">
         <div id="guide-search-information" class="col-xs-12 col-sm-7 col-md-6">
@@ -63,7 +66,7 @@ <h2 id="guides-title">{{t.page-title}}</h2>
 </div>
 
 
-<!-- BASIC GUIDES -->
+<!-- Basic Guides -->
 {% if basic-guides.size > 0 %}
     <div id="guides-basic-banner" class="basic-section container-fluid">
         <div class="row">
@@ -96,7 +99,7 @@ <h3 class="guide-title">{{guide.title}}</h3>
     </div>
 {% endif %}
 
-<!-- COLLECTIONS GUIDES -->
+<!-- Collections Guides -->
 {% if collections-guides.size > 0 %}
     <div id="guides-basic-banner" class="basic-section container-fluid">
         <div class="row">
@@ -129,6 +132,39 @@ <h3 class="guide-title">{{guide.title}}</h3>
     </div>
 {% endif %}
 
+<!-- Pipelines Guides -->
+{% if pipelines-guides.size > 0 %}
+    <div id="guides-basic-banner" class="basic-section container-fluid">
+        <div class="row">
+            <div class="col-sm-9">
+                <h2 class="guide-category-title"><b>{{t.pipelines-guides.title}}</b></h2>
+            </div>
+            <div class="col-sm-3">
+                <h2 class="total-guide-count guide-category-title"><b>{{pipelines-guides.size}} {{t.basic-guides.catigory-title}}</b></h2>
+            </div>
+        </div>
+    </div>
+    <div id="guides-basic-container" class="basic-section container-fluid">
+        <div class="essential row">
+            {% for guide in pipelines-guides %}
+            <div class="guide-column col-xs-12 col-sm-6 col-md-4 col-lg-3">
+                <a href="{{guide.url}}" class="guide_item" data-title="{{ guide.title | downcase }}" 
+                data-description="{{ guide.description | downcase }}" 
+                data-tags="{{ guide.tags | join: ' ' | downcase }}" 
+                data-search-keywords="{{ guide.search-keywords | join: ' ' | downcase }}">
+                    <div class="guide-title-and-description-container">
+                        <h3 class="guide-title">{{guide.title}}</h3>
+                        <p class="guide-description" title="{{guide.description}}">{{guide.description}}</p>
+                    </div>
+                    <img class="duration-clock-icon" src="/img/guide-duration-clock-icon-small.svg" alt="Duration">
+                    <span class="guide-duration">{{guide.duration}}</span>
+                </a>
+            </div>
+            {% endfor %}
+        </div>
+    </div>
+{% endif %}
+
 <!-- MORE GUIDES -->
 {% if uncatagorized-guides.size > 0 %}
     <div id="guides-basic-banner" class="basic-section container-fluid">