jumbo-jekyll-theme-test 1.0.0

data/_includes/newsletter-script.html

@@ -0,0 +1,30 @@
+<script type="text/javascript">
+
+function defer(method) {
+    if (window.jQuery) {
+        method();
+    } else {
+        setTimeout(function() { defer(method) }, 50);
+    }
+}
+
+function showMailingPopUp() {
+    
+    document.cookie = "MCPopupClosed=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/";
+    document.cookie = "MCPopupSubscribed=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/";
+    
+    require(["mojo/signup-forms/Loader"], function(L) { L.start(
+    {"baseUrl":"mc.us3.list-manage.com","uuid":"14baaae786342d0d405ee59c2","lid":"{{site.data.settings.mailchimp.id}}"}
+    ) })
+    
+    
+};
+
+  defer(function () {
+      $("#open-newsletter-popup").on('click', function() { 
+          showMailingPopUp();
+      });
+  });
+ 
+
+</script>

data/_includes/owl-carousel-homepage.html

@@ -0,0 +1,103 @@
+<div class="row activity-container">
+  <div class="container text-center">
+    <!--<h3>Activity around 96Boards</h3> -->
+    <!-- Example row of columns -->
+    <div class="row activity-holder">
+
+        <div class="col-md-3">
+            <div class="owl-carousel owl-theme">
+                <div class="activity-block item">
+                  <a href="/product/hikey960/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/price-hikey960.png" />
+                  <p>Hikey 960<br /><br /></p></a>
+                </div>
+                <div class="activity-block item">
+                  <a href="/product/dragonboard410c/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/db410c-price.png" />
+                  <p>DragonBoard™ 410c<br /><br /></p></a>
+                </div>
+                <div class="activity-block item">
+                  <a href="/product/bubblegum-96/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/bubblegum-price.png" />
+                  <p>Bubblegum-96<br /><br /></p></a>
+                </div>
+                <div class="activity-block item">
+                  <a href="/product/mediatek-x20/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/mediatek-x20-price.png" />
+                  <p>Mediatek X20<br /><br /></p></a>
+                </div>
+                <div class="activity-block item">
+                  <a href="/product/carbon/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/carbon-price.png" />
+                  <p class="owl-text">Carbon<br /><br /></p></a>
+                </div>
+            </div>
+            <p><a class="btn btn-primary" href="/products/" role="button">View Products</a></p>
+        </div>
+
+        <div class="col-md-3">
+            <div class="owl-carousel owl-theme">
+                <div class="activity-block item">
+                 <a href="/blog/96boards-96brews-automated-home-brewing/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/img-blog-1.png" />
+                 <p>96Boards for 96Brews – Automated Home Brewing</p></a>
+               </div>
+               <div class="activity-block item">
+                 <a href="/blog/96boards-ce-temp-using-level-shifters-2-line-displays/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/img-blog-2.png" />
+                 <p>96Boards CE what temp is it? Using level shifters and 2-line displays</p></a>
+               </div>
+               <div class="activity-block item">
+                 <a href="/blog/ce-iot-using-sensors/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/img-blog-3.png" />
+                 <p>96Boards Consumer Edition, IoT and using sensors</p></a>
+               </div>
+               <div class="activity-block item">
+                 <a href="/blog/96boards-media-server/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/img-blog-4.png" />
+                 <p>Setting up a home 96Boards media server<br /><br /></p></a>
+               </div>
+               <div class="activity-block item">
+                 <a href="/blog/st-system-level-esd-protection/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/img-blog-5.png" />
+                 <p class="owl-text">ST, System Level ESD Protection and OpenHours</p></a>
+               </div>
+            </div>
+            <p><a class="btn btn-primary" href="/blog/" role="button">View Blogs</a></p>
+        </div>
+
+
+        <div class="col-md-3">
+            <div class="owl-carousel owl-theme">
+                {% assign projects = site.projects | where: "project", "true" | sample:5 %}
+                {% for project in projects %}
+                    {% assign page-uri = project.permalink | split: "/" %}
+                    {% assign page-uri = page-uri[2] %}
+                    <div class="activity-block item">
+                      <a href="{{project.permalink}}"><img class="owl-lazy img-responsive homepage-image-project" data-src="/projects/view/{{page-uri}}/Images/thumb.png">
+                      <p>{{project.title}}<br><br></p></a>
+                    </div>
+                {% endfor %}
+            </div>
+            <p><a class="btn btn-primary" href="/projects/" role="button">View Projects</a></p>
+        </div>
+
+        <div class="col-md-3">
+            <div class="owl-carousel owl-theme">
+                <div class="activity-block item">
+               <a href="/openhours/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/OpenHours-1.png" />
+               <p>Click here for OpenHours Countdown<br /><br /></p></a>
+             </div>
+               <div class="activity-block item">
+                 <a href="https://discuss.96boards.org/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/img-support.png" />
+                 <p>Ask 96Boards questions on Discussion Forum</p></a>
+               </div>
+               <div class="activity-block item">
+                 <a href="https://discuss.96boards.org/latest"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/img-support.png" />
+                 <p>Latest discussions on the Forum<br /><br /></p></a>
+               </div>
+               <div class="activity-block item">
+                 <a href="https://discuss.96boards.org/top/monthly"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/img-support.png" />
+                 <p>Top forum discussion topics<br /><br /></p></a>
+               </div>
+               <div class="activity-block item">
+                 <a href="https://discuss.96boards.org/login"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/img-support.png" />
+                 <p class="owl-text">Login or register to join the discussion<br /><br /></p></a>
+               </div>
+            </div>
+            <p><a class="btn btn-primary" href="https://discuss.96boards.org/" role="button">Support Forums</a></p>
+        </div>
+
+        </div>
+  </div>
+</div><!-- /container -->

