jumbo-jekyll-theme-test 1.0.0

data/_data/settings.yml

@@ -0,0 +1,148 @@
+# Custom Favicon
+favicon: favicon.png
+
+# # Mailchimp settings
+# mailchimp:
+#     enabled: true
+#     id: af6cf590b0
+
+# Footer Newsletter toggle.
+newsletter:
+    enabled: false
+    
+tags_enabled: true
+    
+# Footer Image default is linaro sprinkle
+linaro-footer-image: Linaro-Sprinkle.png
+
+# # Breadcrumb Settings
+# breadcrumb:
+#     image: breadcrumb-image.jpg
+
+
+#Content Repo for static site.
+# Used for the edit on github include
+
+# edit-on-github:
+#     enabled: true
+#     repo: https://www.github.com/Linaro/website
+    # docs: https://www.github.com/Linaro/website
+    
+# Settings for the home page
+home:
+    #Content Background Image E.g. DeviceTree.org
+    # content-image: background-image.png
+    # If this is set then the navigation will be transparent.
+    transparent-nav: true
+    # If this is set to true then the shape divider will be displayed
+    shaped-divider: true
+    # Jumbotron settings for the home page
+    jumbotron:
+        # Include file to replace all the contents of the jumbotron with.
+        included_file: hero-banner.html
+        # Toggle the jumbotron
+        enabled: true
+        # Title for the home page jumbotron
+        title:
+            first-line: 
+                text: Welcome to the
+                display: true
+                bold: false
+            second-line: 
+                text: Jumbo Jekyll Theme
+                display: true
+                bold: true
+        # Text to be displayed in the home page jumbotron
+        sub-title:
+            first-line:
+                text: A theme for Linaro Static Jekyll sites.
+                display: true
+                bold: false
+            second-line: 
+                text: Customize this content in the _data/settings.yml
+                display: false
+                bold: false
+        # Buttons to be displayed in the Jumbotron
+        buttons:
+            - text: Learn More
+              class: btn btn-primary btn-lg fade-in-three bottom-border-five
+              url: /about/
+            - text: Get Started
+              url: 
+              class: btn btn-primary btn-lg fade-in-three bottom-border-five
+        # Background image for the home page located in assets/images
+        # background-image:
+        #     # Darken is set to true by default - if you wish to remove the image overlay
+        #     # then change this setting to false.
+        #     darken: true
+        #     # This is the name of the background-image located in /assets/images/
+        #     name: background-image.jpg
+        # image: devicetree-icon-white.png
+
+# Jekyll social media site settings. Github, LinkedIn, Google+, Facebook and Youtube
+# github_username: Linaro
+# linkedin_username: 1026961
+# google_plus_username: +LinaroOnAir
+# facebook_username: LinaroOrg
+# youtube_username: linaroorg
+# twitter_username: linaroorg
+# slideshare_username: linaroorg
+
+# Blog setup
+blog:
+    # Show Thumbnails in the post index
+    show_thumbnails: true
+    # Toggle site wide comments display.
+    comments: true
+    # Post Side Bar Settings
+    sidebar:
+        # custom-include: blog-sidebar-include.html
+        display-on-posts: true
+        display-on-index: true
+        # Toggle whether or not thumbnails in the sidebar are displayed.
+        thumbnails:
+            display: true
+        # Display other posts contained in _posts
+        other-posts:
+            display: true
+            count: 4
+        # Display Related posts based on tags / categories
+        related-posts:
+            display: true
+            count: 5
+        # Display the most recent posts
+        most-recent-posts:
+            display: true
+            count: 5
+                  
+# Google Anayltics Setup
+# google:
+#     tag_manager: GTM-5DLPJQ
+
+# Shema.org settings used in the schema.html include.
+# schema:
+#     enabled: true
+#     organisation:
+#         name: Linaro
+#         url: https://www.linaro.org
+#         sameAs:
+#             - https://twitter.com/linaroorg
+#             - https://www.facebook.com/LinaroOrg
+#             - https://www.linkedin.com/company/1026961/
+#             - https://plus.google.com/+LinaroOnAir
+#             - https://github.com/Linaro
+#             - https://www.slideshare.net/linaroorg
+#         address:
+#             street: Harston Mill, Royston Rd 
+#             town: Harston 
+#             county: Cambridge 
+#             post_code: CB22 7GG
+#             country_code: UK
+
+# # Disqus Comments
+# disqus:
+#     enabled: false
+#     shortname: Linaro
+
+# Placeholder for Missing Images
+placeholder: placeholder.jpg

data/_data/sidebar-nav.yml

