linaro-jekyll-theme 1.3 → 4.0.1

data/_includes/blog/disqus_comments.html

@@ -0,0 +1,24 @@
+{% unless page.comments == false %}
+    <section class="disqus">
+        <div id="disqus_thread"></div>
+        <script type="text/javascript">
+          var disqus_config = function () {
+                this.page.url = "{{site.url}}{{page.url}}";  // Replace PAGE_URL with your page's canonical URL variable
+                this.page.identifier = "{{page.url}}"; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
+                this.callbacks.onNewComment = [function (comment) {
+                    console.log(comment.id);
+                    console.log(comment.text);
+                }];
+            };
+            var disqus_shortname = '{{ site.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>
+{% endunless %}

data/_includes/blog/latest_posts.html

@@ -0,0 +1,11 @@
+{% assign posts = site.posts | sort: 'date' | reverse %}
+{% for post in posts limit: 5 %}
+<li class="list-group-item">
+    <a href="{{post.url}}">
+        {{post.title | truncate:40 }}
+        <small class="date">
+            <em>{{ post.date | date: '%B %d, %Y' }}</em>
+        </small>
+    </a>
+</li>
+{% endfor %}

data/_includes/blog/pagination.html

@@ -0,0 +1,37 @@
+{% assign paginate_path = include.path %}
+{% assign paginate_base_path = paginate_path | split: ":" %}
+{% if paginator.total_pages > 1 %}
+<nav aria-label="Page navigation example">
+    <ul class="pagination justify-content-center my-4 my-sm-4">
+    {% if paginator.previous_page %}
+        <li class="page-item"><a class="page-link" href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Prev</a></li>
+    {% else %}
+    <li class="page-item disabled"><a class="page-link" href="#">&laquo; Prev</a></li>
+    {% endif %}
+    {% if paginator.page_trail %}
+        {% for trail in paginator.page_trail %}
+        <li {% if page.url == trail.path %}class="page-item active"{% endif %}>
+            <a class="page-link" href="{% if trail.num == 1 %}{{paginate_base_path[0]}}{% else %}
+            {{ 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="page-item active"><a class="page-link" href="">{{ page }}</a></li>
+        {% elsif page == 1 %}
+            <li class="page-item"><a class="page-link" href="{{paginate_base_path[0]}}">{{ page }}</a></li>
+        {% else %}
+            <li class="page-item"><a class="page-link" href="{{ paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a></li>
+        {% endif %}
+        {% endfor %}
+    {% endif %}
+    {% if paginator.next_page %}
+        <li class="page-item"><a class="page-link" href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next </a></li>
+    {% else %}
+        <li class="page-item disabled"><a class="page-link" href="#">Next &raquo;</a></li>
+    {% endif %}
+    </ul>
+</nav>
+{% endif %}

data/_includes/blog/post_search.html

@@ -0,0 +1,11 @@
+{% assign url = include.object.payload %}
+<div class="col col-12 ">
+    <div id="post_search" data-file-path="{{url.data}}">
+        <input class="form-control form-control-lg" id="search-input" type="text"
+            placeholder="Search {{site.categories[url.category].size}} posts..." />
+        <a class="close_search" href="#">
+            X <span class="sr-only">Clear Search</span>
+        </a>
+        <ul class="list-unstyled p-3" id="results-container"></ul>
+    </div>
+</div>

data/_includes/blog/post_series.html

@@ -0,0 +1,28 @@
+{% if page.series %}
+    {% assign count = '0' %}
+    {% assign idx = '0' %}
+    {% for post in site.posts reversed %}
+        {% if post.series == page.series %}
+            {% capture count %}{{ count | plus: '1' }}{% endcapture %}
+            {% if post.url == page.url %}
+                {% capture idx %}{{count}}{% endcapture %}
+            {% endif %}
+        {% endif %}
+    {% endfor %}
+    <div class="panel post-series">
+        <p>
+            This article is <strong>Part {{ idx }}</strong> in a <strong>{{ count }}-Part</strong> Series.
+        </p>
+        <ul class="list-group">
+            {% assign count = '0' %}
+            {% for post in site.posts reversed %}
+                {% if post.series == page.series %}
+                    {% capture count %}{{ count | plus: '1' }}{% endcapture %}
+                    <li class="list-group-item {% if page.url == post.url %}active{% endif %}">Part {{ count }} -
+                        <a href="{{post.url}}">{{post.title}}</a>
+                    </li>
+                {% endif %}
+            {% endfor %}
+        </ul>
+    </div>
+{% endif %}

data/_includes/blog/post_sidebar.html

@@ -0,0 +1,74 @@
+{% comment %}
+    Recent Posts Displayed here.
+{% endcomment %}
+<div class="col col-12 my-5 suggested_posts">
+    <h3>Recent Posts</h3>
+    <ul class="list-unstyled">
+        {% for post in site.posts limit: 3 %}
+            {% assign timeframe = 604800 %}
+            {% assign post_in_seconds = post.date | date: "%s" | plus: 0 %}
+            {% assign recent_posts = "now" | date: "%s" | minus: timeframe %}
+
+             {% if post.image %}
+                {% assign image_path = post.image %}
+                {% capture image_alt %}{{post.title}} image {% endcapture %}
+            {% else %}
+                {% assign image_path = site.post_placeholder %}
+                {% capture image_alt %}Blog post placeholder image {% endcapture %}
+            {% endif %}
+            <li class="media flex-column flex-sm-row">
+                {% picture post_thumb {{image_path}} --alt {{image_alt}} %}
+                <div class="media-body">
+                    <a href="{{post.url}}">
+                        <h5 class="mt-0 mb-1">{{post.title}}</h5>
+                        <em class="suggested_post_date">{{post.date | date: "%A, %B %-d, %Y" }}</em>
+                        <p>
+                        {% if post.description %}
+                            {{post.description}}
+                        {% else %}
+                            {{ post.content | strip_html | truncatewords:30 }}
+                        {% endif %}
+                        </p>
+                        {% if post_in_seconds > recent_posts %}
+                            <span class="new-post" title="Post added in the last week.">New</span>
+                        {% endif %}
+                    </a>
+                </div>
+            </li>
+        {% endfor %}
+        </ul>
+</div>
+{% comment %}
+Other Posts
+{% endcomment %}
+<div class="col col-12 my-5 suggested_posts">
+    <h3>Other Posts</h3>
+    <ul class="list-unstyled">
+        {% assign posts = site.posts | sample:5 %}
+        {% for post in posts %}
+             {% if post.image %}
+                {% assign image_path = post.image %}
+                {% capture image_alt %}{{post.title}} image {% endcapture %}
+            {% else %}
+                {% assign image_path = site.post_placeholder %}
+                {% capture image_alt %}Blog post placeholder image {% endcapture %}
+            {% endif %}
+            <li class="media flex-column flex-sm-row">
+                {% picture post_thumb {{image_path}} --alt {{image_alt}} %}
+                <div class="media-body">
+                    <a href="{{post.url}}">
+                        <h5 class="mt-0 mb-1">{{post.title}}</h5>
+                        <em class="suggested_post_date">{{post.date | date: "%A, %B %-d, %Y" }}</em>
+                        <p>
+                        {% if post.description %}
+                            {{post.description}}
+                        {% else %}
+                            {{ post.content | strip_html | truncatewords:30 }}
+                        {% endif %}
+                        </p>
+                    </a>
+                </div>
+            </li>
+        {% endfor %}
+        </ul>
+</div>

data/_includes/blog/read_time.html

@@ -0,0 +1,7 @@
+
+{% if include.content %}
+    {% assign words = include.content | number_of_words %}
+{% else %}
+    {% assign words = content | number_of_words %}
+{% endif %}
+<span class="reading-time badge badge-light text-dark" title="Estimated read time">{% if words < 360 %}1 min read{% else %}{{ words | divided_by:180 }} mins read{% endif %} <i class="fa fa-clock-o" aria-hidden="true"></i></span>

data/_includes/components/breadcrumb.html

@@ -0,0 +1,37 @@
+{% assign page-url = page.url | split: "/" %}
+{% assign iterator = 2 %}
+{% assign breadcrumb-path = "/" %}
+<nav aria-label="breadcrumb" id="breadcrumb">
+    <div class="container">
+        <h1>{{page.title}}</h1>
+        <ol class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"
+            class="breadcrumb-item">
+                <a itemprop="item" href="/">
+                    <span itemprop="name">Home</span>
+                    <meta itemprop="position" content="1" />
+                </a>
+            </li>
+            {% for section in page-url %}
+                {% if forloop.last == false %}
+                        {% if section == "" or section == "index.html" %}
+                            {% continue %}
+                        {% 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">{{page.title}}</span>
+                        <meta itemprop="position" content="{{iterator}}" />
+                    </li>
+                {% endif %}
+                {% assign iterator = iterator | plus: 1 %}
+            {% endfor %}
+        </ol>
+    </div>
+</nav>

data/_includes/components/carousel_header.html

@@ -0,0 +1,15 @@
+{% assign images = include.images %}
+<!-- Carousel Header -->
+<div class="row">
+    <div class="carousel slide carousel-fade" id="header-carousel" data-ride="carousel">
+        <div class="carousel-inner" role="listbox">
+            {% for image in images %}
+            <div data-src="{{image}}" style="{% if forloop.index == 1%}background: url('{{image}}');{% else %}{% endif %}background-size:cover; background-position:center center; background-repeat: no-repeat;"
+                class=" item {% if forloop.index == 1%}active{% else %}{% endif %}">
+                </div>
+            {% endfor %}
+        </div>
+    </div>
+</div>
+<!-- End Carousel Header -->
+

data/_includes/components/cookie_manager.html

@@ -0,0 +1,72 @@
+<div class="col col-12 cookie_manager">
+    <div class="row justify-content-lg-center">
+        <div class="col col-12 col-sm-9">
+            <h3>Necessary Cookies</h3>
+            <p class="lead">
+                We cannot disable neccessary cookies as these are required to remember your preferences
+                for non-essential cookies.
+            </p>
+            <p>
+                List of Necessary Cookies:
+            </p>
+            <table class="table">
+                <thead>
+                    <th>Cookie Name</th>
+                    <th>Usage</th>
+                </thead>
+                <tbody>
+                    {% for cookie in site.google_analytics.cookies.necessary %}
+                    <tr>
+                        <td>{{cookie.name}}</td>
+                        <td>{{cookie.description | markdownify}}</td>
+                    </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
+        <div class="col col-12 col-sm-3">
+            <div class="df-switch">
+                <button type="button" class="btn btn-lg btn-toggle active" disabled data-toggle="button" aria-pressed="false"
+                    autocomplete="off">
+                    <div class="inner-handle"></div>
+                    <div class="handle"></div>
+                </button>
+            </div>
+        </div>
+    </div>
+    <div class="row justify-content-lg-center">
+        <div class="col col-12 col-sm-9" order-sm-1">
+            <h3>Analytics Cookies</h3>
+            <p class="lead" id="analytics_cookies_desc">
+                <span class="disabled">Toggle this switch to enabled the collection of anonymous analytics data that helps us improve our site.</span>
+                <span class="enabled">Toggle this switch to disable the collection of anonymous analytics data that helps us improve our site.</span>
+            </p>
+            <p>
+                List of Analytics Cookies:
+            </p>
+            <table class="table">
+                <thead>
+                    <th>Cookie Name</th>
+                    <th>Usage</th>
+                </thead>
+                <tbody>
+                    {% for cookie in site.google_analytics.cookies.marketing %}
+                    <tr>
+                        <td>{{cookie.name}}</td>
+                        <td>{{cookie.description | markdownify}}</td>
+                    </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
+        <div class="col col-12 col-sm-3">
+            <div class="df-switch">
+                <button id="analytics_toggle" type="button" class="btn btn-lg btn-toggle" data-toggle="button" aria-pressed="false"
+                    autocomplete="off">
+                    <div class="inner-handle"></div>
+                    <div class="handle"></div>
+                </button>
+            </div>
+        </div>
+    </div>
+</div>

data/_includes/components/css.html

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

data/_includes/components/github_edit.html

@@ -0,0 +1,34 @@
+{% unless page.edit-on-github == "false" %}
+{% if site.edit-on-github.enabled and site.edit-on-github.repo %}
+    {% assign page_base = include.pagePermalink | split:"/" %}
+    {% assign page-path = include.pagePath | replace: " ", "" %}
+    {% if page_base[1] == "documentation" and site.edit-on-github.docs %}
+        {% capture github-home %}{{site.edit-on-github.docs}}{% endcapture %}
+        {% capture github-docs %}{{site.edit-on-github.docs}}/tree/master/{% endcapture %}
+        {% capture report-issue-link %}
+        {{github-home}}/issues/new?title=Problem+with+{{page-path}}&body=Please+enter+some+details+about+the+bug/issue+so+we+can+promptly+resolve+it.+%0D%0AURL%3A++{{site.url}}{{page.url}}
+        {% endcapture %}
+        {% capture edit-me-link %}{{github-docs}}{{page-path}}{% endcapture %}
+            <div class="btn-group my-2 mt-1" role="group" aria-label="Basic example" id="github_controls">
+                <a type="button" aria-label="GitHub Home" title="GitHub Home" class="btn btn-secondary"  href="{{github-home}}" id="github_home"><span class="sr-only">Go to GitHub Repo home</span><i class="icon-github-circled center-block"></i></a>
+                <a type="button" aria-label="Report an issue on GitHub for this page" title="Report an issue on GitHub for this page" class="btn btn-secondary" href="{{report-issue-link}}" id="submit_issue">Report an Issue</a>
+                <a aria-label="Edit this page on GitHub" title="Edit this page on GitHub" href="{{edit-me-link | replace: " ", "" }}" type="button" class="btn btn-secondary" id="edit_on_github">Edit on GitHub</a>
+            </div>
+    {% else %}
+        {% capture github-home %}{{site.edit-on-github.repo}}{% endcapture %}
+        {% capture github-docs %}{{site.edit-on-github.repo}}/tree/master/{% endcapture %}
+        {% capture report-issue-link %}
+        {{site.edit-on-github.repo}}/issues/new?title=Problem+with+{{page-path}}&body=Please+enter+some+details+about+the+bug/issue+so+we+can+promptly+resolve+it.+%0D%0AURL%3A++{{site.url}}{{page.url}}
+        {% endcapture %}
+        {% capture edit-me-link %}{{github-docs}}{{page-path}}{% endcapture %}
+            <div class="btn-group my-2 mt-1" role="group" aria-label="Basic example" id="github_controls">
+                <a type="button" aria-label="GitHub Home" title="GitHub Home" class="btn btn-secondary" href="{{github-home}}" id="github_home"> <span class="sr-only">Go to GitHub Repo home</span> <i
+                        class="icon-github-circled center-block"></i></a>
+                <a type="button" aria-label="Report an issue on GitHub for this page" title="Report an issue on GitHub for this page" class="btn btn-secondary" href="{{report-issue-link}}" id="submit_issue">Report an
+                    Issue</a>
+                <a aria-label="Edit this page on GitHub" title="Edit this page on GitHub" href="{{edit-me-link | replace: " ", "" }}"  type="button" class="btn btn-secondary"
+                    id="edit_on_github">Edit on GitHub</a>
+            </div>
+    {% endif %}
+{% endif %}
+{% endunless %}

data/_includes/components/head.html

@@ -0,0 +1,65 @@
+<head>
+    {% include components/http2.html %}
+    <meta charset="UTF-8">
+    <title>
+        {% if page.title %}
+            {{page.title}} - {{site.title}}
+        {% else %}
+            {{site.title}}
+        {% endif %}
+    </title>
+    {% include components/css.html %}
+
+    {% if page.description %}
+        {% assign description = page.description %}
+    {% else %}
+        {% assign description = site.description %}
+    {% endif %}
+
+
+    {% if page.title %}
+        {% assign title = page.title %}
+    {% else %}
+        {% assign title = site.title %}
+    {% endif %}
+
+    {% if page.image %}
+        {% assign image = page.image | absolute_url %}
+    {% else %}
+        {% assign image = site.social_media_share_image | absolute_url %}
+    {% endif %}
+
+    <link rel="icon" href="{{site.favicon}}" type="image/png" />
+    <link rel="canonical" href="{{ page.url | absolute_url }}" />
+    <!-- Meta tags -->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="generator" content="Jekyll v4" />
+    <meta name="description" content="{{description}}" />
+    <!--Open Graph-->
+    <meta property="og:title" content="{{title}}" />
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:description" content="{{description}}" />
+    <meta property="og:url" content="{{ page.url | absolute_url }}" />
+    <meta property="og:site_name" content="Linaro" />
+    <meta property="og:image" content="{{image}}" />
+    <!--Twitter Cards-->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta property="twitter:image" content="{{image}}" />
+    <meta property="twitter:title" content="{{title}}" />
+    {% if site.twitter_username %}
+    <meta name="twitter:site" content="@{{site.twitter_username}}" />
+    {% endif %}
+    {% if site.google_analytics.enabled %}
+        <meta name="analytics_code" content="{{site.google_analytics.code}}">
+    {% endif %}
+    {% if page.keywords %}
+        <meta name="keywords" content="{{page.keywords}}">
+    {% endif %}
+    {% include_cached components/schema.html %}
+    {% if page.url != "/" and site.breadcrumb_schema %}
+    <!--Breadcrumb Schema-->
+    {% capture breadcrumb_schema %}{"@context": "https://schema.org","@type": "BreadcrumbList","itemListElement":[{% assign crumbs = page.url | remove:'/index.html' | split: '/' %}{% assign breadcrumb_path = "/" %}{% for crumb in crumbs offset: 1 %}{% assign crumb_limit = forloop.index | plus: 1 %}{% capture breadcrumb_path %}{{breadcrumb_path}}{{crumb}}/{% endcapture%}{"@type": "ListItem","position": {{forloop.index}},"item":{"@id": "{{breadcrumb_path | absolute_url}}","name": "{% assign page_data = site.pages | where: "url", breadcrumb_path | first %}{{page_data.title}}"}}{% unless forloop.last %},{% endunless %}{% endfor %}]}{% endcapture %}
+    <script type="application/ld+json">{{breadcrumb_schema | strip_newlines | strip }}</script>
+    {% endif %}
+    {% if page.schema %}<script type="application/ld+json">{{page.schema | jsonify }}</script>{% endif %}
+</head>

data/_includes/components/http2.html

@@ -0,0 +1,57 @@
+<!-- Start HTTP/2 Preload of Resources-->
+{% comment %}
+    Preload CSS Packages
+{% endcomment %}
+{% if page.css_bundle %}
+    {% capture css-package %}/assets/css/main-{{page.css_bundle}}.css{% endcapture %}
+{% elsif layout.css_bundle %}
+    {% capture css-package %}/assets/css/main-{{layout.css_bundle}}.css{% endcapture %}
+{% else %}
+    {% capture css-package %}/assets/css/main.css{% endcapture %}
+{% endif %}
+<link rel="preload" as="style" href="{{ css-package | relative_url }}">
+
+{% comment %}
+    TODO Preload JS Packages
+{% endcomment %}
+{% comment %}
+    Site Wide Http2 resources
+{% endcomment %}
+{% if site.http2_resources %}
+    {% for resource in site.http2_resources %}
+        {% if resource.href_list %}
+            {% for href in resource.href_list %}
+                <link rel="{{resource.rel}}" {% if resource.as %}as="{{resource.as}}"{% endif %} href="{{href}}" {% if resource.type %}type="{{resource.type}}"
+                    {% endif %} {% if resource.crossorigin %}crossorigin{% endif %}>
+            {% endfor %}
+        {% else %}
+            <link rel="{{resource.rel}}" {% if resource.as %}as="{{resource.as}}"{% endif %} href="{{resource.href}}" {% if resource.type %}type="{{resource.type}}"{% endif %}
+            {% if resource.crossorigin %}crossorigin{% endif %}>
+        {% endif %}
+    {% endfor %}
+{% endif %}
+{% comment %}
+    Jumbotron Background Image
+{% endcomment %}
+{% if page.jumbotron.background-image %}
+    {% for resource in page.http2_resources %}
+        <link rel="preload" as="image" href="{{page.jumbotron.background-image}}">
+    {% endfor %}
+{% endif %}
+{% comment %}
+    Jumbotron Video
+{% endcomment %}
+{% if page.jumbotron.video.poster %}
+    <link rel="preload" as="image" href="{{page.jumbotron.video.poster}}">
+{% endif %}
+{% if page.jumbotron.video.source.mp4 %}
+    <link rel="preload" as="video" href="{{page.jumbotron.video.source.mp4}}">
+{% endif %}
+{% comment %}
+    Blog Images
+{% endcomment %}
+{% if page.image.featured %}
+    {% if page.image.path %}
+        <link rel="preload" as="image" href="{{page.image.path}}">
+    {% endif %}
+{% endif %}