data/_includes/pagination-authors.html

@@ -0,0 +1,36 @@
+{% if paginator.total_pages > 1 %}
+<div class="text-center" id="pagination_panel">
+    <ul class="pagination pagination-sm">
+      {% if paginator.previous_page %}
+        <li><a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Prev</a></li>
+      {% else %}
+       <li><a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Prev</a></li>
+      {% endif %}
+
+      {% if paginator.page_trail %}
+        {% for trail in paginator.page_trail %}
+          <li {% if page.url == trail.path %}class="active"{% endif %}>
+              <a href="{% if trail.num == 1 %}/authors/{% else %}
+              {{ site.paginate_path_authors | prepend: site.baseurl | replace: '//', '/' | replace: ':num', trail.num  }}{% endif %}"
+              title="{{trail.title}}">{{ trail.num }}</a>
+          </li>
+        {% endfor %}
+        {% else %}
+            {% for page in (1..paginator.total_pages) %}
+              {% if page == paginator.page %}
+                <li class="active"><a href="">{{ page }}</a></li>
+              {% elsif page == 1 %}
+                <li><a href="/authors/">{{ page }}</a></li>
+              {% else %}
+                <li><a href="{{ site.paginate_path_authors | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a></li>
+              {% endif %}
+            {% endfor %}
+        {% endif %}
+      {% if paginator.next_page %}
+        <li><a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next &raquo;</a></li>
+      {% else %}
+         <li><a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next &raquo;</a></li>
+      {% endif %}
+    </ul>
+</div>
+{% endif %}

data/_includes/pagination-news.html

