Doc layout first changes

Signed-off-by: Eloy Coto <[email protected]>

_data/documentation/latest.yaml

@@ -0,0 +1,44 @@
+---
+# - Name: test
+#   Link: "/documentation/latest/into/test.md"
+#   Childs:
+#   - Name: test
+#     Link: "/documentation/latest/into/test.md"
+#   - Name: test
+#     Link: "/documentation/latest/into/test.md"
+# - Name: test
+#   Link: "/documentation/latest/into/test.md"
+#   Childs:
+#   - Name: test
+#     Link: "/documentation/latest/into/test.md"
+#   - Name: test
+#     Link: "/documentation/latest/into/test.md"
+#
+#
+- Name: Intro
+  Link: "/documentation/latest/into/test.md"
+  Childs:
+  - Name: What is flotta
+    Link: "/documentation/latest/into/test.md"
+  - Name: Use cases
+    Link: "/documentation/latest/into/test.md"
+  - Name: Flotta vs others
+    Link: "/documentation/latest/into/test.md"
+
+- Name: Getting started
+  Link: "/documentation/latest/into/test.md"
+  Childs:
+  - Name: Minikube
+    Link: "/documentation/latest/into/test.md"
+  - Name: Kind
+    Link: "/documentation/latest/into/test.md"
+  - Name: OCP
+    Link: "/documentation/latest/into/test.md"
+
+- Name: Os Management
+  Link: "/documentation/latest/into/test.md"
+  Childs:
+  - Name: Pipelines
+    Link: "/documentation/latest/into/test.md"
+  - Name: RPM-Osstree
+    Link: "/documentation/latest/into/test.md"

_data/documentation/v0_1.yaml

@@ -0,0 +1,31 @@
+---
+# - Name: test
+#   Link: "/documentation/latest/into/test.md"
+#   Childs:
+#   - Name: test
+#     Link: "/documentation/latest/into/test.md"
+#   - Name: test
+#     Link: "/documentation/latest/into/test.md"
+# - Name: test
+#   Link: "/documentation/latest/into/test.md"
+#   Childs:
+#   - Name: test
+#     Link: "/documentation/latest/into/test.md"
+#   - Name: test
+#     Link: "/documentation/latest/into/test.md"
+#
+#
+- Name: test
+  Link: "/documentation/latest/into/test.md"
+  Childs:
+  - Name: test
+    Link: "/documentation/latest/into/test.md"
+  - Name: test
+    Link: "/documentation/latest/into/test.md"
+- Name: test
+  Link: "/documentation/latest/into/test.md"
+  Childs:
+  - Name: test
+    Link: "/documentation/latest/into/test.md"
+  - Name: test
+    Link: "/documentation/latest/into/test.md"

_includes/header.html

@@ -1,4 +1,4 @@
-<header class="navigation fixed-top">
+<header class="navigation fixed-top nav-bg">
   <nav class="navbar navbar-expand-lg navbar-dark">
     <a class="navbar-brand font-tertiary h3" href="{{ site.baseurl }}/">
       {% if site.data.settings.logo %}

_layouts/documentation.html

@@ -0,0 +1,41 @@
+---
+layout: default
+---
+
+<section class="section skip_top">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-4">
+        {% assign urlParts = page.url | split: "/" %}
+        {% assign version = urlParts[2] %}
+        <ul class="list-group list-group-collapse border-0">
+          {% for item in site.data.documentation[version] %}
+            <li class="list-group-item border-0">
+              <h5><a href="{{item.Link}}">{{ item.Name}}</a></h5>
+              {% if item.Childs.size > 0 %}
+                <ul class="list-group border-0">
+                  {% for val in item.Childs %}
+                    <li class="list-group-item border-0"> <a href="{{val.Link}}">{{ val.Name }}</a> </li>
+                  {% endfor %}
+                </ul>
+              {% endif %}
+            </li>
+          {% endfor %}
+        </ul>
+      </div>
+
+      <div class="col-lg-8">
+        <h1 class="font-tertiary mb-5">{{ page.title | escape }}</h1>
+        <!-- <p class="font-secondary">Published on {{ page.date | date: '%b %d, %Y' }} by <span class="text-primary">{{ page.author }}</span -->
+        <!--     class="text-primary"> on {% for tag in page.tags %}<span>{{ tag }} </span>{% endfor %}</p> -->
+        <div class="content">
+          {% if page.image %}
+            <img src="{{page.image | relative_url }}" class="img-fluid rounded float-left mr-5 mb-4" alt="{{page.title}}">
+          {% endif %}
+
+          {{ content }}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>

