Update to latest Jekyll version

Author: raybesiga

Gemfile

@@ -8,7 +8,7 @@ source "https://rubygems.org"
 #
 # This will help ensure the proper Jekyll version is running.
 # Happy Jekylling!
-gem "jekyll", "~> 3.8.3"
+gem "jekyll", "~> 4.2.0"
 
 # This is the default theme for new Jekyll sites. You may change this to anything you like.
 gem "minima", "~> 2.0"
@@ -19,7 +19,7 @@ gem "minima", "~> 2.0"
 
 # If you have any plugins, put them here!
 group :jekyll_plugins do
-  gem "jekyll-feed", "~> 0.6"
+  gem "jekyll-feed"
   gem 'jekyll-sitemap'
   gem 'jekyll-seo-tag'
   gem 'jemoji'

Gemfile.lock

@@ -1,99 +1,104 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    activesupport (5.2.1)
+    activesupport (6.1.1)
       concurrent-ruby (~> 1.0, >= 1.0.2)
-      i18n (>= 0.7, < 2)
-      minitest (~> 5.1)
-      tzinfo (~> 1.1)
-    addressable (2.5.2)
-      public_suffix (>= 2.0.2, < 4.0)
+      i18n (>= 1.6, < 2)
+      minitest (>= 5.1)
+      tzinfo (~> 2.0)
+      zeitwerk (~> 2.3)
+    addressable (2.7.0)
+      public_suffix (>= 2.0.2, < 5.0)
     colorator (1.1.0)
-    concurrent-ruby (1.0.5)
-    em-websocket (0.5.1)
+    concurrent-ruby (1.1.7)
+    em-websocket (0.5.2)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0.6.0)
     eventmachine (1.2.7)
-    ffi (1.9.25)
+    ffi (1.14.2)
     forwardable-extended (2.6.0)
-    gemoji (3.0.0)
-    html-pipeline (2.9.1)
+    gemoji (3.0.1)
+    html-pipeline (2.14.0)
       activesupport (>= 2)
       nokogiri (>= 1.4)
     http_parser.rb (0.6.0)
-    i18n (0.9.5)
+    i18n (1.8.7)
       concurrent-ruby (~> 1.0)
-    jekyll (3.8.3)
+    jekyll (4.2.0)
       addressable (~> 2.4)
       colorator (~> 1.0)
       em-websocket (~> 0.5)
-      i18n (~> 0.7)
-      jekyll-sass-converter (~> 1.0)
+      i18n (~> 1.0)
+      jekyll-sass-converter (~> 2.0)
       jekyll-watch (~> 2.0)
-      kramdown (~> 1.14)
+      kramdown (~> 2.3)
+      kramdown-parser-gfm (~> 1.0)
       liquid (~> 4.0)
-      mercenary (~> 0.3.3)
+      mercenary (~> 0.4.0)
       pathutil (~> 0.9)
-      rouge (>= 1.7, < 4)
+      rouge (~> 3.0)
       safe_yaml (~> 1.0)
-    jekyll-feed (0.10.0)
-      jekyll (~> 3.3)
-    jekyll-sass-converter (1.5.2)
-      sass (~> 3.4)
-    jekyll-seo-tag (2.5.0)
-      jekyll (~> 3.3)
-    jekyll-sitemap (1.2.0)
-      jekyll (~> 3.3)
-    jekyll-watch (2.0.0)
+      terminal-table (~> 2.0)
+    jekyll-feed (0.15.1)
+      jekyll (>= 3.7, < 5.0)
+    jekyll-sass-converter (2.1.0)
+      sassc (> 2.0.1, < 3.0)
+    jekyll-seo-tag (2.7.1)
+      jekyll (>= 3.8, < 5.0)
+    jekyll-sitemap (1.4.0)
+      jekyll (>= 3.7, < 5.0)
+    jekyll-watch (2.2.1)
       listen (~> 3.0)
-    jemoji (0.10.1)
+    jemoji (0.12.0)
       gemoji (~> 3.0)
       html-pipeline (~> 2.2)
