jmblog-theme 0.1.2 → 1.1.3

data/assets/sass/modules/navbar.scss

@@ -0,0 +1,49 @@
+.navbar{
+  @include has-mobile-navbar{
+    position: absolute !important;
+    top:0px;
+    right:0;
+    width:100%;
+  }
+
+  .navbar-menu{
+    @include has-standard-navbar {
+      border:solid $black;
+      border-width: 1px 0;
+
+      .navbar-item:first-child{
+        border-left: 1px solid $black;
+      }
+
+      a.navbar-item, a.navbar-link{
+        border-right: 1px solid $black;
+        padding-left: $navbar-padding-horizontal;
+        padding-right: $navbar-padding-horizontal;
+      }
+
+      div.sharing-utility{
+        border-right: 1px solid $black;
+        padding-left: $navbar-padding-horizontal - 1rem;
+        padding-right: $navbar-padding-horizontal - 1rem;
+      }
+
+
+      // .navbar-link:not(.is-arrowless){
+      //   // padding-left: $navbar-padding-horizontal;
+      //   // padding-right: $navbar-padding-horizontal + 0.5rem;
+      // }
+      //
+      .navbar-dropdown .navbar-item{
+        border-right: unset;
+        border-left: unset;
+      }
+    }
+  }
+
+  .navbar-start{
+    @include has-standard-navbar {
+      flex: 1;
+      justify-content: center;
+    }
+  }
+}

data/assets/sass/theme/_all.scss

@@ -0,0 +1,2 @@
+@import "brand";
+@import "lazyload";

data/assets/sass/theme/brand.scss

@@ -0,0 +1,56 @@
+// Base branding styles
+
+$family-sans-serif  : Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+$family-secondary: "Cardo","Baskerville","Calibri",serif;
+
+$family-primary: $family-sans-serif;
+$body-family: $family-sans-serif;
+
+// Colors
+$black: #000;
+$darkgreytext: #111;
+$lightgreytext: #ccc;
+$lightgreentext: #28c3ab;
+$lightgreentext_rgba: rgba(40,195,171,.2);
+$errortext: #c32836;
+$green: #28c3ab;
+$grey-dark: #111;
+
+$content-blockquote-background-color: $white;
+// $content-blockquote-border-left
+
+// // Custom vars
+$primary: $green;
+$link: $primary;
+//
+// $info: $cyan;
+// $success: $green;
+// $warning: $yellow;
+// $danger: $red;
+// $dark: $grey-darker;
+// $text: $grey-dark;
+
+// Bulma configuration
+$widescreen-enabled: false;
+$fullhd-enabled: false;
+
+$column-gap: 2.2rem;
+
+blockquote {
+    background-color: white;
+    p{
+        font-size: 3rem;
+        text-align:center;
+        line-height: 3rem;
+        @include for-phone-only{
+            font-size: 1.8rem;
+            line-height: 2rem;
+        }
+    }
+
+    p cite { 
+        display: block;
+        font-size: 1rem;
+        text-align: right;
+     }
+}

data/assets/sass/theme/lazyload.scss

@@ -0,0 +1,10 @@
+.ls-blur-up-img {
+    filter: blur(10px);
+    opacity: 1;
+    transition: opacity 1000ms, filter 1500ms;
+}
+
+.ls-blur-up-img.ls-inview.ls-original-loaded {
+    opacity: 0;
+    filter: blur(5px);
+}

data/assets/sass/utilities/_all.sass

@@ -0,0 +1,2 @@
+@import "breakpoints"
+@import "helpers"

data/assets/sass/utilities/breakpoints.scss

@@ -0,0 +1,25 @@
+// breakpoint mixins
+@mixin for-phone-only {
+  @media (max-width: 599px) { @content; }
+}
+@mixin has-mobile-navbar {
+  @media (max-width: $navbar-breakpoint - 1px) { @content;}
+}
+@mixin has-standard-navbar {
+  @media (min-width: $navbar-breakpoint) { @content; }
+}
+@mixin for-touch-devices {
+  @media (max-width: $tablet) { @content; }
+}
+@mixin for-tablet-portrait-up {
+  @media (min-width: $tablet) { @content; }
+}
+@mixin for-tablet-landscape-up {
+  @media (min-width: 900px) { @content; }
+}
+@mixin for-desktop-up {
+  @media (min-width: $desktop) { @content; }
+}
+@mixin for-big-desktop-up {
+  @media (min-width: $widescreen) { @content; }
+}

