miniml 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 7916ac5e30519a74295494d4caf5fbdb52528f87c06fa6f0b2da359d5ea43e6d
+  data.tar.gz: bc1087e4c638e0491d9db5e90ea9b0f07cc24aa84bb3faea64c97d4d1deb08ac
+SHA512:
+  metadata.gz: c0f0be3285c545cc07e13a4e296f3079228e63a9f4d55576f80a0a54bc0e003e5d3d4c4ff25182e305cd3cf134a57196d9e8abd0ef2259286e01271a6ab7999a
+  data.tar.gz: 1d94abf84bb840f68d531d749dd7c8435e58995264eab6c72472cf1368384d160da929fd4fb948a65d5a717b2fd58fb502bdef3ca8e5acba3f644f9f42b7f92b

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2022 ST4RLAB
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,26 @@
+# MINIML
+
+
+## Build Responsive Websites Fast with MINIML
+
+![miniml](/screenshot.jpg)
+
+# Demo site
+This site is it's own demo. [miniml](https://st4rlab.github.io/miniml/)
+
+Built with [UiKit](https://getuikit.com/) by [YooTheme](https://yootheme.com/). Uikit is better than bootstrap in many ways and this Jekyll theme gem leverages all the power of UiKit in an easy to understand package giving you the ability to focus on content and structure with ease.
+
+# Features
+
+* 100% compatible with GitHub Pages!
+* Available to install by forking, cloning, or as a theme gem.
+* Responsive layout built in and Mobile off-canvas menu.
+* Paginated blog page with follow links on last page.
+* Tag archive page that automatically populates with tags from posts. ie: [tag1, tag2, tag3, etc].
+* Google Analytics support.
+* Large header image support.
+
+# Installation
+
+For Quickstart, go to: [Installation](https://st4rdusdt.github.io/miniml/installation/)
+Detailed instructions located in: [Documentation](https://st4rdusdt.github.io/miniml/documentation/)

data/_data/navigation.yml

@@ -0,0 +1,21 @@
+# If you want to link only specific pages in your header, add the path to the
+# pages in order as they should show up.
+main:
+  - title: "Installation"
+    url: /installation
+  - title: "Documentation"
+    url: /documentation
+  - title: "Blog"
+    url: /blog
+  - title: "Contact"
+    url: /contact
+    
+mobile:
+  - title: "Installation"
+    url: /installation
+  - title: "Documentation"
+    url: /documentation
+  - title: "Blog"
+    url: /blog
+  - title: "Contact"
+    url: /contact

data/_includes/components.html

@@ -0,0 +1,92 @@
+<h4>Documentation</h4>
+<a href="{{"/components/introduction" | relative_url}}">Introduction</a>
+<h5>Layout</h5>
+<hr>
+<ul class="uk-nav">
+  <li><a href="{{"/components/article" | relative_url}}">Article</a></li>
+  <li><a href="{{"/components/background" | relative_url}}">Background</a></li>
+  <li><a href="{{"/components/container" | relative_url}}">Container</a></li>
+  <li><a href="{{"/components/cover" | relative_url}}">Cover</a></li>
+  <li><a href="{{"/components/flex" | relative_url}}">Flex</a></li>
+  <li><a href="{{"/components/grid" | relative_url}}">Grid</a></li>
+  <li><a href="{{"/components/column" | relative_url}}">Column</a></li>
+  <li><a href="{{"/components/width" | relative_url}}">Width</a></li>
+</ul>
+<hr>
+<h5>Text</h5>
+<hr>
+<ul class="uk-nav">
+  <li><a href="{{"/components/heading" | relative_url}}">Heading</a></li>
+  <li><a href="{{"/components/text" | relative_url}}">Text</a></li>
+</ul>
+<hr>
+<ul class="uk-nav">
+  <li><a href="{{"/components/accordion" | relative_url}}">Accordion</a></li>
+  <li><a href="{{"/components/alert" | relative_url}}">Alert</a></li>
+  <li><a href="{{"/components/animation" | relative_url}}">Animation</a></li>
+  <li><a href="{{"/components/align" | relative_url}}">Align</a></li>
+  <li><a href="{{"/components/badge" | relative_url}}">Badge</a></li>
+  <li><a href="{{"/components/base" | relative_url}}">Base</a></li>
+  <li><a href="{{"/components/breadcrumb" | relative_url}}">Breadcrumb</a></li>
+  <li><a href="{{"/components/button" | relative_url}}">Button</a></li>
+  <li><a href="{{"/components/card" | relative_url}}">Card</a></li>
+  <li><a href="{{"/components/close" | relative_url}}">Close</a></li>
+  <li><a href="{{"/components/comment" | relative_url}}">Comment</a></li>
+  <li><a href="{{"/components/description-list" | relative_url}}">Description List</a></li>
+  <li><a href="{{"/components/divider" | relative_url}}">Divider</a></li>
+  <li><a href="{{"/components/dotnav" | relative_url}}">Dotnav</a></li>
+  <li><a href="{{"/components/drop" | relative_url}}">Drop</a></li>
+  <li><a href="{{"/components/dropdown" | relative_url}}">Dropdown</a></li>
+  <li><a href="{{"/components/filter" | relative_url}}">Filter</a></li>
+  <li><a href="{{"/components/form" | relative_url}}">Form</a></li>
+  <li><a href="{{"/components/height" | relative_url}}">Height</a></li>
+  <li><a href="{{"/components/icon" | relative_url}}">Icon</a></li>
+  <li><a href="{{"/components/iconnav" | relative_url}}">Iconnav</a></li>
+  <li><a href="{{"/components/image" | relative_url}}">Image</a></li>
+  <li><a href="{{"/components/inverse" | relative_url}}">Inverse</a></li>
+  <li><a href="{{"/components/label" | relative_url}}">Label</a></li>
+  <li><a href="{{"/components/leader" | relative_url}}">Leader</a></li>
+  <li><a href="{{"/components/lightbox" | relative_url}}">Lightbox</a></li>
+  <li><a href="{{"/components/link" | relative_url}}">Link</a></li>
+  <li><a href="{{"/components/list" | relative_url}}">List</a></li>
+  <li><a href="{{"/components/margin" | relative_url}}">Margin</a></li>
+  <li><a href="{{"/components/marker" | relative_url}}">Marker</a></li>
+  <li><a href="{{"/components/modal" | relative_url}}">Modal</a></li>
+  <li><a href="{{"/components/nav" | relative_url}}">Nav</a></li>
+  <li><a href="{{"/components/navbar" | relative_url}}">Navbar</a></li>
+  <li><a href="{{"/components/notification" | relative_url}}">Notification
+  <li><a href="{{"/components/off-canvas" | relative_url}}">Off-canvas</a></li>
+  <li><a href="{{"/components/overlay" | relative_url}}">Overlay</a></li>
+  <li><a href="{{"/components/padding" | relative_url}}">Padding</a></li>
+  <li><a href="{{"/components/pagination" | relative_url}}">Pagination</a></li>
+  <li><a href="{{"/components/parallax" | relative_url}}">Parallax</a></li>
+  <li><a href="{{"/components/placeholder" | relative_url}}">Placeholder</a></li>
+  <li><a href="{{"/components/position" | relative_url}}">Position</a></li>
+  <li><a href="{{"/components/print" | relative_url}}">Print</a></li>
+  <li><a href="{{"/components/progress" | relative_url}}">Progress</a></li>
+  <li><a href="{{"/components/scroll" | relative_url}}">Scroll</a></li>
+  <li><a href="{{"/components/scrollspy" | relative_url}}">Scrollspy</a></li>
+  <li><a href="{{"/components/search" | relative_url}}">Search</a></li>
+  <li><a href="{{"/components/section" | relative_url}}">Section</a></li>
+  <li><a href="{{"/components/slidenav" | relative_url}}">Slidenav</a></li>
+  <li><a href="{{"/components/slider" | relative_url}}">Slider</a></li>
+  <li><a href="{{"/components/slideshow" | relative_url}}">Slideshow</a></li>
+  <li><a href="{{"/components/sortable" | relative_url}}">Sortable</a></li>
+  <li><a href="{{"/components/spinner" | relative_url}}">Spinner</a></li>
+  <li><a href="{{"/components/sticky" | relative_url}}">Sticky</a></li>
+  <li><a href="{{"/components/subnav" | relative_url}}">Subnav</a></li>
+  <li><a href="{{"/components/svg" | relative_url}}">SVG</a></li>
+  <li><a href="{{"/components/switcher" | relative_url}}">Switcher</a></li>
+  <li><a href="{{"/components/tab" | relative_url}}">Tab</a></li>
+  <li><a href="{{"/components/table" | relative_url}}">Table</a></li>
+  <li><a href="{{"/components/thumbnav" | relative_url}}">Thumbnav</a></li>
+  <li><a href="{{"/components/tile" | relative_url}}">Tile</a></li>
+  <li><a href="{{"/components/toggle" | relative_url}}">Toggle</a></li>
+  <li><a href="{{"/components/tooltip" | relative_url}}">Tooltip</a></li>
+  <li><a href="{{"/components/totop" | relative_url}}">Totop</a></li>
+  <li><a href="{{"/components/transition" | relative_url}}">Transition</a></li>
+  <li><a href="{{"/components/upload" | relative_url}}">Upload</a></li>
+  <li><a href="{{"/components/utility" | relative_url}}">Utility</a></li>
+  <li><a href="{{"/components/video" | relative_url}}">Video</a></li>
+  <li><a href="{{"/components/visibility" | relative_url}}">Visibility</a></li>
+</ul>

data/_includes/contact-form.html

@@ -0,0 +1,18 @@
+<form action="https://usebasin.com/f/d55e7dea2480" method="POST" enctype="multipart/form-data" id="form">
+  <fieldset class="uk-fieldset">
+    <legend class="uk-legend">Send me a message</legend>
+    <div class="uk-margin">
+      <label class="uk-form-label" for="name">Name</label>
+      <input class="uk-input" type="text" name="name" placeholder="Your Name" />
+    </div>
+    <div class="uk-margin">
+      <label class="uk-form-label" for="email">Email</label>
+      <input class="uk-input" type="email" name="email" required />
+    </div>
+    <div class="uk-margin">
+      <label class="uk-form-label" for="message">Message</label>
+      <textarea class="uk-textarea" name="message"></textarea>
+    </div>
+    <button type="submit" class="button uk-button uk-button-primary">Send</button>
+  </fieldset>
+</form>

data/_includes/disqus.html

@@ -0,0 +1,19 @@
+{% if site.disqus %}
+<!-- Disqus -->
+  <div class="comments">
+    <div id="disqus_thread"></div>
+    <script type="text/javascript">
+        var disqus_shortname = '{{ site.disqus }}';
+        /* ensure that pages with query string get the same discussion */
+            var url_parts = window.location.href.split("?");
+            var disqus_url = url_parts[0];
+        (function() {
+            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+        })();
+    </script>
+    <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+  </div>
+<!-- End Disqus -->
+{% endif %}

data/_includes/footer-links.html

@@ -0,0 +1,11 @@
+<span>
+  {% if site.twitter %}
+  <a href="https://twitter.com/{{site.twitter}}" class="uk-icon-button" uk-icon="twitter" uk-tooltip="title: Twitter" target="_blank"></a>
+  {% endif %}
+  {% if site.github %}
+  <a href="https://github.com/{{site.github}}" class="uk-icon-button" uk-icon="github" uk-tooltip="title: GitHub" target="_blank"></a>
+  {% endif %}
+  {% if site.RSS %}
+  <a href="{{ "/feed.xml" | relative_url }}" class="uk-icon-button" uk-icon="rss" uk-tooltip="title: RSS Feed" target="_blank"></a>
+  {% endif %}
+</span>

data/_includes/footer.html

@@ -0,0 +1,15 @@
+<footer>
+  <div class="uk-section uk-section-secondary uk-section-xsmall">
+    <div class="uk-container">
+      <div class="uk-grid-match uk-child-width-1-1@m" uk-grid>
+        <div class="uk-text-center uk-text-small">
+          <p>
+            &copy; 2022 <a class="uk-link-text" href="{{"https://st4rlab.github.io" | relative_url }}">ST4RLAB</a> | <a class="uk-link-text" href="{{"https://github.com/st4rlab/miniml" | relative_url }}">miniml</a>
+            &nbsp;
+            {% include footer-links.html %}
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>

data/_includes/google_analytics.html

@@ -0,0 +1,10 @@
+{% if jekyll.environment == "production" and site.google_analytics %}
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-KZ1JS263PW"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+  gtag('config', '{{ site.google_analytics }}');
+</script>
+{% endif %}

data/_includes/gu-shields.md

@@ -0,0 +1,7 @@
+
+[![GitHub forks](https://img.shields.io/github/forks/isaacjosephhorton/miniml.svg?style=for-the-badge&label=Fork)](https://github.com/jpasholk/jekyll-uikit/fork/)
+[![GitHub stars](https://img.shields.io/github/stars/isaacjosephhorton/miniml.svg?style=for-the-badge&label=Stars)](https://github.com/jpasholk/jekyll-uikit/stargazers)
+[![GitHub last commit](https://img.shields.io/github/last-commit/isaacjosephhorton/miniml.svg?style=for-the-badge)](https://github.com/isaacjosephhorton/miniml/commits/master)
+[![GitHub issues](https://img.shields.io/github/issues-raw/isaacjosephhorton/miniml.svg?style=for-the-badge)](https://github.com/isaacjosephhorton/miniml/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc)
+[![Gem](https://img.shields.io/gem/dt/jekyll-uikit.svg?style=for-the-badge)](https://rubygems.org/gems/jekyll-uikit)
+[![GitHub contributors](https://img.shields.io/github/contributors/isaacjosephhorton/miniml.svg?style=for-the-badge)](https://github.com/isaacjosephhorton/miniml/graphs/contributors)

data/_includes/head.html

@@ -0,0 +1,78 @@
+<head>
+  <meta charset="utf-8">
+  <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+  {%- assign page_title = page.title | default: site.title -%}
+  {%- assign page_description = page.description | default: site.description -%}
+  <link rel="author" href="{{ site.author }}">
+  <link rel="publisher" href="{{ site.name }}">
+  <link rel="icon" href="{{ site.baseurl }}/assets/img/favicon-min.png">
+  <meta itemprop="name" content="{{ page_title }}">
+  <meta itemprop="description" content="{{ page_description }}">
+  <meta itemprop="image" content="{{ page.bigimg }}">
+
+  <meta name="theme-color" content="#2e353f">
+  <meta name="description" content="{{ page_description }}">
+  <meta name="robots" content="index,follow">
+  <meta name="googlebot" content="index,follow">
+  <meta name="generator" content="jekyll">
+  <meta name="rating" content="General">
+  <meta name="format-detection" content="telephone=no">
+  <meta https-equiv="x-dns-prefetch-control" content="on">
+
+  <!-- Facebook Open Graph -->
+  <meta property="fb:app_id" content="{{ site.fb_app_id }}">
+  <meta property="og:url" content="{{ site.url }}{{ page.url | replace:'index.html',''}}">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="{{ page_title }}">
+  <meta property="og:image" content="{% if page.bigimg %}{{ page.bigimg | prepend: site.url }}{% else %}{{ "/assets/img/preview.png" | prepend: site.url }}{% endif %}">
+  <meta property="og:description" content="{{ site.description }}">
+  <meta property="og:site_name" content="{{ site.name }}">
+  <meta property="og:locale" content="{{ site.locale }}">
+
+  <!-- Twitter Card -->
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@{{ site.twitter }}">
+  <meta name="twitter:creator" content="@{{ site.twitter }}">
+  <meta name="twitter:url" content="{{ site.url }}{{ page.url | replace:'index.html',''}}">
+  <meta name="twitter:title" content="{{ page_title }}">
+  <meta name="twitter:description" content="{{ page_description }}">
+  <meta name="twitter:image" content="{% if page.bigimg %}{{ page.bigimg | prepend: site.url }}{% else %}{{ "/Screenshot.jpg" | prepend: site.url }}{% endif %}">
+  <meta name="twitter:dnt" content="on">
+
+  <!-- Preloading is not currently supported by any browser at the moment, the idea behind it is certainly interesting.
+  <link rel="preload" href="image.png" as="image">
+  -->
+
+  <title>{{ page_title }}</title>
+
+  <base href="{{site.baseurl}}">
+
+  <!-- Prefetching, preloading, prebrowsing -->
+  <link rel="dns-prefetch" href="{{site.baseurl | remove: "https:" }}">
+  <link rel="preconnect" href="{{site.baseurl}}">
+  <link rel="prefetch" href="{{site.baseurl}}">
+  <link rel="prerender" href="{{site.baseurl}}">
+  <link href="{{ "/assets/apple-touch-icon.png" | relative_url }}" rel="apple-touch-icon">
+  <link rel="canonical" href="{{ site.url }}{{ page.url | replace:'index.html',''}}">
+  <link rel="license" href="{{ /LICENCE | relative_url }}">
+  <link rel="alternate" href="https://es.example.com/" hreflang="{{ site.lang }}">
+  <!-- https://validator.w3.org/feed/ -->
+  <link href="{{ "/feed.xml" | relative_url }}" type="application/rss+xml" rel="alternate" title="Latest 10 blog posts (atom)">
+  <!-- UiKit CSS -->
+  <link rel="stylesheet" href="{{ "/assets/css/uikit.min.css" | relative_url }}">
+  <!-- syntax highlighting CSS -->
+  <link rel="stylesheet" href="{{ "/assets/css/syntax.css" | relative_url }}" type="text/css">
+  <!-- Overrides CSS -->
+  <link rel="stylesheet" href="{{ "/assets/css/custom.css" | relative_url }}" type="text/css">
+  <!-- UiKit Javascript -->
+  <script type="text/javascript" src="{{ "/assets/js/uikit.min.js " | relative_url }}"></script>
+  <script type="text/javascript" src="{{ "/assets/js/uikit-icons.min.js " | relative_url }}"></script>
+  {% include google_analytics.html %}
+<style>
+  .button, input[type=submit] {
+    -webkit-appearance: none;
+  }
+</style>
+</head>

data/_includes/header.html

@@ -0,0 +1,47 @@
+<header class="tm-main" uk-sticky>
+	<div class="uk-container">
+		<nav id="nav" class="uk-navbar-container uk-navbar-transparent" uk-navbar >
+			<div class="uk-navbar-left">
+				{% include logo.html %}
+				<ul class="uk-navbar-nav  uk-visible@m">
+					{% for link in site.data.navigation.main %}
+					{% if link.url contains "https" %}
+					{% assign url = link.url %}
+					{% else %}
+					{% assign url = link.url | relative_url %}
+					{% endif %}
+					<li class="{% if page.url contains link.url %}uk-active{% endif %}"><a href="{{ url }}">{{ link.title }}</a></li>
+					{% endfor %}
+					{% for link in site.data.navigation.toggle %}
+					{% if link.url contains "https" %}
+					{% assign url = link.url %}
+					{% else %}
+					{% assign url = link.url | relative_url %}
+					{% endif %}
+					<li class="{% if page.url contains link.url %}uk-active{% endif %}">
+						<a href="{{ url }}">{{ link.title }}</a>
+						<div class="uk-navbar-dropdown uk-border-rounded uk-background-muted">
+							<ul class="uk-nav uk-navbar-dropdown-nav">
+								{% for link in site.data.navigation.subnav %}
+								{% if link.url contains "https" %}
+								{% assign url = link.url %}
+								{% else %}
+								{% assign url = link.url | relative_url %}
+								{% endif %}
+								<li class="{% if page.url contains link.url %}uk-active{% endif %} uk-nav-header"><a href="{{ url }}">{{ link.title }}</a></li>
+								{% endfor %}
+							</ul>
+						</div>
+					</li>
+					{% endfor %}
+				</ul>
+				<ul class="uk-navbar-nav uk-hidden@m">
+					<li><button class="uk-navbar-toggle" uk-navbar-toggle-icon uk-toggle href="#offcanvasmenu"></button></li>
+				</ul>
+			</div>
+			<div class="uk-navbar-right uk-hidden@m">
+				{% include offcanvas.html %}
+			</div>
+		</nav>
+	</div>
+</header>

data/_includes/logo-dark.html

@@ -0,0 +1 @@
+<a href="{{"/" | relative_url}}" class="uk-logo uk-margin-remove-left"><img src="{{"/assets/img/logo-black.svg" | relative_url}}" alt="miniml" class="uk-margin-small-right" width="122" height="36" uk-svg></a>

data/_includes/logo-light.html

@@ -0,0 +1 @@
+<a href="{{"/" | relative_url}}" class="uk-logo uk-margin-remove-left"><img src="{{"/assets/img/logo-white.svg" | relative_url}}" alt="miniml" class="uk-margin-small-right" width="122" height="36" uk-svg></a>

data/_includes/logo.html

@@ -0,0 +1,5 @@
+		    {% if page.logo == 'light' %}
+		    {% include logo-light.html %}
+		    {% else %}
+		    {% include logo-dark.html %}
+		    {% endif %}

data/_includes/offcanvas.html

@@ -0,0 +1,18 @@
+<div id="offcanvasmenu" class="uk-modal-full" uk-modal>
+	<div class="uk-modal-dialog uk-modal-body">
+		 <button class="uk-modal-close-full uk-close-large" type="button" uk-close></button>
+		<a href="{{"/" | relative_url}}" class="uk-logo uk-inline uk-padding-top uk-margin uk-margin-remove-left"><img src="{{"/assets/img/logo-black.svg" | relative_url}}" width="122" height="36" alt="miniml" class="uk-margin-small-right"
+				uk-svg></a>
+		<h5 class="uk-margin">Navigation</h5>
+		<ul class="uk-nav uk-nav-default">
+			{% for link in site.data.navigation.mobile %}
+			{% if link.url contains "https" %}
+			{% assign url = link.url %}
+			{% else %}
+			{% assign url = link.url | relative_url %}
+			{% endif %}
+			<li class="{% if page.url contains link.url %}uk-active{% endif %}"><a href="{{ url }}">{{ link.title }}</a></li>{% unless forloop.last %} {% endunless %}
+			{% endfor %}
+		</ul>
+	</div>
+</div>

data/_includes/overlayheader.html

@@ -0,0 +1,47 @@
+<header>
+	<div class="uk-container">
+		<nav id="nav" class="uk-navbar-container uk-navbar-transparent" uk-navbar>
+			<div class="uk-navbar-left ">
+				{% include logo.html %}
+				<ul class="uk-navbar-nav  uk-visible@s">
+					{% for link in site.data.navigation.main %}
+					{% if link.url contains "https" %}
+					{% assign url = link.url %}
+					{% else %}
+					{% assign url = link.url | relative_url %}
+					{% endif %}
+					<li class="{% if page.url contains link.url %}uk-active{% endif %}"><a href="{{ url }}">{{ link.title }}</a></li>
+					{% endfor %}
+					{% for link in site.data.navigation.toggle %}
+					{% if link.url contains "https" %}
+					{% assign url = link.url %}
+					{% else %}
+					{% assign url = link.url | relative_url %}
+					{% endif %}
+					<li class="{% if page.url contains link.url %}uk-active{% endif %}">
+						<a href="{{ url }}">{{ link.title }}</a>
+						<div class="uk-navbar-dropdown uk-border-rounded uk-background-muted">
+							<ul class="uk-nav uk-navbar-dropdown-nav">
+								{% for link in site.data.navigation.subnav %}
+								{% if link.url contains "https" %}
+								{% assign url = link.url %}
+								{% else %}
+								{% assign url = link.url | relative_url %}
+								{% endif %}
+								<li class="{% if page.url contains link.url %}uk-active{% endif %} uk-nav-header"><a href="{{ url }}">{{ link.title }}</a></li>
+								{% endfor %}
+							</ul>
+						</div>
+					</li>
+					{% endfor %}
+				</ul>
+				<ul class="uk-navbar-nav uk-hidden@s">
+					<li><a class="uk-navbar-toggle" uk-navbar-toggle-icon uk-toggle href="#offcanvasmenu"></a></li>
+				</ul>
+			</div>
+			<div class="uk-navbar-right uk-hidden@s">
+				{% include offcanvas.html %}
+			</div>
+		</nav>
+	</div>
+</header>

data/_includes/pagination.html

@@ -0,0 +1,24 @@
+<div class="pagination uk-link-muted">
+  <br>
+  <ul class="uk-pagination uk-child-width-expand">
+    {% if paginator.previous_page %}
+    <li><a href="{{ paginator.previous_page_path }}"><span class="uk-margin-small-right" uk-pagination-previous></span> Previous</a></li> {% else %}
+    <li><a href="{{"/" | relative_url}}"><span class="uk-margin-small-right" uk-icon="home"> </span>Home</a></li>
+    {% endif %}
+    <span class="uk-flex uk-flex-center">
+      <li>{{paginator.page}} of {{paginator.total_pages}}</li>
+    </span>
+    {% if paginator.next_page %}
+    <div class="uk-flex uk-flex-right">
+      <li class="uk-margin-auto-left"><a href="{{ paginator.next_page_path }}">Next <span class="uk-margin-small-left" uk-pagination-next></span></a></li>
+    </div>
+    {% else %}
+    <div class="uk-flex uk-flex-right">
+      <li class="uk-margin-auto-left">
+        <a href="https://twitter.com/{{site.twitter}}" target="_blank">Follow<span uk-icon="twitter" class="uk-margin-small-left"></span></a>
+      </li>
+    </div>
+    {% endif %}
+  </ul>
+  <hr class="uk-divider-icon">
+</div>

data/_includes/post-pagination.html

@@ -0,0 +1,24 @@
+<br>
+<ul class="uk-pagination">
+  {% if page.previous.url %}
+  <li>
+    <a href="{{ page.previous.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.previous.title}}"><span class="uk-margin-small-right" uk-pagination-previous></span>
+      {{ page.previous.title | truncate: 15 }}</a>
+  </li>
+  {% else %}
+  <li>
+    <a href="{{"/blog" | relative_url}}"><span class="uk-margin-small-right" uk-pagination-previous></span>Back</a>
+  </li>
+  {% endif %}
+  {% if page.next.url %}
+  <li class="uk-margin-auto-left">
+    <a href="{{ page.next.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.next.title}}">{{ page.next.title | truncate: 15 }} <span class="uk-margin-small-left"
+        uk-pagination-next></span></a>
+  </li>
+  {% else %}
+  <li class="uk-margin-auto-left">
+    <a href="https://twitter.com/{{site.twitter}}" target="_blank">Follow<span uk-icon="twitter" class="uk-margin-small-left"></span></a>
+  </li>
+  {% endif %}
+</ul>
+<hr class="uk-divider-icon">

data/_includes/reading-time-blog.html

@@ -0,0 +1,10 @@
+<!--Reading time-->
+<span class="uk-article-meta" uk-icon="clock"></span>
+<span class="uk-article-meta" title="Estimated read time">
+  {% assign words = post.content | number_of_words %}
+  {% if words < 360 %}
+  <span class="uk-article-meta">1 min</span>
+  {% else %}
+  <span class="uk-article-meta">{{ words | divided_by:180 }} mins</span>
+  {% endif %}
+</span>

data/_includes/reading-time.html

@@ -0,0 +1,10 @@
+<!--Reading time-->
+<span class="uk-article-meta" uk-icon="clock"></span>
+<span class="uk-article-meta" title="Estimated read time">
+  {% assign words = content | number_of_words %}
+  {% if words < 360 %}
+  <span class="uk-article-meta">1 min</span>
+  {% else %}
+  <span class="uk-article-meta">{{ words | divided_by:180 }} mins</span>
+  {% endif %}
+</span>

data/_includes/sections/blocks.html

@@ -0,0 +1,72 @@
+<div class="uk-section uk-section-large uk-section-muted">
+  <div class="uk-container">
+    <div uk-grid>
+
+      <div class="uk-width-1-2@m">
+        <div class="uk-card uk-card-default" uk-scrollspy="cls: uk-animation-fade; repeat: true">
+          <div class="uk-card-media-top">
+            <img src="{{ "/assets/img/blocks.png" | relative_url }}" alt="Blocks">
+          </div>
+          <div class="uk-card-body">
+            <div class="uk-heading-small" uk-scrollspy="cls: uk-animation-fade; repeat: true">Blocks</div>
+            <p>New Template Library featuring modular Blocks of reusable content for your custom build. </p>
+            <a class="uk-button uk-button-primary uk-button-large" href="{{"/components/introduction" | relative_url }}">Blokks Template Library</a>
+          </div>
+        </div>
+      </div>
+
+      <div class="uk-width-1-2@m">
+        <div class="uk-card uk-card-default" uk-scrollspy="cls: uk-animation-fade; repeat: true">
+          <div class="uk-card-media-top">
+            <img src="{{ "/assets/img/animation.png" | relative_url }}" alt="Animation">
+          </div>
+          <div class="uk-card-body">
+            <div class="uk-heading-small" uk-scrollspy="cls: uk-animation-fade; repeat: true">Animators</div>
+            <p>Quickly construct animated elements by adding easy to use attributes. </p>
+            <a class="uk-button uk-button-primary uk-button-large" href="{{"/components/animation" | relative_url }}">View Code Examples</a>
+          </div>
+        </div>
+      </div>
+
+      <div class="uk-width-1-2@m">
+        <div class="uk-card uk-card-default" uk-scrollspy="cls: uk-animation-fade; repeat: true">
+          <div class="uk-card-media-top">
+            <img src="{{ "/assets/img/scrollspy.png" | relative_url }}" alt="Animation">
+          </div>
+          <div class="uk-card-body">
+            <div class="uk-heading-small" uk-scrollspy="cls: uk-animation-fade; repeat: true">Scrollspy</div>
+            <p>Trigger events on scroll like animations. </p>
+            <a class="uk-button uk-button-primary uk-button-large" href="{{"/components/scrollspy" | relative_url }}">Try Scrollspy</a>
+          </div>
+        </div>
+      </div>
+
+      <div class="uk-width-1-2@m">
+        <div class="uk-card uk-card-default" uk-scrollspy="cls: uk-animation-fade; repeat: true">
+          <div class="uk-card-media-top">
+            <img src="{{ "/assets/img/slideshow.png" | relative_url }}" alt="Slideshow">
+          </div>
+          <div class="uk-card-body">
+            <div class="uk-heading-small" uk-scrollspy="cls: uk-animation-fade; repeat: true">Slideshow</div>
+            <p>Construct animated slideshows with a click. </p>
+            <a class="uk-button uk-button-primary uk-button-large" href="{{"/components/slideshow" | relative_url }}">View Slideshow Component</a>
+          </div>
+        </div>
+      </div>
+
+            <div class="uk-width-1-2@m">
+              <div class="uk-card uk-card-default" uk-scrollspy="cls: uk-animation-fade; repeat: true">
+                <div class="uk-card-media-top">
+                  <img src="{{ "/assets/img/text.png" | relative_url }}" alt="Text">
+                </div>
+                <div class="uk-card-body">
+                  <div class="uk-heading-small" uk-scrollspy="cls: uk-animation-fade; repeat: true">Text</div>
+                  <p>Text formatting classes cover every need. </p>
+                  <a class="uk-button uk-button-primary uk-button-large" href="{{"/components/text" | relative_url }}">View Text Component</a>
+                </div>
+              </div>
+            </div>
+
+    </div>
+  </div>
+</div>