-      jekyll (~> 3.0)
-    kramdown (1.17.0)
-    liquid (4.0.0)
-    listen (3.1.5)
-      rb-fsevent (~> 0.9, >= 0.9.4)
-      rb-inotify (~> 0.9, >= 0.9.7)
-      ruby_dep (~> 1.2)
-    mercenary (0.3.6)
-    mini_portile2 (2.3.0)
-    minima (2.5.0)
-      jekyll (~> 3.5)
+      jekyll (>= 3.0, < 5.0)
+    kramdown (2.3.0)
+      rexml
+    kramdown-parser-gfm (1.1.0)
+      kramdown (~> 2.0)
+    liquid (4.0.3)
+    listen (3.4.0)
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
+    mercenary (0.4.0)
+    mini_portile2 (2.4.0)
+    minima (2.5.1)
+      jekyll (>= 3.5, < 5.0)
       jekyll-feed (~> 0.9)
       jekyll-seo-tag (~> 2.1)
-    minitest (5.11.3)
-    nokogiri (1.8.5)
-      mini_portile2 (~> 2.3.0)
-    pathutil (0.16.1)
+    minitest (5.14.3)
+    nokogiri (1.10.10)
+      mini_portile2 (~> 2.4.0)
+    pathutil (0.16.2)
       forwardable-extended (~> 2.6)
-    public_suffix (3.0.2)
-    rb-fsevent (0.10.3)
-    rb-inotify (0.9.10)
-      ffi (>= 0.5.0, < 2)
-    rouge (3.2.0)
-    ruby_dep (1.5.0)
-    safe_yaml (1.0.4)
-    sass (3.5.7)
-      sass-listen (~> 4.0.0)
-    sass-listen (4.0.0)
-      rb-fsevent (~> 0.9, >= 0.9.4)
-      rb-inotify (~> 0.9, >= 0.9.7)
-    thread_safe (0.3.6)
-    tzinfo (1.2.5)
-      thread_safe (~> 0.1)
+    public_suffix (4.0.6)
+    rb-fsevent (0.10.4)
+    rb-inotify (0.10.1)
+      ffi (~> 1.0)
+    rexml (3.2.4)
+    rouge (3.26.0)
+    safe_yaml (1.0.5)
+    sassc (2.4.0)
+      ffi (~> 1.9)
+    terminal-table (2.0.0)
+      unicode-display_width (~> 1.1, >= 1.1.1)
+    tzinfo (2.0.4)
+      concurrent-ruby (~> 1.0)
+    unicode-display_width (1.7.0)
+    zeitwerk (2.4.2)
 
 PLATFORMS
-  ruby
+  x86_64-darwin-20
 
 DEPENDENCIES
-  jekyll (~> 3.8.3)
-  jekyll-feed (~> 0.6)
+  jekyll (~> 4.2.0)
+  jekyll-feed
   jekyll-seo-tag
   jekyll-sitemap
   jemoji
   minima (~> 2.0)
   tzinfo-data
 
 BUNDLED WITH
-   1.16.3
+   2.2.3

_config.yml

@@ -16,7 +16,7 @@
 title: Sparkplug 
 email: ray@sparkpl.ug
 description: >- # this means to ignore newlines until "baseurl:"
-  Building better products for our clients since 2013.
+  Building better digital products for our clients since 2013.
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "http://sparkpl.ug" # the base hostname & protocol for your site, e.g. http://example.com
 twitter_username: sparkplugea
@@ -26,7 +26,10 @@ github_username:  sparkplugea
 markdown: kramdown
 theme: minima
 plugins:
+  - jemoji
   - jekyll-feed
+  - jekyll-seo-tag
+  - jekyll-sitemap
 
 # SEO/Meta settings
 author: Sparkplug

_includes/footer.html

@@ -1,8 +1,8 @@
 <footer class="w-100 cf tc ph3 ph4-m ph6-l pv4 pv6-ns wow animated fadeInUp">
   <nav class="wow animated fadeIn">
     <ul class="f4 list pa0 mv4 lh-copy">