data/assets/sass/utilities/helpers.scss

@@ -0,0 +1,48 @@
+// Helper classes
+.is-horizontal-center {
+  justify-content: center;
+}
+
+.rounded-image-has-inner-shadow {
+  // box-shadow: inset 0 8px 6px -6px black;
+  position: absolute;
+  width: 128px;
+  height: 128px;
+  box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
+  // box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.4);
+  // box-shadow: inset vertical horizontal blur spread color;
+  border-radius: 100px; // circles shadow to match the image 
+  top: 0;
+}
+
+.is-double-spaced{ 
+  line-height: 2rem;
+ }
+
+.has-vcentred-content{
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  
+  *{
+    align-self: center;
+  }
+}
+
+.has-border-black{
+  border: 1px solid $black;
+}
+
+.is-ontop{
+  position: absolute;
+  z-index: 5;
+  left: 0.3rem;
+  bottom: 0.3rem;
+}
+
+.is-ontop-right{
+  position: absolute;
+  z-index: 5;
+  right: 0.3rem;
+  bottom: 0.3rem;
+}

data/index.html

@@ -0,0 +1,7 @@
+---
+layout: home
+title: Development home page
+
+keywords: site keywords, keywords for your site
+---
+Add an index.html file to add content to this page

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jmblog-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 1.1.3
 platform: ruby
 authors:
 - John Moxon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-07-03 00:00:00.000000000 Z
+date: 2021-01-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: github-pages
@@ -61,70 +61,108 @@ extra_rdoc_files: []
 files:
 - LICENSE.txt
 - README.md
-- _includes/JB/analytics
-- _includes/JB/analytics-providers/getclicky
-- _includes/JB/analytics-providers/mixpanel
-- _includes/JB/analytics-providers/piwik
-- _includes/JB/categories_list
-- _includes/JB/comments
-- _includes/JB/comments-providers/disqus
-- _includes/JB/comments-providers/facebook
-- _includes/JB/comments-providers/intensedebate
-- _includes/JB/comments-providers/livefyre
-- _includes/JB/liquid_raw
-- _includes/JB/pages_list
-- _includes/JB/posts_collate
-- _includes/JB/setup
-- _includes/JB/sharing
-- _includes/JB/tags_list
-- _includes/JB/urlset
+- _authors/john_doe.md
+- _config.yml
+- _data/navigation.yml
+- _includes/JB.old/analytics
+- _includes/JB.old/analytics-providers/getclicky
+- _includes/JB.old/analytics-providers/mixpanel
+- _includes/JB.old/analytics-providers/piwik
+- _includes/JB.old/categories_list
+- _includes/JB.old/comments
+- _includes/JB.old/comments-providers/disqus
+- _includes/JB.old/comments-providers/facebook
+- _includes/JB.old/comments-providers/intensedebate
+- _includes/JB.old/comments-providers/livefyre
+- _includes/JB.old/liquid_raw
+- _includes/JB.old/pages_list
+- _includes/JB.old/posts_collate
+- _includes/JB.old/setup
+- _includes/JB.old/sharing
+- _includes/JB.old/tags_list
+- _includes/JB.old/urlset
 - _includes/dataLayer/dataLayer
+- _includes/themes/jmblog-theme/bio.html
 - _includes/themes/jmblog-theme/components/analytics/google
 - _includes/themes/jmblog-theme/components/analytics/googletagmanager_body.html
 - _includes/themes/jmblog-theme/components/analytics/googletagmanager_head.html
 - _includes/themes/jmblog-theme/components/analytics/hubspot.html
 - _includes/themes/jmblog-theme/components/analytics/hubspot_cookie_removal.html
+- _includes/themes/jmblog-theme/components/article_highlight.html
+- _includes/themes/jmblog-theme/components/author.html
 - _includes/themes/jmblog-theme/components/breadcrumb
 - _includes/themes/jmblog-theme/components/centred_buttons.html