@@ -0,0 +1,36 @@
+{% if paginator.total_pages > 1 %}
+<div class="text-center" id="pagination_panel">
+    <ul class="pagination pagination-sm">
+      {% if paginator.previous_page %}
+        <li><a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Prev</a></li>
+      {% else %}
+       <li><a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Prev</a></li>
+      {% endif %}
+
+      {% if paginator.page_trail %}
+        {% for trail in paginator.page_trail %}
+          <li {% if page.url == trail.path %}class="active"{% endif %}>
+              <a href="{% if trail.num == 1 %}/news/{% else %}
+              {{ site.paginate_path_news | prepend: site.baseurl | replace: '//', '/' | replace: ':num', trail.num  }}{% endif %}"
+              title="{{trail.title}}">{{ trail.num }}</a>
+          </li>
+        {% endfor %}
+        {% else %}
+            {% for page in (1..paginator.total_pages) %}
+              {% if page == paginator.page %}
+                <li class="active"><a href="">{{ page }}</a></li>
+              {% elsif page == 1 %}
+                <li><a href="/news/">{{ page }}</a></li>
+              {% else %}
+                <li><a href="{{ site.paginate_path_news | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a></li>
+              {% endif %}
+            {% endfor %}
+        {% endif %}
+      {% if paginator.next_page %}
+        <li><a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next &raquo;</a></li>
+      {% else %}
+         <li><a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next &raquo;</a></li>
+      {% endif %}
+    </ul>
+</div>
+{% endif %}

data/_includes/pagination.html