-      <li class="dib mr2"><a class="link underline-hover dark-gray b ttu" href="/#services" >Services</a></li>
-      <li class="dib mr2"><a class="link underline-hover dark-gray b ttu" rel="noopener" href="https://airtable.com/shrkwvdNHX1Ua3rAb" target="_blank">Contact</a></li>
+      <li class="dib mr2"><a class="link underline-hover black-90 ttu" href="/#services" >Services</a></li>
+      <li class="dib mr2"><a class="link underline-hover black-90 ttu" href="/contact/">Contact</a></li>
     </ul>
   </nav>
   <ul class="list pl0 lh-copy">
@@ -11,7 +11,10 @@
     <li class="dib mr2"><a class="link underline-hover dark-gray b ttu" href="/feed.xml"><small>RSS Feed</small></a></li>
     <li class="dib mr2"><a class="link underline-hover dark-gray b ttu" href="/sitemap.xml"><small>Sitemap</small></a></li>
   </ul>
-  <small class="w-100 db mv2 lh-copy">Copyright <i class="fa fa-fw fa-copyright"></i>2018 Sparkplug. All rights reserved.</small>
+  <a class="mb0 mb0-l tc" href="/" title="Sparkplug">
+    <img src="/img/sparkplug.svg" style="height: 3rem" class="dib pa1" alt="avatar" alt="Sparkplug">
+  </a>
+  <small class="w-100 db mv2 lh-copy">&copy; <i class="fa fa-fw fa-copyright"></i>2021 Sparkplug.</small>
   <small class="w-100 db mv2 lh-copy">Made in Kampala, Uganda.</small>
-  <a class="db link underline-hover gray" href="#cornerstone" data-scroll><small>Back to Top</small></a>
+  <a class="db link underline-hover gray" href="/#cornerstone" data-scroll><small>Back to Top</small></a>
 </footer>

_layouts/default.html

@@ -7,13 +7,13 @@
     <div class="w-100">
       <nav class="dt w-100 mw9 center ph4-ns pv3">
         <div class="db dtc-l v-mid w-100 w-30-l tc tl-l">
-          <a class="grow-large mb0 mb0-l" href="/" title="Tribe Kampala">
-            <img src="/img/sparkpluglogo.png" class="dib pa1" alt="avatar" alt="Sparkplug">
+          <a class="mb0 mb0-l" href="/" title="Sparkplug">
+            <img src="/img/sp-logotype.svg" style="height: 3rem" class="dib pa1" alt="avatar" alt="Sparkplug">
           </a>
         </div>
         <div class="db dtc-l v-mid w-100 w-60-l tc tr-l">
-          <a class="link hover-black-90 no-underline underline-hover black-70 f5 f5-l lh-title dib mr3 mr4-l" href="/#services" title="Services at Sparkplug">Services</a>
-          <a class="f5 fw4 font-smoothing-hover hover-bg-black-80 hover-white no-underline black-70 dib ml2 pv2 ph3 ba-ns br2-ns bw1-ns" href="https://airtable.com/shrkwvdNHX1Ua3rAb" target="_blank" rel="noopener" title="Contact Sparkplug">Contact Us</a>
+          <a class="link hover-black-90 no-underline underline-hover black-90 f5 f5-l lh-title dib mr3 mr4-l" href="/#services" title="Services at Sparkplug">Services</a>
+          <a class="f5 fw4 font-smoothing-hover hover-bg-black-90 hover-white no-underline black-90 dib ml2 pv2 ph3 ba-ns br2-ns bw1-ns" href="/contact/"  title="Contact Sparkplug">Contact Us</a>
         </div>
       </nav>
     </div>

_site/404.html

@@ -11,23 +11,25 @@
   <meta name="author" content="Sparkplug">
   <meta name="google-site-verification" content="" />
 
