jekyll-uikit 0.1.5 → 0.1.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7eab079f8fb788ad110ae9eb059789e30e806e4d
-  data.tar.gz: 50e53e66e54b03d8507cc2fbb2479a544d90167a
+  metadata.gz: 186e0181016836d0e7b22619b11885b1ad540ee0
+  data.tar.gz: d7bd582b0be282d920cb01e540888c4feed8037c
 SHA512:
-  metadata.gz: f2a0fa15aa7724038359ad016c0b4ab1a7ecb138889512ed7e45b5177498e0127ba7d944f490e0e2f113b7cc581643a8a4e575b28c88f6fc3ca9c7faf9936585
-  data.tar.gz: cbef671cf78bc10fc70c2eb683ee2e7d2e521ce95ffdb5a3951b78dfc89547e74e84485bab98f02cfd79f8e9216b1805c8159707e80071000afd6cf4ff8d6f5b
+  metadata.gz: 2b6f17aa92fa7e2e4cdf5db679e6d8fb23f42ce271cc5b6415dbc14bcafd3b439f1855d0c6f0cf59b1bead1379cb417e2aa1f2906ea55cdb3a101508b5837e9d
+  data.tar.gz: d225ddf668704ef7d0a3c5d5e03976bfd3704b48a71052f618b4729e1883d95a4aa588c63587757a31ca1e04bd23dd11ea011937298f1ef0756d83804695c1eb

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,81 @@
+# jekyll-uikit
+
+![Jekyll-UiKit](/Screenshot.png)
+
+Built with [UiKit](https://getuikit.com/) by [YooTheme](https://yootheme.com/), with an elegant homepage, a blog and archive pages, and lighting fast search with Algolia.
+
+# Credits
+
+This theme wouldn't have been made possible if it wasn't for:
+
+* [Jekyll](https://jekyllrb.com/)
+
+* [UiKit](https://getuikit.com/)
+
+* [freeCodeCamp](https://www.freecodecamp.org/)
+
+* [GitHub](https://www.github.com/)
+
+* [Dean Attali's Beautiful-Jekyll Theme](https://github.com/daattali/beautiful-jekyll)
+
+* [David Darnes's Alembic Jekyll Theme](https://github.com/daviddarnes/alembic)
+
+* [Algolia Search](https://www.algolia.com/)
+
+* [James Williamson's Jekyll series on lynda.com](https://www.lynda.com/Jekyll-tutorials/Jekyll-Web-Designers/383124-2.html)
+
+* [Shopify's Liquid Templating language](https://help.shopify.com/themes/liquid)
+
+### Also, thanks to
+
+* [OneDarkJekyll](https://github.com/mgyongyosi/OneDarkJekyll) for the syntax highlighting.
+
+* [Snaptortoise's Jekyll RSS Feeds](https://github.com/snaptortoise/jekyll-rss-feeds) for drop in RSS/ Atom feeds.
+
+* [Michael Lanyon's Post](https://blog.lanyonm.org/articles/2013/11/21/alphabetize-jekyll-page-tags-pure-liquid.html) on alphabetizing Jekyll page tags in pure Liquid.
+
+* [StackOverflow](https://stackoverflow.com/search?q=Jekyll) where would we be without StackOverflow?
+
+* [unDraw.co](https://undraw.co) and [Unsplash](https://unsplash.com) for the awesome images used around the site.
+
+* [Michael Woolweaver](https://github.com/mwoolweaver) - a good friend of mine who gave me a nudge in the right direction.
+
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "jekyll-uikit"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: jekyll-uikit
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install jekyll-uikit
+
+## Usage
+
+#### TODO: Write usage instructions here.
+
+* Describe your available layouts, includes, sass and/or assets.
+
+* Flesh out Documentation and Installation instructions
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/jpasholk/jekyll-uiki. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/_data/navigation.yml

@@ -0,0 +1,25 @@
+# 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: "About"
+    url: /about
+  - title: "Features"
+    url: /index.html#Features
+
+toggle:
+  - title: "Blog"
+    url: /blog
+
+subnav:
+  - title: "Archives"
+    url: /archive
+
+mobile:
+  - title: "About"
+    url: /about
+  - title: "Features"
+    url: /index.html#Features
+  - title: "Blog"
+    url: /blog
+  - title: "Archive"
+    url: /archive

data/_includes/algolia.html

@@ -0,0 +1,106 @@
+{% if site.algolia %}
+<!-- Including InstantSearch.js library and styling -->
+<script src="https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch.min.css">
+<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch-theme-algolia.min.css">
+
+<script>
+
+// Instanciating InstantSearch.js with Algolia credentials
+const search = instantsearch({
+  appId: '{{ site.algolia.application_id }}',
+  indexName: '{{ site.algolia.index_name }}',
+  apiKey: '{{ site.algolia.search_only_api_key }}'
+});
+
+const hitTemplate = function(hit) {
+  let date = '';
+  if (hit.date) {
+    date = moment.unix(hit.date).format('MMM D, YYYY');
+  }
+
+  let url = `{{ site.baseurl }}${hit.url}#${hit.anchor}`;
+
+  const title = hit._highlightResult.title.value;
+
+  let breadcrumbs = '';
+  if (hit._highlightResult.headings) {
+    breadcrumbs = hit._highlightResult.headings.map(match => {
+      return `<span class="post-breadcrumb">${match.value}</span>`
+    }).join(' > ')
+  }
+
+  const content = hit._highlightResult.html.value;
+
+  return `
+  <div class="post-item">
+    <h3 class="uk-heading-line post-link""><a class="uk-link-text" href="${url}">${title}</a></h3>
+    <span uk-icon="calendar"></span> <span class="uk-article-meta post-meta">${date}</span><br>
+    {{#breadcrumbs}}<a href="${url}" class="post-breadcrumbs">${breadcrumbs}</a>{{/breadcrumbs}}<br>
+    <div class="content">
+      <div class="post-snippet">${content}</div>
+    </div>
+  </div>
+  `;
+}
+
+
+search.addWidget(
+  instantsearch.widgets.searchBox({
+    container: '#search-searchbar',
+    placeholder: 'Search your feelings...',
+    poweredBy: true // This is required if you're on the free Community plan
+  })
+);
+
+search.addWidget(
+  instantsearch.widgets.hits({
+    container: '#search-hits',
+    templates: {
+      item: hitTemplate
+    }
+  })
+);
+
+search.start();
+</script>
+
+<style>
+.ais-search-box {
+  max-width: 98%;
+  margin-bottom: 15px;
+  font-size: 16px;
+}
+.post-item {
+  margin-bottom: 30px;
+}
+.post-link .ais-Highlight {
+  color: #1e87f0;
+  font-style: normal;
+  text-decoration: underline;
+}
+.post-breadcrumbs {
+  padding-top: 15px;
+  color: #424242;
+  display: block;
+}
+.post-breadcrumb {
+  font-size: 18px;
+  color: #424242;
+}
+.post-breadcrumb .ais-Highlight {
+  color: #1e87f0;
+  font-weight: bold;
+  font-style: normal;
+}
+.post-snippet .ais-Highlight {
+  color: #1e87f0;
+  font-style: normal;
+  font-weight: bold;
+}
+.post-snippet img {
+  display: none;
+}
+</style>
+{% endif %}

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/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="http://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,14 @@
+<footer>
+  <div class="uk-section uk-section-muted uk-section-xsmall" uk-scrollspy="target: > div; cls:uk-animation-fade; delay: 420; repeat: true">
+    <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; <a class="uk-link-text" href="https://github.com/jpasholk">Jpasholk</a> | <a class="uk-link-text" href="#">Jekyll-UiKit</a>, built with <span uk-icon="uikit"></span><a class="uk-link-text" href="https://getuikit.com/" target="_blank"> UIKit</a> and <a class="uk-link-text" href="https://jekyllrb.com/" target="_blank">Jekyll</a>.
+            <br>
+            {% include footer-links.html %}
+            <a href="#" class="uk-icon-button" uk-icon="icon: code" uk-tooltip="title: View Source" target="_blank"></a></p>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>

data/_includes/google_analytics.html

@@ -0,0 +1,14 @@
+{% if jekyll.environment == "production" %}
+{% if site.google_analytics %}
+	<!-- Google Analytics -->
+	<script>
+		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+		})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+		ga('create', '{{ site.google_analytics }}', 'auto');
+		ga('send', 'pageview');
+	</script>
+	<!-- End Google Analytics -->
+{% endif %}
+{% endif %}

data/_includes/head.html

@@ -0,0 +1,82 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+  <link rel="author" href="{{ site.author }}">
+  <link rel="publisher" href="{{ site.name }}">
+  <meta itemprop="name" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
+  <meta itemprop="description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
+  <meta itemprop="image" content="{{ page.bigimg }}">
+
+  <meta name="theme-color" content="#2e353f">
+  <meta name="description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
+  <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 http-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="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
+  <meta property="og:image" content="{% if page.bigimg %}{{ site.url }}{{ page.bigimg }}{% else %}{{ site.url }}{{ "/assets/img/alaska-glacier-1.jpg" }}{% 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="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
+  <meta name="twitter:description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
+  <meta name="twitter:image" content="{% if page.bigimg %}{{ site.url }}{{ page.bigimg }}{% else %}{{ site.url }}{{ "/Screenshot.png" }}{% 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>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
+
+  <base href="{{site.baseurl}}">
+
+  <!-- Prefetching, preloading, prebrowsing -->
+  <!-- More info: https://css-tricks.com/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/avatar-icon.png" | relative_url }}" rel="shortcut icon">
+  <link href="{{ "/assets/apple-touch-icon.png" | relative_url }}" rel=”apple-touch-icon”>
+  <!-- https://gist.github.com/bennylope/1894706 -->
+  <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">
+  <!-- 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>
+    .intro-text {
+      text-shadow: 1px 1px 2px black;
+    }
+    blockquote {
+      border-left: 5px solid #ccc;
+      background: #f9f9f9;
+      border-radius: 0px 4px 4px 0px;
+      padding: 5px 10px;
+    }
+  </style>
+</head>

data/_includes/header.html

@@ -0,0 +1,62 @@
+<header>
+  <nav id="nav" class="uk-navbar-container" uk-navbar>
+    <div class="uk-navbar-left">
+      <a href="{{"/" | relative_url}}" class="uk-navbar-item uk-logo">{{site.title}}</a>
+    </div>
+    <div class="uk-navbar-right uk-visible@s">
+      <ul class="uk-navbar-nav">
+        {% include search_box.html %}
+        {% for link in site.data.navigation.main %}
+        {% if link.url contains "http" %}
+          {% assign url = link.url %}
+        {% else %}
+          {% assign url = link.url | relative_url %}
+        {% endif %}
+        <li class="{% if page.url contains {{url}} %}uk-active{% endif %}"><a href="{{ url }}">{{ link.title }}</a></li>
+        {% endfor %}
+        {% for link in site.data.navigation.toggle %}
+        {% if link.url contains "http" %}
+          {% assign url = link.url %}
+        {% else %}
+          {% assign url = link.url | relative_url %}
+        {% endif %}
+        <li class="{% if page.url contains {{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 "http" %}
+                  {% assign url = link.url %}
+                  {% else %}
+                  {% assign url = link.url | relative_url %}
+                  {% endif %}
+                  <li class="{% if page.url contains {{url}} %}uk-active{% endif %} uk-nav-header"><a href="{{ url }}">{{ link.title }}</a></li>
+              {% endfor %}
+            </ul>
+          </div>
+        </li>
+        {% endfor %}
+      </ul>
+    </div>
+    <div class="uk-navbar-right uk-hidden@s">
+      <ul class="uk-navbar-nav">
+        <li>{% include search_box.html %}</li>
+        <li>
+          <a href="" uk-icon="icon: menu"></a>
+          <div class="uk-navbar-dropdown uk-border-rounded uk-background-muted">
+            <ul class="uk-nav uk-navbar-dropdown-nav uk-text-right" uk-scrollspy="target: > li; cls:uk-animation-slide-right; delay: 300; repeat: true">
+              {% for link in site.data.navigation.mobile %}
+                {% if link.url contains "http" %}
+                  {% assign url = link.url %}
+                  {% else %}
+                  {% assign url = link.url | relative_url %}
+                {% endif %}
+                  <li class="{% if page.url contains {{url}} %}uk-active{% endif %} uk-nav-header"><a href="{{ url }}">{{ link.title }}</a></li>{% unless forloop.last %} <hr> {% endunless %}
+              {% endfor %}
+            </ul>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </nav>
+</header>