+- _includes/themes/jmblog-theme/components/comment.html
+- _includes/themes/jmblog-theme/components/comment_form.html
+- _includes/themes/jmblog-theme/components/comments.html
+- _includes/themes/jmblog-theme/components/comments.html.orig
 - _includes/themes/jmblog-theme/components/contact_form.html
 - _includes/themes/jmblog-theme/components/footer.html
 - _includes/themes/jmblog-theme/components/head.html
+- _includes/themes/jmblog-theme/components/img.html
+- _includes/themes/jmblog-theme/components/lazyload.html
 - _includes/themes/jmblog-theme/components/navigation.html
+- _includes/themes/jmblog-theme/components/pagination_links.html
 - _includes/themes/jmblog-theme/components/posts_list
+- _includes/themes/jmblog-theme/components/reading-time.html
+- _includes/themes/jmblog-theme/components/related_articles.html
 - _includes/themes/jmblog-theme/components/resume.html
-- _includes/themes/jmblog-theme/components/share_buttons
+- _includes/themes/jmblog-theme/components/share_buttons.html
 - _includes/themes/jmblog-theme/components/social_buttons_large.html
+- _includes/themes/jmblog-theme/components/social_buttons_small.html
 - _includes/themes/jmblog-theme/error.html
+- _includes/themes/jmblog-theme/home.html
 - _includes/themes/jmblog-theme/page.html
 - _includes/themes/jmblog-theme/post.html
 - _includes/themes/jmblog-theme/resume.html
 - _includes/themes/jmblog-theme/settings.yml
-- _includes/themes/jmblog-theme/theme/error.html
-- _includes/themes/jmblog-theme/theme/holding.html
+- _includes/themes/jmblog-theme/theme/_old_error.html
+- _includes/themes/jmblog-theme/theme/default.html
+- _includes/themes/jmblog-theme/theme/maintenance.html
 - _includes/themes/resume.html
+- _layouts/bio.html
 - _layouts/default.html
 - _layouts/error.html
+- _layouts/home.html
+- _layouts/maintenance.html
 - _layouts/page.html
 - _layouts/post.html
 - _layouts/resume.html
+- _pages/404.md
+- _pages/contact.md
+- _posts/2020-07-06-managing-and-leading-remote-teams-in-our-new-normal.md
 - assets/fonts/Cardo/Cardo-Regular.woff2
 - assets/fonts/Cardo/OFL.txt
 - assets/fonts/Montserrat/Montserrat-Regular.woff2
 - assets/fonts/Montserrat/OFL.txt
-- assets/img/balloon-3206530_1920.jpg
+- assets/img/chris-montgomery-smgTvepind4-unsplash.jpg
 - assets/img/favicon.png
-- assets/img/head-shot-square.jpg
 - assets/img/jekyll-logo-black-red-transparent.png
 - assets/img/jekyll-logo-light-solid.png
 - assets/img/john-cameron-zxsab1OdEsU-unsplash.jpg
 - assets/img/made-with-bulma--semiblack.png
+- assets/img/ph.png
+- assets/img/user-circle-solid.svg
 - assets/img/webpack-on-white-bg.svg
-- assets/js/error.bundle.js
-- assets/js/error.bundle.js.br
-- assets/js/error.js.map
-- assets/js/holding.bundle.js
-- assets/js/holding.bundle.js.br
-- assets/js/holding.js.map
+- assets/js/default.bundle.js
+- assets/js/default.bundle.js.br
+- assets/js/default.js.map
+- assets/js/maintenance.bundle.js
+- assets/js/maintenance.bundle.js.br
+- assets/js/maintenance.js.map
+- assets/js/vendor.bundle.js
+- assets/js/vendor.bundle.js.br
+- assets/js/vendor.js.map
+- assets/sass/base.scss
+- assets/sass/modules/card.scss
+- assets/sass/modules/navbar.scss
+- assets/sass/theme/_all.scss
+- assets/sass/theme/brand.scss
+- assets/sass/theme/lazyload.scss
+- assets/sass/utilities/_all.sass
+- assets/sass/utilities/breakpoints.scss
+- assets/sass/utilities/helpers.scss
+- index.html
 homepage: https://www.jmoxon.net
 licenses:
 - MIT