-  <!-- Begin Jekyll SEO tag v2.5.0 -->
-<title>Sparkplug | Building better products for our clients since 2013.</title>
-<meta name="generator" content="Jekyll v3.8.3" />
+  <!-- Begin Jekyll SEO tag v2.7.1 -->
+<title>Sparkplug | Building better digital products for our clients since 2013.</title>
+<meta name="generator" content="Jekyll v4.2.0" />
 <meta property="og:title" content="Sparkplug" />
 <meta name="author" content="Sparkplug" />
 <meta property="og:locale" content="en_US" />
-<meta name="description" content="Building better products for our clients since 2013." />
-<meta property="og:description" content="Building better products for our clients since 2013." />
-<link rel="canonical" href="http://localhost:4000/404.html" />
-<meta property="og:url" content="http://localhost:4000/404.html" />
+<meta name="description" content="Building better digital products for our clients since 2013." />
+<meta property="og:description" content="Building better digital products for our clients since 2013." />
+<link rel="canonical" href="http://sparkpl.ug/404.html" />
+<meta property="og:url" content="http://sparkpl.ug/404.html" />
 <meta property="og:site_name" content="Sparkplug" />
-<meta property="og:image" content="http://localhost:4000/img/sparkplug-tech-work.jpg" />
+<meta property="og:image" content="http://sparkpl.ug/img/sparkplug-tech-work.jpg" />
 <meta name="twitter:card" content="summary_large_image" />
+<meta property="twitter:image" content="http://sparkpl.ug/img/sparkplug-tech-work.jpg" />
+<meta property="twitter:title" content="Sparkplug" />
 <meta name="twitter:site" content="@sparkplugea" />
 <meta name="twitter:creator" content="@Sparkplug" />
 <script type="application/ld+json">
-{"description":"Building better products for our clients since 2013.","author":{"@type":"Person","name":"Sparkplug"},"@type":"WebPage","url":"http://localhost:4000/404.html","image":"http://localhost:4000/img/sparkplug-tech-work.jpg","headline":"Sparkplug","@context":"http://schema.org"}</script>
+{"author":{"@type":"Person","name":"Sparkplug"},"image":"http://sparkpl.ug/img/sparkplug-tech-work.jpg","description":"Building better digital products for our clients since 2013.","url":"http://sparkpl.ug/404.html","@type":"WebPage","headline":"Sparkplug","@context":"https://schema.org"}</script>
 <!-- End Jekyll SEO tag -->
 
 
@@ -49,12 +51,12 @@
 	<meta name="twitter:title"   content="">
 
 
-	<meta name="twitter:description" content="Building better products for our clients since 2013.">
+	<meta name="twitter:description" content="Building better digital products for our clients since 2013.">
 
 
 
 	<meta name="twitter:card"  content="summary_large_image">
-	<meta name="twitter:image" content="http://localhost:4000/img/sparkplug-tech-work.jpg">
+	<meta name="twitter:image" content="http://sparkpl.ug/img/sparkplug-tech-work.jpg">
 
 	<!-- end of Twitter cards -->
 
@@ -71,7 +73,7 @@
   <link rel="manifest" href="manifest.json"> 
 
 
-      <meta property="og:image" content="http://localhost:4000//img/sparkplug-tech-work.jpg" />
+      <meta property="og:image" content="http://sparkpl.ug//img/sparkplug-tech-work.jpg" />
 
 
   <meta property="og:description" content="" />
@@ -83,19 +85,19 @@
     <div class="w-100">
       <nav class="dt w-100 mw9 center ph4-ns pv3">
         <div class="db dtc-l v-mid w-100 w-30-l tc tl-l">
-          <a class="grow-large mb0 mb0-l" href="/" title="Tribe Kampala">
-            <img src="/img/sparkpluglogo.png" class="dib pa1" alt="avatar">
+          <a class="mb0 mb0-l" href="/" title="Sparkplug">
+            <img src="/img/sp-logotype.svg" style="height: 3rem" class="dib pa1" alt="avatar">
           </a>
         </div>
         <div class="db dtc-l v-mid w-100 w-60-l tc tr-l">
