jmblog-theme 0.1.0

data/_includes/JB/urlset

@@ -0,0 +1,10 @@
+{% for url in urlset %}
+{% unless url.sitemap.noindex != null %}
+  <url>
+    <loc>{{site.production_url}}{{ url.url }}</loc>
+    <lastmod>{% unless url.date == null %}{{ url.date | date_to_xmlschema }}{% else %}{{ site.time | date_to_xmlschema }}
+    {% endunless %}</lastmod><changefreq>monthly</changefreq>
+    <priority>{% unless url.sitemap.priority %}0.5{% else %}{{url.sitemap.priority}}{% endunless %}</priority>
+  </url>{% endunless %}
+{% endfor %}
+{% assign urlset = nil %}

data/_includes/dataLayer/dataLayer

@@ -0,0 +1,10 @@
+<script>
+  dataLayer = [{
+  	{% if page.engagement != null %}'customer.engagement':{{ page.engagement }}{% endif %}
+  	{% if page.visitor_type != null %}'customer.type':{{ page.visitor_type }}{% endif %}
+    'page.category': '{{ page.category }}',
+  	{% if page.type != null %}'page.type':'{{ page.type }}',{% endif %}
+    'page.title': '{{ page.title }}',
+    'page.description': '{{ page.description }}'
+  }];
+</script>

data/_includes/themes/jmblog/components/analytics/google

@@ -0,0 +1,11 @@
+<script type="text/javascript">
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', '{{ site.JB.analytics.google.tracking_id }}']);
+  _gaq.push(['_trackPageview']);
+
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  })();
+</script>

data/_includes/themes/jmblog/components/analytics/googletagmanager_body.html

@@ -0,0 +1,4 @@
+<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{site.analytics.gtm.tracking_id}}" height="0" width="0"
+        style="display:none;visibility:hidden"></iframe></noscript>
+<!-- End Google Tag Manager (noscript) -->

data/_includes/themes/jmblog/components/analytics/googletagmanager_head.html

@@ -0,0 +1,10 @@
+<!-- Google Tag Manager -->
+<script>(function (w, d, s, l, i) {
+    w[l] = w[l] || []; w[l].push({
+        'gtm.start':
+            new Date().getTime(), event: 'gtm.js'
+    }); var f = d.getElementsByTagName(s)[0],
+        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
+            'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
+    })(window, document, 'script', 'dataLayer', '{{site.analytics.gtm.tracking_id}}');</script>
+<!-- End Google Tag Manager -->

data/_includes/themes/jmblog/components/analytics/hubspot.html

@@ -0,0 +1,3 @@
+<!-- Start of HubSpot Embed Code -->
+<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/{{ site.analytics.hubspot.tracking_id }}.js"></script>
+<!-- End of HubSpot Embed Code -->

data/_includes/themes/jmblog/components/analytics/hubspot_cookie_removal.html

@@ -0,0 +1,9 @@
+<!-- Start of HubSpot code snippet -->
+<button type="button" id="hs_remove_cookie_button" onClick="(function removeCookies(){
+    var _hsp = window._hsp = window._hsp || [];
+    _hsp.push(['revokeCookieConsent']);
+  })()">
+    Remove cookies
+</button>
+
+<!-- End of HubSpot code snippet -->

data/_includes/themes/jmblog/components/breadcrumb

@@ -0,0 +1,7 @@
+<ol class="breadcrumb">
+  <li><a href="/" title="{{ site.name }}">Home</a></li>
+  {% if page.categories.size  %}
+  <li><a href="/categories/{{page.category}}/">{{page.category | capitalize}}</a></li>
+  {% endif %}
+  <li class="active">{{page.title}}</li>
+</ol>

data/_includes/themes/jmblog/components/centred_buttons.html

@@ -0,0 +1,10 @@
+<!-- Buttons -->
+<div class="columns is-centered">
+    <div class="column">
+        <div class="buttons is-flex is-centered">
+            <!-- <a class="button is-primary">resumé</a> -->
+            <a href="https://meetings.hubspot.com/jmoxon" class="button is-primary">book a meeting</a>
+            <a href="/contact" class="button is-primary">contact</a>
+        </div>
+    </div>
+</div>

data/_includes/themes/jmblog/components/contact_form.html