_layouts/post.html

@@ -1,27 +1,8 @@
 ---
 layout: default
 ---
-<!-- page title -->
-<section class="page-title bg-primary position-relative">
-  <div class="container">
-    <div class="row">
-      <div class="col-12 text-center">
-        <h1 class="text-white font-tertiary">Blogs</h1>
-      </div>
-    </div>
-  </div>
-  <!-- background shapes -->
-  <!-- <img src="{{ site.baseurl }}/assets/images/illustrations/page-title.png" alt="illustrations" class="bg-shape-1 w-100"> -->
-  <!-- <img src="{{ site.baseurl }}/assets/images/illustrations/leaf-pink-round.png" alt="illustrations" class="bg-shape-2"> -->
-  <!-- <img src="{{ site.baseurl }}/assets/images/illustrations/dots-cyan.png" alt="illustrations" class="bg-shape-3"> -->
-  <!-- <img src="{{ site.baseurl }}/assets/images/illustrations/leaf-orange.png" alt="illustrations" class="bg-shape-4"> -->
-  <!-- <img src="{{ site.baseurl }}/assets/images/illustrations/leaf-yellow.png" alt="illustrations" class="bg-shape-5"> -->
-  <!-- <img src="{{ site.baseurl }}/assets/images/illustrations/dots-group-cyan.png" alt="illustrations" class="bg-shape-6"> -->
-  <!-- <img src="{{ site.baseurl }}/assets/images/illustrations/leaf-cyan-lg.png" alt="illustrations" class="bg-shape-7"> -->
-</section>
-<!-- /page title -->
 
-<section class="section">
+<section class="section skip_top">
   <div class="container">
     <div class="row">
       <div class="col-lg-12">

assets/js/script.js

@@ -4,13 +4,13 @@
 
 
     // Sticky Menu
-    $(window).scroll(function () {
-        if ($('.navigation').offset().top > 100) {
-            $('.navigation').addClass('nav-bg');
-        } else {
-            $('.navigation').removeClass('nav-bg');
-        }
-    });
+    // $(window).scroll(function () {
+    //     if ($('.navigation').offset().top > 100) {
+    //         $('.navigation').addClass('nav-bg');
+    //     } else {
+    //         $('.navigation').removeClass('nav-bg');
+    //     }
+    // });
 
     // Background-images
     $('[data-background]').each(function () {
@@ -154,4 +154,4 @@
 
 
 
-})(jQuery);
+})(jQuery);

assets/scss/_custom.scss

@@ -0,0 +1,3 @@
+.skip_top {
+  margin-top: 80px;
+}

assets/scss/style.scss

@@ -16,6 +16,8 @@ VERSION:	Versoin Number
 
 @import 'mixins.scss';
 
+@import 'custom.scss';
+
 @import 'typography';
 
 @import 'buttons';

documentation/latest/intro/overview.md

@@ -0,0 +1,36 @@
+---
+layout: documentation
+title: What is flotta
+---
+
+## Phase 1
+
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
+Ipsum has been the industry's standard dummy text ever since the 1500s, when an
+unknown printer took a galley of type and scrambled it to make a type specimen
+book. It has survived not only five centuries, but also the leap into electronic
+typesetting, remaining essentially unchanged. It was popularised in the 1960s
+with the release of Letraset sheets containing Lorem Ipsum passages, and more
+recently with desktop publishing software like Aldus PageMaker including
+versions of Lorem Ipsum.
+
+## Phase 2
+
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
+Ipsum has been the industry's standard dummy text ever since the 1500s, when an
+unknown printer took a galley of type and scrambled it to make a type specimen
+book. It has survived not only five centuries, but also the leap into electronic
+typesetting, remaining essentially unchanged. It was popularised in the 1960s
+with the release of Letraset sheets containing Lorem Ipsum passages, and more
+recently with desktop publishing software like Aldus PageMaker including
+versions of Lorem Ipsum.
+## Phase 3
+
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
+Ipsum has been the industry's standard dummy text ever since the 1500s, when an
+unknown printer took a galley of type and scrambled it to make a type specimen
+book. It has survived not only five centuries, but also the leap into electronic
+typesetting, remaining essentially unchanged. It was popularised in the 1960s
+with the release of Letraset sheets containing Lorem Ipsum passages, and more
+recently with desktop publishing software like Aldus PageMaker including
+versions of Lorem Ipsum.