github-uikit 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: ef39825ee8cff3ca23903309395a2224c21f10274ec987e65fda6f7f7eb4744c
+  data.tar.gz: 200ec4a71bd47eb1b05c4442d3634f876425d9e757422f5a5b560699744b4c79
+SHA512:
+  metadata.gz: 277704903b3f90cbd326459a06a6063612738b11a2e943f705fc9f964b4ea17b261620665e82ef0de248b7b316b80ff6a40783719901d40df54186384acb6abe
+  data.tar.gz: 1adda073852ba25a7608e1ea2b80aab5e1a9ba5b513f027c26d42fe2db6d76157a189ee0b4ccc2e44d16d0ace4fa4d829e87261fd475cb8c90b040de2dbd57bd

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2018 jpasholk
+
+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,29 @@
+# Github-UiKit
+
+
+## Build Responsive Websites Fast with Github-Uikit (Gu.)
+
+![Github-Uikit](/screenshot.jpg)
+
+# Demo Websites
+This site is it's own demo. [Github-UiKit](https://isaacjosephhorton.github.io/github-uikit/)
+
+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.
+* Contact forms by [Formspree.io](https://formspree.io)!
+* Paginated blog page with follow links on last page.
+* Tag archive page that automatically populates with tags from posts. ie: [tag1, tag2, tag3, etc].
+* Optimized for search engines with support for Twitter Cards and Open Graph data.
+* Comments powered by Disqus, with Staticman integration planned.
+* Google Analytics support.
+* Large header image support.
+
+# Installation
+
+For Quickstart, go to: [Installation](https://isaacjosephhorton.github.io/github-uikit/installation/)
+Detailed instructions located in: [Documentation](https://isaacjosephhorton.github.io/github-uikit/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/buymeacoffee.html

@@ -0,0 +1,10 @@
+{% if site.buymeacoffee %}
+  <!-- BuyMeACoffee -->
+  <div uk-scrollspy="target: > div; cls:uk-animation-fade; cls:uk-animation-slide-bottom-small delay: 690; repeat: true" class="uk-flex uk-flex-center">
+    <style>
+    .bmc-button img{width: 27px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{line-height: 36px !important;height:37px !important;text-decoration: none !important;display:inline-flex !important;color:#000000 !important;background-color:#FFFFFF !important;border-radius: 3px !important;border: 1px solid transparent !important;padding: 1px 9px !important;font-size: 23px !important;letter-spacing: 0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Cookie', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#000000 !important;}
+    </style>
+    <link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet"><a class="bmc-button" target="_blank" href="https://www.buymeacoffee.com/{{site.buymeacoffee}}"><img src="https://www.buymeacoffee.com/assets/img/BMC-btn-logo.svg" alt="Buy me a coffee!"><span style="margin-left:5px">Buy me a coffee!</span></a>
+  </div>
+  <!-- End BuyMeACoffee -->
+{% endif %}

data/_includes/components.html

@@ -0,0 +1,91 @@
+<h4>Documentation</h4>
+<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,56 @@
+{% if include.name %}
+  {% assign name = include.name %}
+{% else %}
+  {% assign name = "Contact" %}
+{% endif %}
+
+{% assign name_id = name | downcase | replace: " ", "-" %}
+
+{% if include.thanks_url %}
+  {% assign thanks_url = include.thanks_url %}
+{% else %}
+  {% assign thanks_url = "/thanks/" %}
+{% endif %}
+
+<form class="form form--{{ name_id }}" method="post" name="{{ name }}" action="{{ thanks_url }}"
+  {% if include.netlify_form %}
+    netlify-honeypot="bot-field"
+    netlify
+  {% endif %}
+>
+  <fieldset class="uk-fieldset">
+
+    <legend class="uk-legend">{{ name }}</legend>
+
+    <div class="uk-margin">
+      <label>Name:<input class="uk-input" id="name--{{ name_id }}" type="text" name="name" value="" placeholder="Your Name" required="required" /></label>
+    </div>
+
+    <div class="uk-margin">
+      <label>Email Address:<input class="uk-input" id="email--{{ name_id }}" type="email" name="email" value="" placeholder="email@website.com" required="required" /></label>
+    </div>
+
+    <div class="uk-margin">
+      <label class="label" for="message--{{ name_id }}">Message:<textarea class="uk-textarea" id="message--{{ name_id }}" name="message" placeholder="Your message..." required="required"></textarea></label>
+    </div>
+
+    <input class="button uk-button uk-button-primary" type="submit" value="Send message"/>
+
+    {% if include.netlify_form %}
+      <label  style="display:none">Don’t fill this out if you’re human: <input name="bot-field" /></label>
+    {% else %}
+      <input type="text" name="_gotcha" style="display:none">
+      <input type="hidden" name="_subject" value="{{ site.title }} submission from {{ name }}">
+      <input type="hidden" name="_next" value="{{ thanks_url }}"/>
+    {% endif %}
+  </fieldset>
+</form>
+{% unless include.netlify_form %}
+  <script>
+    var email = "{{ site.email | split: "" | reverse | join: "" }}";
+    var unraveledEmail = email.split("").reverse().join("");
+    var form = document.querySelector(".form--{{ name_id }}");
+      form.setAttribute("action", "https://formspree.io/" + unraveledEmail);
+  </script>
+  <noscript>Please enable JavaScript to use the form.</noscript>
+{% endunless %}

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-muted 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; 2021 <a class="uk-link-text" href="{{"https://isaacjosephhorton.github.io" | relative_url }}">Isaac Joseph Horton</a> | <a class="uk-link-text" href="{{"https://github.com/isaacjosephhorton/github-uikit" | relative_url }}">Github-UiKit</a>
+            <br>
+            {% include footer-links.html %}
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>

data/_includes/google_analytics.html

@@ -0,0 +1,11 @@
+{% 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/github-uikit.svg?style=for-the-badge&label=Fork)](https://github.com/jpasholk/jekyll-uikit/fork/)
+[![GitHub stars](https://img.shields.io/github/stars/isaacjosephhorton/github-uikit.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/github-uikit.svg?style=for-the-badge)](https://github.com/isaacjosephhorton/github-uikit/commits/master)
+[![GitHub issues](https://img.shields.io/github/issues-raw/isaacjosephhorton/github-uikit.svg?style=for-the-badge)](https://github.com/isaacjosephhorton/github-uikit/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/github-uikit.svg?style=for-the-badge)](https://github.com/isaacjosephhorton/github-uikit/graphs/contributors)

data/_includes/head.html

@@ -0,0 +1,85 @@
+<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-gu.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/alaska-glacier-1.jpg" | 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.png" | 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 %}
+  <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
+<script>
+     (adsbygoogle = window.adsbygoogle || []).push({
+          google_ad_client: "{{site.google_ad_client}}",
+          enable_page_level_ads: true
+     });
+</script>
+<style>
+  .button, input[type=submit] {
+    -webkit-appearance: none;
+  }
+</style>
+</head>

data/_includes/header.html

@@ -0,0 +1,51 @@
+<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@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><a class="uk-navbar-toggle" uk-navbar-toggle-icon uk-toggle href="#offcanvasmenu"></a></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="github-uikit" class="uk-margin-small-right" width="138" height="25" 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="github-uikit" class="uk-margin-small-right" width="138" height="25" 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" uk-offcanvas>
+	<div class="uk-offcanvas-bar">
+		<button class="uk-offcanvas-close" type="button" uk-close></button>
+		<a href="{{"/" | relative_url}}" class="uk-logo uk-light uk-inline uk-padding-top uk-margin uk-margin-remove-left"><img src="{{"/assets/img/logo-black.svg" | relative_url}}" width="138" height="25" alt="github-uikit" class="uk-margin-small-right"
+				uk-svg></a>
+		<h5 class="uk-margin">Navigation</h5>
+		<ul class="uk-nav uk-nav-default uk-light">
+			{% 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,48 @@
+<header>
+	<div class="uk-container">
+		<nav id="nav" class="uk-navbar-container uk-navbar-transparent" uk-navbar>
+			<div class="uk-navbar-left uk-light black">
+				<div class="uk-position-center-left-out blackback">&nbsp;</div>
+				{% include logo.html %}
+				<ul class="uk-navbar-nav  uk-visible@s uk-light">
+					{% 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>