@@ -0,0 +1,43 @@
+<form role="form"
+  id="simpleform"
+  data-toggle="validator"
+  action="https://getsimpleform.com/messages?form_api_token=41dc591ad6a976440d791b04906034c7"
+  method="post"
+  novalidate>
+  <div class="row">
+    <!-- the redirect_to is optional, the form will redirect to the referrer on submission -->
+    <input type='hidden' name='redirect_to' value='{{site.production_url}}/thank-you.html'>
+    <input type="hidden" name="rationale" value="none">
+    <div class="form-group col-xs-12 col-lg-6 col-md-6">
+      <label for="userFullName" class="sr-only">Name</label>
+      <input class="form-control input-lg"
+        id="userFullName"
+        name="fullname"
+        placeholder="Enter name"
+        data-error="Please enter full name"
+        required>
+      <div class="help-block with-errors"></div>
+
+    </div>
+    <div class="form-group col-xs-12 col-lg-6 col-md-6">
+      <label for="userEmail" class="sr-only">Email address</label>
+      <input type="email"
+        class="form-control input-lg"
+        id="userEmail"
+        name="email"
+        placeholder="Enter email"
+        data-error="Must be a valid email"
+        required>
+      <div class="help-block with-errors"></div>
+    </div>
+  </div>
+  <div class="form-group">
+    <label for="userMessage" class="sr-only">Message</label>
+    <textarea name="message" class="form-control input-lg" id="userMessage" placeholder="Your message"></textarea>
+  </div>
+
+  <button type="submit" class="btn btn-default btn-lg">Submit</button>
+</form>
+<div class="alert alert-success hide">
+  Thanks for saying Hi! We got your message
+</div>

data/_includes/themes/jmblog/components/footer.html

@@ -0,0 +1,31 @@
+  <!-- Footer -->
+  <footer class="footer">
+    <div class="container has-text-centered">
+      <p>
+        The source code for this website is licensed by 
+        <a href="https://opensource.org/licenses/mit-license.php">MIT</a> and can be found 
+        <a href="https://github.com/johnmoxon/johnmoxon.github.io/">
+          here on github 
+          <i class="fab fa-github has-text-black"></i>
+        </a>.
+        <span xmlns:dct="https://purl.org/dc/terms/" xmlns:cc="https://creativecommons.org/ns#" class="license-text">
+          The website content by <strong><span rel="cc:attributionName">John Moxon</span></strong> is licensed under  
+          <a href="https://creativecommons.org/licenses/by/4.0">
+            CC BY 4.0
+            <img
+              style="height:22px!important;margin-left: 3px;vertical-align:text-bottom;"
+              src="https://search.creativecommons.org/static/img/cc_icon.svg" />
+            <img
+              style="height:22px!important;margin-left: 3px;vertical-align:text-bottom;"
+              src="https://search.creativecommons.org/static/img/cc-by_icon.svg" />
+          </a>
+        </span>
+      </p>
+     
+      <div class="has-vcentred-content">
+        <img class="" width="150px" src="/assets/img/made-with-bulma--semiblack.png" alt="Made with Bulma">
+        <img class="" width="150px" src="/assets/img/webpack-on-white-bg.svg" alt="Made with Webpack">
+        <img class="" width="150px" src="/assets/img/jekyll-logo-black-red-transparent.png" alt="Made with Jekyll">
+      </div>
+    </div> 
+  </footer>

data/_includes/themes/jmblog/components/head.html