-          <a class="link hover-black-90 no-underline underline-hover black-70 f5 f5-l lh-title dib mr3 mr4-l" href="/#services" title="Services at Sparkplug">Services</a>
-          <a class="f5 fw4 font-smoothing-hover hover-bg-black-80 hover-white no-underline black-70 dib ml2 pv2 ph3 ba-ns br2-ns bw1-ns" href="https://airtable.com/shrkwvdNHX1Ua3rAb" target="_blank" rel="noopener" title="Contact Sparkplug">Contact Us</a>
+          <a class="link hover-black-90 no-underline underline-hover black-90 f5 f5-l lh-title dib mr3 mr4-l" href="/#services" title="Services at Sparkplug">Services</a>
+          <a class="f5 fw4 font-smoothing-hover hover-bg-black-90 hover-white no-underline black-90 dib ml2 pv2 ph3 ba-ns br2-ns bw1-ns" href="/contact/" title="Contact Sparkplug">Contact Us</a>
         </div>
       </nav>
     </div>
     <div class="tc mt4 mt5-m mt6-l ph3 pv5">
   <h1 class="f1 f1-l fw2 black-90 mb0 lh-title">
-<img class="emoji" title=":sob:" alt=":sob:" src="https://assets-cdn.github.com/images/icons/emoji/unicode/1f62d.png" height="20" width="20"> 404 <img class="emoji" title=":sob:" alt=":sob:" src="https://assets-cdn.github.com/images/icons/emoji/unicode/1f62d.png" height="20" width="20">
+<img class="emoji" title=":sob:" alt=":sob:" src="https://github.githubassets.com/images/icons/emoji/unicode/1f62d.png" height="20" width="20"> 404 <img class="emoji" title=":sob:" alt=":sob:" src="https://github.githubassets.com/images/icons/emoji/unicode/1f62d.png" height="20" width="20">
 </h1>
 
   <p><strong>The requested page could not be found</strong></p>
@@ -108,8 +110,8 @@ <h1 class="f1 f1-l fw2 black-90 mb0 lh-title">
     <footer class="w-100 cf tc ph3 ph4-m ph6-l pv4 pv6-ns wow animated fadeInUp">
   <nav class="wow animated fadeIn">
     <ul class="f4 list pa0 mv4 lh-copy">
-      <li class="dib mr2"><a class="link underline-hover dark-gray b ttu" href="/#services">Services</a></li>
-      <li class="dib mr2"><a class="link underline-hover dark-gray b ttu" rel="noopener" href="https://airtable.com/shrkwvdNHX1Ua3rAb" target="_blank">Contact</a></li>
+      <li class="dib mr2"><a class="link underline-hover black-90 ttu" href="/#services">Services</a></li>
+      <li class="dib mr2"><a class="link underline-hover black-90 ttu" href="/contact/">Contact</a></li>
     </ul>
   </nav>
   <ul class="list pl0 lh-copy">
@@ -118,9 +120,12 @@ <h1 class="f1 f1-l fw2 black-90 mb0 lh-title">
     <li class="dib mr2"><a class="link underline-hover dark-gray b ttu" href="/feed.xml"><small>RSS Feed</small></a></li>
     <li class="dib mr2"><a class="link underline-hover dark-gray b ttu" href="/sitemap.xml"><small>Sitemap</small></a></li>
   </ul>
-  <small class="w-100 db mv2 lh-copy">Copyright <i class="fa fa-fw fa-copyright"></i>2018 Sparkplug. All rights reserved.</small>
+  <a class="mb0 mb0-l tc" href="/" title="Sparkplug">
+    <img src="/img/sparkplug.svg" style="height: 3rem" class="dib pa1" alt="avatar">
+  </a>
+  <small class="w-100 db mv2 lh-copy">© <i class="fa fa-fw fa-copyright"></i>2021 Sparkplug.</small>
   <small class="w-100 db mv2 lh-copy">Made in Kampala, Uganda.</small>
-  <a class="db link underline-hover gray" href="#cornerstone" data-scroll><small>Back to Top</small></a>
+  <a class="db link underline-hover gray" href="/#cornerstone" data-scroll><small>Back to Top</small></a>
 </footer>