@@ -0,0 +1,23 @@
+pages:
+  -
+    list:
+      -
+        title: "Container Left Sidebar"
+        url: /jekyll/layouts/container-left-sidebar/
+      -
+        title: "Container Right Sidebar"
+        url: "/jekyll/layouts/container-right-sidebar/"
+      -
+        title: "Container Breadcrumb Left Sidebar"
+        url: "/jekyll/layouts/container-breadcrumb-left-sidebar/"
+      -
+        title: "Container Breadcrumb Right Sidebar"
+        url: "/jekyll/layouts/container-breadcrumb-right-sidebar/"
+    # custom-include: custom
+    # Custom includes can be used using the above setting. Simply add the name of the
+    # jekyll _include file (without .html exetension) to the above setting and that will be used instead.
+    urls: [
+    /jekyll/layouts/container-breadcrumb-left-sidebar/,
+    /jekyll/layouts/container-breadcrumb-right-sidebar/,
+    /jekyll/layouts/container-left-sidebar/,
+    /jekyll/layouts/container-right-sidebar/]

data/_data/sticky-tab-bar.yml

@@ -0,0 +1,29 @@
+pages:
+  -
+    list:
+      -
+        title: "Home"
+        url: /
+      -
+        title: "About"
+        url: "/about/"
+      -
+        title: "FAQ"
+        url: "/faq/"
+      -
+        title: "Jekyll"
+        url: "/jekyll/"
+        
+    urls: [
+    /,
+    /about/,
+    /faq/,
+    /jekyll/]
+  -
+    list:
+      -
+        title: "Container Breadcrumb"
+        url: /jekyll/layouts/container-breadcrumb/
+        
+    urls: [
+    /jekyll/layouts/container-breadcrumb/]

data/_includes/breadcrumb.html

@@ -0,0 +1,97 @@
+<div class="container-fluid breadcrumb-container"
+    {% if site.data.settings.breadcrumb.image %}
+    style="background-image: url('{% asset_path '{{site.data.settings.breadcrumb.image}}' %}');
+    "
+    {% endif %}><!--- Main fluid container start ---->
+      <div class="row"> <!--- Row Start ---->
+        <div class="container breadcrumb-inner-container"><!--- Container Start ---->
+          <h1>
+              {% if page.title %}
+                {{ page.title }}
+              {% else %}
+                {{page.url | replace: "/", "" | replace: "-","" | capitalize }}
+              {% endif %}
+          </h1>
+          <ol itemscope itemtype="http://schema.org/BreadcrumbList" class="breadcrumb">
+              <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                  <a itemprop="item" href="/">
+                      <span itemprop="name">{{site.title}}</span>
+                  </a>
+                  <meta itemprop="position" content="1" />
+              </li>
+              {% assign page-url = page.url | split: "/" %}
+              {% assign iterator = 2 %}
+              {% assign breadcrumb-path = "/" %}
+              {% for section in page-url %}
+                  {% if forloop.last == false %}
+                          {% if section == "" or section == "index.html" %}
+                              {% continue %}
+                          {% elsif section == "product" %}
+                              {% capture breadcrumb-path %}{{breadcrumb-path}}{{section}}/{% endcapture%}
+                                  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                                      <a itemprop="item" href="/products/">
+                                          <span itemprop="name">{{section | truncate: 20 | capitalize }}s</span>
+                                      </a>
+                                      <meta itemprop="position" content="{{iterator}}" />
+                                  </li>
+                          {% elsif section contains ".md.html" %}
+                              {% capture breadcrumb-path %}{{breadcrumb-path}}{{section}}{% endcapture%}
+                                  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                                      <a itemprop="item" href="{{breadcrumb-path}}">
+                                          <span itemprop="name">{{section | replace: ".html", "" | truncate: 20 | capitalize }}</span>
+                                      </a>
+                                      <meta itemprop="position" content="{{iterator}}" />
+                                  </li>
+                          {% elsif section == "ConsumerEdition" %}
+                              {% capture breadcrumb-path %}{{breadcrumb-path}}{{section}}/{% endcapture%}
+                                  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                                      <a itemprop="item" href="{{breadcrumb-path}}">
+                                          <span itemprop="name">Consumer Edition</span>
+                                      </a>
+                                      <meta itemprop="position" content="{{iterator}}" />
+                                  </li>
+                          {% elsif section == "EnterpriseEdition" %}
+                              {% capture breadcrumb-path %}{{breadcrumb-path}}{{section}}/{% endcapture%}
+                                  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                                      <a itemprop="item" href="{{breadcrumb-path}}">
+                                          <span itemprop="name">Enterprise Edition</span>
+                                      </a>
+                                      <meta itemprop="position" content="{{iterator}}" />
+                                  </li>
+                          {% elsif section == "IoTEdition" %}
+                              {% capture breadcrumb-path %}{{breadcrumb-path}}{{section}}/{% endcapture%}
+                                  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                                      <a itemprop="item" href="{{breadcrumb-path}}">
+                                          <span itemprop="name">IoT Edition</span>
+                                      </a>
+                                      <meta itemprop="position" content="{{iterator}}" />
+                                  </li>
+                          {% elsif section == "MezzanineProducts" %}
+                              {% capture breadcrumb-path %}{{breadcrumb-path}}{{section}}/{% endcapture%}
+                                  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                                      <a itemprop="item" href="{{breadcrumb-path}}">
+                                          <span itemprop="name">Mezzanine Products</span>
+                                      </a>
+                                      <meta itemprop="position" content="{{iterator}}" />
+                                  </li>
+                          {% else %}
+                          {% capture breadcrumb-path %}{{breadcrumb-path}}{{section}}/{% endcapture%}
+                              <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                                  <a itemprop="item" href="{{breadcrumb-path}}">
+                                      <span itemprop="name">{{section | truncate: 20 | capitalize }}</span>
+                                  </a>
+                                  <meta itemprop="position" content="{{iterator}}" />
+                              </li>
+                          {% endif %}
+                    {% else %}
+                    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="active">
+                        <span itemprop="name">{% if page.title %}{{page.title}}{% else %}{{ page.title }}{% endif %}</span>
+                        <meta itemprop="position" content="{{iterator}}" />
+                    </li>
+                    {% endif %}
+                  {% assign iterator = iterator | plus: 1 %}
+              {% endfor %}
+          </ol>
+      </div>
+    </div>
+</div>