@@ -0,0 +1,76 @@
+
+
+<title>{{ page.title }} | {{site.title}}</title>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    {% include themes/jmblog/components/analytics/googletagmanager_head.html %}
+
+    <!-- <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script> -->
+    <link rel="preload" href="/assets/fonts/Cardo/Cardo-Regular.woff2" as="font" crossorigin>
+    <link rel="preload" href="/assets/fonts/Montserrat/Montserrat-Regular.woff2" as="font" crossorigin>
+    <style>
+      @font-face {
+        font-family: 'Cardo';
+        font-style: normal;
+        font-weight: 400;
+        font-display: swap;
+        src: local('Cardo'), local('Cardo-Regular'), url(/assets/fonts/Cardo/Cardo-Regular.woff2) format('woff2');
+        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+      }
+      
+      /* latin */
+      @font-face {
+        font-family: 'Montserrat';
+        font-style: normal;
+        font-weight: 400;
+        font-display: swap;
+        src: local('Montserrat Regular'), local('Montserrat-Regular'), url(/assets/fonts/Montserrat/Montserrat-Regular.woff2) format('woff2');
+        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+      }
+    </style>
+    <script defer src="https://kit.fontawesome.com/f74caf9b24.js" crossorigin="anonymous"></script>
+
+    <!-- Meta tags -->
+    <meta name="description"
+      content="{%unless page.description == null %}{{ page.description }}{%else%}{{ site.feed_description }}{% endunless %}">
+    <meta name="keywords"
+      content="{% unless page.keywords == null %}{{ page.keywords }}{% else %}{{ site.fail_back_keywords }}{% endunless %}">
+
+    <meta name="author" content="https://plus.google.com/+{{site.author.googleplus}}">
+    <meta name="google-site-verification" content="{{site.webmastertools.verification_code}}" />
+    
+    <!-- {% if page.sitemap.noindex != null %} -->
+    <meta name="robots" content="{{ page.sitemap.noindex | join: ', ' }}">
+    <!-- {% endif %} -->
+
+    <link rel="alternate" type="application/rss+xml" title="{{site.author.name}}: {{site.feed_description}} » Feed"
+      href="{{site.production_url}}{{site.xJB.rss_path}}" />
+
+    <!-- Social  -->
+    <!-- Facebook open graph -->
+    <meta property="og:type" content="article" />
+    <meta property="og:title" content="{% unless page.title == null %}{{ page.title }}{% endunless %}" />
+    <meta property="og:url" content="{{ site.production_url }}{{ page.url }}" />
+    <meta property="og:description" content="{% unless page.description == null %}{{ page.description }}{% endunless %}" />
+    <!-- {% unless page.date == null %} -->
+    <meta property="article:published_time" content="{{ page.date | date_to_xmlschema }}" />
+    <meta property="article:modified_time" content="{{ page.date | date_to_xmlschema }}" />
+    <!-- {% else %} -->
+    <!-- Last generated date -->
+    <meta property="article:published_time" content="{{ site.time | date_to_xmlschema }}" />
+    <meta property="article:modified_time" content="{{ site.time | date_to_xmlschema }}" />
+    <!-- {% endunless %} -->
+    <meta property="article:author" content="{{ site.production_url }}/about/" />
+    <meta property="og:site_name" content="{{ site.name }}" />
+
+    <meta property="og:image" content="{{page.peep-image}}" />
+    
+    <!-- Twitter card -->
+    <meta name="twitter:site" content="@{{ site.author.twitter }}" />
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:title" content="{{ page.title }}" />
+    <meta name="twitter:description" content="{% unless page.description == null %}{{ page.description }}{% endunless %}" />
+
+    <link rel="icon" href="/assets/img/favicon.png">

data/_includes/themes/jmblog/components/navigation.html

@@ -0,0 +1,7 @@
+<nav>
+    {% for item in site.data.navigation.items %}
+    <a href="{{ site.baseurl }}{{ item.link }}" {% if page.url == item.link %}style="color: red;" {% endif %}>
+        {{ item.name }}
+    </a>
+    {% endfor %}
+</nav>

data/_includes/themes/jmblog/components/posts_list

@@ -0,0 +1,12 @@
+<ul class="posts">
+  {% for post in posts_list %}
+    <li data-file="{{ BASE_PATH }}{{ post.url }}" data-target=".content" data-words="{{ post.content | number_of_words }}" class="post" >
+      <a href="{{ BASE_PATH }}{{ post.url }}">
+        <h2>{{ post.title }}</h2>
+      </a>
+      <span class="post-date">{{ post.date | date_to_string }} - <span class="eta">calculating reading time...</span></span>
+      {{ post.excerpt }}
+      <span><a href="{{ BASE_PATH }}{{ post.url }}" title="{{ post.title }}">Read more</a></span>
+    </li>
+  {% endfor %}
+</ul>

data/_includes/themes/jmblog/components/resume.html