@@ -0,0 +1,36 @@
+{% if paginator.total_pages > 1 %}
+<div class="text-center" id="pagination_panel">
+    <ul class="pagination pagination-sm">
+      {% if paginator.previous_page %}
+        <li><a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Prev</a></li>
+      {% else %}
+       <li><a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Prev</a></li>
+      {% endif %}
+
+      {% if paginator.page_trail %}
+        {% for trail in paginator.page_trail %}
+          <li {% if page.url == trail.path %}class="active"{% endif %}>
+              <a href="{% if trail.num == 1 %}/blog/{% else %}
+              {{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', trail.num  }}{% endif %}"
+              title="{{trail.title}}">{{ trail.num }}</a>
+          </li>
+        {% endfor %}
+        {% else %}
+            {% for page in (1..paginator.total_pages) %}
+              {% if page == paginator.page %}
+                <li class="active"><a href="">{{ page }}</a></li>
+              {% elsif page == 1 %}
+                <li><a href="/blog/">{{ page }}</a></li>
+              {% else %}
+                <li><a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a></li>
+              {% endif %}
+            {% endfor %}
+        {% endif %}
+      {% if paginator.next_page %}
+        <li><a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next &raquo;</a></li>
+      {% else %}
+         <li><a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next &raquo;</a></li>
+      {% endif %}
+    </ul>
+</div>
+{% endif %}

data/_includes/post-comments.html

@@ -0,0 +1,9 @@
+{% if site.data.settings.disqus.enabled %}
+    {% unless page.comments_disabled %}
+        <section id="comments-section">
+            <h3>Comments</h3>
+            {% include disqus-comments.html %}
+            <br />
+        </section>
+    {% endunless %}
+{% endif %}

data/_includes/post-sidebar.html

@@ -0,0 +1,74 @@
+
+{% comment %}
+    Recent Posts Displayed here.
+{% endcomment %}
+<div class="panel panel-primary" class="blog-sidebar">
+    <div class="panel-heading">
+      <h3 class="panel-title">Recent Posts</h3>
+    </div>
+    <div class="panel-body">
+        {% for post in site.posts limit: 3 %}
+            <a href="{{post.url}}">
+                <div class="row featured_blog_post">
+                    <div class="col-md-3 col-sm-3 col-xs-3 no-padding">
+                       <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
+                       {% if post.image.featured %}
+                            {% if post.image.thumb %}
+                                     data-src="{% asset_path '{{post.image.thumb}}' %}"
+                             {% else %}
+                                   data-src="{% asset_path '{{post.image.name}}' %}"
+                             {% endif %}
+                       {% else %}
+                            data-src="{% asset_path '{{site.data.settings.placeholder}}' %}"
+                       {% endif %}
+                      alt="{{post.title}}" class="img-responsive lazyload"/>
+                    </div>
+                    <div class="col-md-9 col-sm-9 col-xs-9 ">
+                       {{post.title | truncate: 40}}
+                       <br /><small><em>{{post.date | date: "%A, %B %-d, %Y" }}</em></small>
+                   </div>
+                </div>
+            </a>
+        {% endfor %}
+    </div>
+</div>
+{% comment %}
+    Other Posts
+{% endcomment %}
+
+<div class="panel panel-primary" class="blog-sidebar">
+    <div class="panel-heading">
+      <h3 class="panel-title">Other Posts</h3>
+    </div>
+    <div class="panel-body">
+        {% assign posts = site.posts | sample:5 %}
+        {% for post in posts %}
+        
+        <a href="{{post.url}}">
+            <div class="row featured_blog_post">
+                <div class="col-md-3 col-sm-3 col-xs-3 no-padding">
+                   <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
+                   {% if post.image.featured %}
+                        {% if post.image.thumb %}
+                                 data-src="{% asset_path '{{post.image.thumb}}'%}"
+                         {% else %} 
+                               data-src="{% asset_path '{{post.image.name}}' %}"
+                         {% endif %}
+                   {% else %}
+                        data-src="{% asset_path '{{site.data.settings.placeholder}}' %}"
+                   {% endif %}
+                  alt="{{post.title}}" class="img-responsive lazyload"/>
+                </div>
+                <div class="col-md-9 col-sm-9 col-xs-9 ">
+                   {{post.title | truncate: 40}}
+                   <br /><small><em>{{post.date | date: "%A, %B %-d, %Y" }}</em></small>
+               </div>
+            </div>
+            </a>
+        {% endfor %}
+    </div>
+</div>
+
+{% if site.data.settings.blog.sidebar.custom-include %}
+{% include {{site.data.settings.blog.sidebar.custom-include}} %}
+{% endif %}

data/_includes/post-tags.html

@@ -0,0 +1,9 @@
+{% if site.data.settings.tags_enabled %}
+    {% if post.tags %}
+        <h3>Tags</h3>
+        {% assign tags = post.tags %}
+        {% for tag in tags %}
+          <a class="btn btn-blog btn-xs post_tag" href="/blog/tag#{{tag | slugify }}">{{tag}}</a>
+        {% endfor %}
+    {% endif %}
+{% endif %}

data/_includes/schema.html

@@ -0,0 +1,50 @@
+<script type="application/ld+json">
+{
+ "@context": "http://schema.org",
+ "@graph": [
+     
+{% unless page.not-organisation %}
+{
+  "@context" : "http://schema.org",
+  "@type" : "Organization",
+  "name" : "{{site.data.settings.schema.organisation.name}}",
+  "url" : "{{site.data.settings.schema.organisation.url}}",
+  "sameAs" : [
+      {% if site.data.settings.twitter_username %}"https://twitter.com/{{site.data.settings.twitter_username}}",{% endif %}
+      {% if site.data.settings.facebook_username %}"https://www.facebook.com/{{site.data.settings.facebook_username}}",{% endif %}
+      {% if site.data.settings.linkedin_username %}"https://www.linkedin.com/company/{{site.data.settings.linkedin_username}}",{% endif %}
+      {% if site.data.settings.google_plus_username %}"https://plus.google.com/{{site.data.settings.google_plus_username}}",{% endif %}
+      {% if site.data.settings.github_username %}"https://github.com/{{site.data.settings.github_username}}",{% endif %}
+      {% if site.data.settings.slideshare_username %}"https://www.slideshare.net/{{site.data.settings.slideshare_username}}"{% endif %}
+    ],
+    "address": {
+        "@type": "PostalAddress",
+        "streetAddress": "{{site.data.settings.schema.organisation.address.street}}",
+        "addressLocality": "{{site.data.settings.schema.organisation.address.town}}",
+        "addressRegion": "{{site.data.settings.schema.organisation.address.county}}",
+        "postalCode": "{{site.data.settings.schema.organisation.address.post_code}}",
+        "addressCountry": "{{site.data.settings.schema.organisation.address.country_code}}"
+    }
+}
+{% endunless %}
+
+{% if page.is_post %}
+{% assign author = site.data.authors | where: "name", page.author | first %}
+,{
+ "@type": "BlogPosting",
+ "headline": "{{page.title}}",
+ "image": "{{site.url}}{{page.image.path}}",
+ "keywords": "{{page.keywords}}", 
+ "wordcount": "{{page.content | number_of_words }}",
+ "url": "{{page.url}}",
+ "datePublished": "{{page.date}}",
+ "description": "{% if page.description %}{{page.description}}{% else %}{{page.excerpt }}{% endif %}",
+ "articleBody": "{{page.content}}",
+   "author": {
+    "@type": "Person",
+    "name": "{% if author.name %}{{author.name}}{% else %}{{page.author}}{% endif %}"
+  }
+}
+{% endif %}
+]}
+</script>

data/_includes/shape-divider.html

@@ -0,0 +1,12 @@
+<div class="homepage-shape">
+  <svg width="100%" height="130px">
+    <defs>
+      <pattern id="shapeDividerPattern-4" preserveaspectratio="none" style="background-repeat: none;" patternunits="userSpaceOnUse" x="0" y="0" width="100%" height="1300px" viewbox="0 0 100 1300">
+        <polygon fill="#ffffff" points="0,0 0,130 50,130 "></polygon>
+        <polygon fill="#ffffff" points="100,0 100,130 50,130 "></polygon>
+      </pattern>
+    </defs>
+    <!-- Background -->
+    <rect x="0" y="0" width="100%" height="130px" fill="url(#shapeDividerPattern-4)"></rect>
+  </svg>
+</div>    

data/_includes/shape.html

@@ -0,0 +1,52 @@
+<div class="container-fluid"> <!--Fluid Container -->
+    <div class="row"> <!--Row -->
+        <div id="featured-jumbotron"
+        
+            {% if site.data.settings.home.jumbotron.background %}
+                style="background: #000 url({{site.data.settings.home.jumbotron.background}}) no-repeat center center fixed;
+                background-size: cover;
+                -webkit-background-size: cover;
+                -moz-background-size: cover;
+                -o-background-size: cover;
+                background-position-y: 80px;"
+                class="jumbotron text-center featured-jumbotron homepage-image-jumbotron"
+            {% else %}
+                class="jumbotron text-center featured-jumbotron"
+            {% endif %} > <!--Jumbotron div -->
+            
+        <div class="container"> <!--Container -->
+            
+            {% if site.data.settings.home.hero-image %}
+                <div class="col-md-12">
+                    <img src="{{site.data.settings.home.hero-image}}" id="home-hero-image" class="img-responsive center-block animated fadeIn" alt="{{site.title}} Home Page Image">
+                </div>
+            {% endif %}
+
+            {% if site.data.settings.home.jumbotron.title %}
+                <h1 id="home-page-title" class="fade-in-one" id="homepage-heading">
+                    {{site.data.settings.home.jumbotron.title.first-line}}<br />
+                    <b>{{site.data.settings.home.jumbotron.title.second-line}}</b>
+                </h1>
+            {% endif %}
+
+            {% if site.data.settings.home.jumbotron.text %}
+                <p id="home-page-text" class="sub-tag center-block fade-in-two">
+                    <span>{{site.data.settings.home.jumbotron.text.first-line}}</span><br />
+                    <span>{{site.data.settings.home.jumbotron.text.second-line}}</span>
+                </p>
+            {% endif %}
+
+            {% if site.data.settings.home.jumbotron.buttons %}
+                <p id="buttons">
+                    {% for button in site.data.settings.home.jumbotron.buttons %}
+                        <a class="{{button.class}}" href="{{button.url}}" role="button">{{button.text}}</a>
+                    {% endif %}
+                </p>
+            {% endif %}
+            
+          </div> <!--End Container -->
+          
+          {% include shape-divider.html %}
+      </div> <!--End Jumbotron div -->
+    </div> <!--row -->
+</div> <!--End Container-fluid -->