data/_includes/css.html

@@ -0,0 +1,9 @@
+{% if page.css-package %}
+    {% capture css-package %}/assets/css/main-{{page.css-package}}.css{% endcapture %}
+    <link rel="stylesheet" href="{{ css-package | relative_url }}?v={% bust_cache %}">
+{% elsif layout.css-package %}
+    {% capture css-package %}/assets/css/main-{{layout.css-package}}.css{% endcapture %}
+    <link rel="stylesheet" href="{{ css-package | relative_url }}?v={% bust_cache %}">
+{% else %}
+    <link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}?v={% bust_cache %}">
+{% endif %}

data/_includes/custom.html

@@ -0,0 +1 @@
+Testing custom include.

data/_includes/display-blog-posts.html

@@ -0,0 +1,67 @@
+{% for post in paginator.posts %}
+    <div class="row blog_post">
+        {% if site.data.settings.blog.show_thumbnails %}
+            <div class="col-md-4 col-sm-4 col-xs-4">
+                <a href="{{post.url}}">
+                    {% if post.image.thumb %}                          
+                          <picture>
+                              <source srcset="{% asset_path '{{post.image.thumb}}' %}" 
+                              media="(max-width: 999px)" />
+                              <source srcset="{% asset_path '{{post.image.thumb}}' %}"
+                               media="(min-width: 1000px)" />
+                              <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 
+                              data-src="{% asset_path '{{post.image.thumb}}' %}" 
+                              class="lazyload img-responsive center-block"/>
+                          </picture>
+                    {% elsif post.image.name %}
+                        <picture>
+                            <source srcset="{% asset_path '{{post.image.name}}' %}" 
+                            media="(max-width: 999px)" />
+                            <source srcset="{% asset_path '{{post.image.name}}' %}"
+                             media="(min-width: 1000px)" />
+                            <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 
+                            data-src="{% asset_path '{{post.image.name}}' %}" 
+                            class="lazyload img-responsive center-block"/>
+                        </picture>
+                    {% else %}
+                        <picture>
+                            <source srcset="{% asset_path '{{site.data.settings.placeholder}}' %}"
+                            media="(max-width: 999px)" />
+                            <source srcset="{% asset_path '{{site.data.settings.placeholder}}' %}"
+                             media="(min-width: 1000px)" />
+                            <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 
+                            data-src="{% asset_path '{{site.data.settings.placeholder}}' %}" 
+                            class="lazyload img-responsive center-block"/>
+                        </picture>
+                    {% endif %}
+                </a>
+            </div>
+            <div class="col-md-8 col-sm-8 col-xs-8 post_title no-padding">
+                <a href="{{post.url}}"><h3>{{ post.title}}</h3></a>
+                <em>{{ post.date | date: "%A, %B %-d, %Y"}}</em><br />
+                <p class="post_excerpt">
+                {{ post.content | strip_html | truncatewords:30 }}
+                </p>
+                <p>
+                    <a href="{{post.url}}">
+                        <button class="btn blog-read-more-btn">Read More</button>
+                    </a>
+                </p>
+            </div>
+        {% else %}
+            <div class="col-xs-12 post_title no-padding">
+                <a href="{{post.url}}"><h3>{{ post.title}}</h3></a>
+                <em>{{ post.date | date: "%A, %B %-d, %Y"}}</em><br />
+                <p class="post_excerpt">
+                {{ post.content | strip_html | truncatewords:30 }}
+                </p>
+                <p>
+                    <a href="{{post.url}}">
+                        <button class="btn blog-read-more-btn">Read More</button>
+                    </a>
+                </p>
+            </div>
+        {% endif %}
+    </div>
+{% endfor %}
+