@@ -0,0 +1,139 @@
+<div class="content has-text-left">
+
+    {% assign resume = site.data.resume.resume_versions | find: "active", true | first %}
+    <h2>{{ resume.name }}</h2>
+
+    {% for section in resume.sections %}
+    <section id="{{ section.section_name | replace: ' ', '_' }}">
+        <h3>{{ section.section_name }}</h3>
+
+        {% case section.section_name %}
+            {% when "Contact details" %}
+            <address>
+                <a href="tel:{{ section.phone | replace: ' ', '' }}">{{ section.phone }}</a> |
+                <a href="mailto:{{ section.email }}">{{ section.email }}</a> |
+                <a href="{{ section.linkedin }}">{{ section.linkedin }}</a>
+            </address>
+
+
+            {% when "Skills" %}
+
+                {% unless section.hard == null %}            
+                <ul data-type="skills-hard" class="skills" style="display: flex; flex-wrap:wrap">
+                    {% for skill in section.hard %}
+                    <li style="width: calc(100% / 3);">{{ skill }}</li>
+                    {% endfor %}
+                </ul>
+                {% endunless %}
+                    
+                {% unless section.soft == null %}
+                <ul data-type="skills-soft" class="skills">
+                    {% for skill in section.soft %}
+                    <li>{{ skill }}</li>
+                    {% endfor %}
+                </ul>
+                {% endunless %}
+
+            {% when "Experience" %}
+                {% for experience in section.experiences | where: 'relevant', true %}
+                <div id="{{ experience.company | replace: ' ', '_' }}">
+                    <h4>{{ experience.company }}</h4>
+                    {% for position in experience.positions | where: 'relevant', true %}
+                    <div id="{{ postion.title | replace: ' ', '_' }}">
+                        <h5>{{ position.title }}</h5>
+                        {% unless position.summary == null %}
+                        <p>{{ position.summary | newline_to_br }}</p>
+                        {% endunless %}
+
+                        <!-- Achievements -->
+                        {% unless position.achievements == null %}
+                        <ul class="postion_achievements">
+                            {% for achievement in position.achievements %}
+                            <li>{{ achievement }}</li>
+                            {% endfor %}
+                        </ul>
+                        {% endunless %}
+
+
+                    </div>
+                    {% endfor %}
+                </div>
+                {% endfor %}
+ 
+            {% when "Education" %}
+                <ul class="education pb-3">
+                {% for qualification in section.qualifications %}
+                    <li>
+                        {{ qualification.level }} in {{ qualification.name }} - 
+                        {{ qualification.institution }} 
+                        ({{ qualification.date_start }}-{{ qualification.date_end }})
+
+                    </li>
+
+                {% endfor %}
+                </ul>
+
+            {% when "Awards" %}
+                <ul class="awards pb-3">
+                    {% for award in section.awards %}
+                    <li>
+                        {{ award.name }} from {{ award.award_body }} - 
+                        {{ award.website }} ({{ award.date }})
+                
+                    </li>
+                
+                    {% endfor %}
+                </ul>
+        {% endcase %}
+
+        
+        <hr>
+    </section>    
+    {% endfor %}
+
+
+
+
+
+
+
+{% comment %}
+<address>
+    {{ site.data.resume.contact.name }} | 
+    
+</address>
+{% endcomment %}
+<hr>
+
+
+
+
+
+
+
+{% comment %}
+<!-- Experience section -->
+<h2>Experience</h2>
+{% for experience in site.data.resume.experiences %}
+    <div data-type="company">
+        <h3>{{ experience.company }} | {{ experience.company }}</h3>
+        {% for position in experience.positions %}
+        <div data-type="position">
+            <h4 data>{{ postion.title }} | {{ postion.date_start | date: "%b %Y" }} - 
+                {{ postion.date_end | default: "Current role" | date: "%b %Y" }}</h4>
+            <p data-type="">{{ position.summary }}</p>
+            <ul>
+                {% for achievement in position.achievements %}
+                <li>{{ achievement }}</li>
+                {% endfor %}
+            </ul>
+
+        </div>
+        {% endfor %}
+    </div>
+{% endfor %}
+<hr>
+
+{% endcomment %}
+
+</div>

data/_includes/themes/jmblog/components/share_buttons

@@ -0,0 +1,19 @@
+<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/components/social_buttons_large.html

@@ -0,0 +1,18 @@
+<!-- Social -->
+<div class="content">
+    <a href="{{ site.linkedin_username }}">
+        <span class="icon is-large">
+            <i class="fa-3x fab fa-linkedin-in has-text-black"></i>
+        </span>
+    </a>
+    <a href="{{ site.twitter_username }}">
+        <span class="icon is-large">
+            <i class="fa-3x fab fa-twitter has-text-black"></i>
+        </span>
+    </a>
+    <a href="{{ site.medium_username }}">
+        <span class="icon is-large">
+            <i class="fa-3x fab fa-medium-m has-text-black"></i>
+        </span>
+    </a>
+</div>