@@ -144,8 +182,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.2
+rubygems_version: 3.0.3
 signing_key:
 specification_version: 4
-summary: Jekyll gem theme, based on the wix train of thought
+summary: Clean minimalist blog theme inspired by Wix train of thought
 test_files: []

data/_includes/themes/jmblog-theme/components/share_buttons

@@ -1,19 +0,0 @@
-<span class="share">
-      <a href="http://twitter.com/home?status={{page.description | uri_escape}}%20{{site.production_url}}{{page.url | uri_escape}}" title="Share with twitter" data-toggle="tooltip" data-placement="top" data-provider="twitter">
-          <i class="fa fa-twitter"></i>
-      </a>
-      <a href="https://www.facebook.com/sharer/sharer.php?u={{site.production_url}}{{page.url | uri_escape}}" title="Share with facebook" data-toggle="tooltip" data-placement="top" data-provider="facebook">
-          <i class="fa fa-facebook"></i>
-      </a>
-      <a href="https://plus.google.com/share?url={{page.description | uri_escape}}%20{{site.production_url}}{{page.url | uri_escape}}" title="Share on google+" data-toggle="tooltip" data-placement="top" data-provider="google+">
-          <i class="fa fa-google-plus"></i>
-      </a>
-      <!--
-      <a href="http://pinterest.com/pin/create/button/?url={{site.production_url | uri_escape }}{{page.url | uri_escape}}&media={{site.production_url | uri_escape }}/assets/img/avatar_200x200.jpg&{{page.description | uri_escape}}" title="Share on pinterest" data-toggle="tooltip" data-placement="top" data-provider="pintrest">
-          <i class="fa fa-pinterest"></i>
-      </a>
-      -->
-      <a href="{{site.JB.rss_path}}" title="Rss feed" data-toggle="tooltip" data-placement="top" data-provider="feed subscribe">
-          <i class="fa fa-rss"></i>
-      </a>
-    </span>

data/_includes/themes/jmblog-theme/theme/holding.html

@@ -1,53 +0,0 @@
-<div class="debug debug-themes__jmblog__theme__holding">
-<!DOCTYPE html>
-<html>
-  <head>
-    {% comment %}
-    Base template - this file should allow front end development without compiling jekyll build
-    Todo: in-line critical site elements to allow development of theme outside of jekyll workflow
-    {% endcomment %}
-    {% include themes/jmblog-theme/components/head.html %}
-  </head>
-  <body id="jmoxon">
-    {% include themes/jmblog-theme/components/analytics/googletagmanager_body.html %}
-  <!-- Header section -->
-  <main>
-    <section class="hero is-fullheight is-bold">
-      <div class="hero-body">
-        <div class="has-text-centered container">
-
-          <!-- Header intro -->
-          <div class="is-horizontal-center is-flex">
-            <figure class="image is-128x128">
-              <a href="/">
-              <img class="is-rounded" src="{{ page.peep-image | default: '/assets/img/head-shot-square.jpg' }}?nf_resize={{ page.peep_image_nfresize | default: 'fit' }}&w={{page.peep_image_nfresize_w | default: 128 }}&h={{page.peep_image_nfresize_h | default: 128}}" alt="John Moxon - BA">
-                <div class="is-rounded rounded-image-has-inner-shadow"></div>
-              </a>
-              </figure>
-          </div>
-          <h1 class="title is-size-1 is-size-2-mobile has-text-black is-family-secondary is-spaced">
-            <a href="/" class="has-text-black">{{ page.headline }}</a></h1>
-          {% unless page.quote == null %}
-          <h2 class="subtitle is-size-4 is-size-6-mobile">
-            {{ page.quote }} 
-            {% unless page.quote-attribution == null %}
-            - <span class="is-size-6">{{ page.quote-attribution }}</span>
-            {% endunless %}
-          </h2>
-          {% endunless %}
-
-          {{ content }}
-
-        </div>
-      </div>
-    </section>
-  </main>
-
-  {% include themes/jmblog-theme/components/footer.html %}
-
-  <!-- Include dataLayer -->
-  <!-- {% include dataLayer/dataLayer %} -->
-
-  <script src="/assets/js/holding.bundle.js?20e6e1354f6f6d602a28"></script></body>
-</html>
-</div>