data/_includes/disqus-comments.html

@@ -0,0 +1,14 @@
+<section class="disqus">
+    <div id="disqus_thread"></div>
+    <script type="text/javascript">
+        var disqus_shortname = '{{ site.data.settings.disqus.shortname }}';
+        var disqus_developer = 0; // developer mode is on
+        (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>
+    <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
+</section>

data/_includes/footer.html

@@ -0,0 +1,70 @@
+<div class="container-fluid footer">
+    <div class="row">
+        <footer id="footer">
+            <div class="container">
+                <div class="row main-footer-content">
+                    {% for column in site.data.footer.columns %}
+                    <div class="col-xs-6 col-md-2">
+                        <ul class="list-unstyled ">
+                            <li><b><a class="footer-heading" href="{% if column.url %}{{column.url}}{% else %}#{% endif %}">{{column.title}}</a></b></li>
+                            {% if column.items %} {% for item in column.items %}
+                            <li><a class="footer-element" href="{{item.url}}">{{item.text}}</a></li>
+                            {% endfor %} {% endif %}
+                        </ul>
+                    </div>
+                    {% endfor %} {% if site.data.footer.image %}
+                    <div class="col-xs-6 col-md-2">
+                        <a href="/">
+                            <img src="{% if site.data.footer.image %}{% asset_path '{{site.data.footer.image}}'  %}{% endif %}" class="footer-logo pull-right" alt="{{site.data.settings.name}}" />
+                        </a>
+                    </div>
+                    {% endif %}
+                </div>
+
+                <div class="row footer-strip">
+                    <div class="container no-padding">
+                        <div class="col-md-6 company-footer-bottom">
+                            <a href="{{site.data.linaro.url}}"><img src="{% asset_path '{{site.data.settings.linaro-footer-image}}'  %}" class="linaro-logo" alt="Linaro Icon" /></a>
+                            Copyright &copy; {{ 'now' | date: "%Y" }} Linaro Limited <a href="{{site.data.linaro.url}}">{{site.data.linaro.name}}</a>
+                            {% for link in site.data.footer.company-links %}
+                                <span class="coloured-bp">&bull;</span>
+                                <a href="{{link.url}}">{{link.name}}</a> 
+                            {% endfor %}
+                            {% if site.data.settings.newsletter.url %}
+                                <span class="coloured-bp">&bull;</span>
+                                <a href="{{site.data.settings.newsletter.url}}">Subscribe to Newsletter</a> 
+                            {% else %}
+                                {% if site.data.settings.newsletter.enabled %}
+                                <span class="coloured-bp">&bull;</span>
+                                <a href="#" id="open-newsletter-popup">Subscribe to Newsletter</a> 
+                                {% endif %}
+                            {% endif %}
+                        </div>
+                        <div class="col-md-6 social-footer-bottom text-right no-padding">
+                            {% if site.data.settings.facebook_username %}
+                                <a href="http://facebook.com/{{site.data.settings.facebook_username}}" class="btn btn-social-icon"><i class="icon-facebook"></i></a> 
+                            {% endif %}
+                            {% if site.data.settings.github_username %}
+                                <a href="https://github.com/{{site.data.settings.github_username}}" class="btn btn-social-icon"><i class="icon-github-circled"></i></a> 
+                            {% endif %}
+                            {% if site.data.settings.google_plus_username %}
+                                <a href="https://plus.google.com/{{site.data.settings.google_plus_username}}/posts" class="btn btn-social-icon"><i class="icon-gplus"></i></a> 
+                            {% endif %}
+                            {% if site.data.settings.linkedin_username %}
+                                <a href="https://www.linkedin.com/company/{{site.data.settings.linkedin_username}}" class="btn btn-social-icon"><i class="icon-linkedin"></i></a> 
+                            {% endif %}
+                            {% if site.data.settings.twitter_username %}
+                                <a href="https://twitter.com/{{site.data.settings.twitter_username}}" class="btn btn-social-icon"><i class="icon-twitter"></i></a>
+                            {% endif %}
+                            {% if site.data.settings.youtube_username %}
+                                <a href="https://www.youtube.com/{{site.data.settings.youtube_username}}" class="btn btn-social-icon"><i class="icon-youtube"></i></a>
+                            {% endif %}
+                        </div>
+                        <div style="clear:both;"></div>
+                    </div>
+                </div>
+                <!--/.container-->
+            </div>
+        </footer>
+    </div>
+</div>