linaro-jekyll-theme 4.1.4 → 4.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c5c0b61cac53432b49557c91d8291f20feb3f3e0c2f2a8d891aeb2c649964510
-  data.tar.gz: 24487ccca1a2ebb1f268c45754b05197021866c45236ee00d86b09f27105a45d
+  metadata.gz: 28007e6ad27b5f5eec2b41a42fcb8fe7f8479d4fc0ad8540e07587ab202f97bf
+  data.tar.gz: 07aa2a14689d88c57b0a2b53afc29f657bbbec5069bc3cc8d86eb2b90f2cd1b1
 SHA512:
-  metadata.gz: f2d98bb9a3abc4860978a3e296c23061bc9bfb278f56911c87aca459c8fd178185ab439d7e7e8da65b54810cbf32581eb347c211df4d0c1567a4bd7a1634f47c
-  data.tar.gz: 8f680f7a05066c4fa107f54885adf94f34f37e6716e9f373cbbdf74186dd461b845b2a4f99015013b83649476fe9c47048c18afea091157559826e0b8b0caca6
+  metadata.gz: 2f28f3b7229b41cebd1162219fd78efb0d23eee4333df61bd901d08b8077d87cf87d4da21bd650fff04dea8653540414ced372cdb4c97c485c365574b3a683db
+  data.tar.gz: a24847274d7bdfa9657deeb08ac366a4710680fb4814f4e3b669e1c131dce9581b2c1de99ccb16a96c759945020af9b6f8f6e0b9716caba8c5a37a3e1d83fe3a

data/_config.yml

@@ -33,6 +33,7 @@ plugins:
   - japr
   - jekyll_picture_tag
   - jekyll-tidy
+  - jekyll-toc
 collections:
   authors:
     output: true
@@ -107,10 +108,19 @@ google_analytics:
 social_media_share_image: /assets/images/social-media-image.png
 # Set the default favicon
 favicon: /assets/images/favicon.png
+# Toggle the animated navbar dropdown feature
+# Navbar dropdowns will open on hover
+hover_nav_dropdowns: true
+# Set the class used to animate dropdowns e.g. fade-up / fade-down
+nav_dropdowns_animation_class: fade-down
+# The bootstrap breakpoint at which the navbars will expand
+nav_expand_breakpoint: lg
 # Site Name - your brand name
 name: Jumbo Jekyll Theme
 # The blog filler element
 blog_filler_element: blog/blog_filler_element.html
+# Breadcrumb banner image
+breadcrumb_banner: /assets/images/breadcrumb-banner.png
 # Placeholder avatar
 avatar_placeholder: /assets/images/avatar-placeholder.jpg
 # Blog Post Image Placholder
@@ -188,3 +198,13 @@ asset_pipeline:
   compress: true
   output_path: assets/js
   gzip: false
+# jekyll-toc
+toc:
+  min_level: 1
+  max_level: 6
+  ordered_list: false
+  no_toc_section_class: no_toc_section
+  list_class: list-group docs_nav sticky-top
+  sublist_class: "list-group"
+  item_class: toc-entry
+  item_prefix: toc-

data/_data/nav.yml

@@ -2,6 +2,11 @@ universal_nav: true
 search:
   enabled: true
   label: Linaro
+expand_breakpoint: lg
+brand:
+  # custom_include: nav/brand.html
+  path: /assets/images/Linaro-Logo.svg
+  alt: Linaro logo
 pages:
   - title: Features
     options:
@@ -25,9 +30,12 @@ pages:
             url: /flow/
           - text: Post
             url: /post/
+          - url: /documentation-page/
+            text: Documentation Page
   - options:
       - text: Overview
         url: /engineering/
+        external: true
       - text: Artificial Intelligence
         url: /engineering/artificial-intelligence/
       - text: Autonomous Vehicles
@@ -49,7 +57,13 @@ pages:
           - text: Power Management
             url: /engineering/core/arm-power-management/
           - text: Power Management EAS
-            url: /engineering/core/arm-power-management/eas/
+            options:
+              - text: Flow
+                url: /flow/
+              - text: Post
+                url: /post/
+              - url: /documentation-page/
+                text: Documentation Page
           - text: Power Management Farm
             url: /engineering/core/arm-power-management/pmwg-farm/
           - text: Security
@@ -67,7 +81,8 @@ pages:
       - text: Multimedia
         url: /engineering/multimedia/
     title: Engineering
-  - title: Membership
-    url: /membership/
+  - title: View on GitHub
+    url: https://www.github.com/linaro-marketing/linaro-jekyll-theme
+    external: true
   - url: /blog/
     title: Blog

data/_data/picture.yml

@@ -73,85 +73,115 @@ markup_presets:
       img: 'class="lazyload img-fluid blog_content_image "'
     formats: [webp, original]
     widths: [400, 800, 1200]
+    fallback_format: original
+    fallback_width: 1200
   members_image:
     markup: data_picture
     attributes:
       img: 'class="lazyload img-fluid members_image "'
     formats: [webp, original]
     widths: [100, 200, 300, 400]
+    fallback_format: original
+    fallback_width: 400
   header_image:
     markup: data_auto
     attributes:
       img: 'class="lazyload header_background_image"'
     formats: [webp, original]
     widths: [576, 768, 992, 1200]
-    fallback_format: webp
-    fallback_width: 1920
+    fallback_format: original
+    fallback_width: 1200
   content_image:
     markup: data_auto
     attributes:
       img: 'class="lazyload img-fluid content_image"'
     formats: [webp, original]
     widths: [576, 768, 992, 1200]
-    fallback_format: webp
-    fallback_width: 1920
+    fallback_format: original
+    fallback_width: 992
   header_slider_image:
     markup: data_picture
     attributes:
       source: 'class="owl-lazy"'
       img: 'class="owl-lazy header_background_image"'
     formats: [webp, original]
+    fallback_format: original
+    fallback_width: 1200
     widths: [400, 800, 1200, 1920]
   card_block_image:
     markup: data_picture
     attributes:
       img: 'class="lazyload card-img-top"'
     formats: [webp, original]
+    fallback_format: original
+    fallback_width: 600
     widths: [400, 600]
   feature_block_image:
     markup: data_picture
     attributes:
       img: 'class="lazyload img-fluid"'
     formats: [webp, original]
+    fallback_format: original
+    fallback_width: 900
     widths: [400, 600, 900, 1400]
   featured_blog_image:
     markup: data_picture
     attributes:
       img: 'class="lazyload img-fluid post_index_header_image"'
     formats: [webp, original]
+    fallback_format: original
+    fallback_width: 900
     widths: [400, 600, 900, 1400]
   slider_block_image:
     markup: data_picture
     attributes:
       img: 'class="lazyload img-fluid"'
     formats: [webp, original]
+    fallback_format: original
+    fallback_width: 900
     widths: [400, 600, 900, 1400]
   youtube_poster_image:
     markup: direct_url
     attributes:
       img: 'class="lazyload img-fluid"'
     formats: [webp, original]
+    fallback_format: original
+    fallback_width: 900
     widths: [400, 600, 900, 1400]
   author_thumbnail:
     markup: data_picture
     attributes:
       img: 'class="lazyload rounded-circle"'
     formats: [webp, original]
+    fallback_format: original
+    fallback_width: 100
     widths: [50, 100]
   author_thumbnail_small:
     markup: data_picture
     attributes:
       img: 'class="lazyload rounded-circle small"'
     formats: [webp, original]
+    fallback_format: original
+    fallback_width: 100
     widths: [50, 100]
   post_thumb:
     markup: data_picture
     attributes:
       img: 'class="lazyload mr-3 img-thumbnail suggested_post_thumb"'
     formats: [webp, original]
+    fallback_format: original
+    fallback_width: 400
     widths: [50, 100, 400]
   post_thumb_src_only:
     markup: direct_url
-    fallback_format: webp
+    fallback_format: original
     fallback_width: 400
     widths: [400]
+  breadcrumb_banner:
+    markup: data_picture
+    attributes:
+      img: 'class="lazyload breadcrumb_image"'
+    formats: [webp, original]
+    fallback_format: original
+    fallback_width: 1200
+    widths: [1000, 1200, 2000]

data/_data/sticky_tab_bar.yml

@@ -0,0 +1,24 @@
+pages:
+  # - list:
+  #     - title: Blog
+  #       url: /blog/
+  #       sub-pages: true
+  #     - title: Flow Layout
+  #       url: /flow/
+  #       right: true
+  #   urls: [/, /flow/]
+  - list:
+      - title: Documentation Example
+        url: /documentation-page/
+        sub-pages: true
+      - title: Getting Started
+        url: /flow/
+    urls: [/documentation-page/]
+  - list:
+      - title: __current_page__
+        url: __current_page__
+        sub-pages: true
+      - title: Getting Started
+        url: /flow/
+    sub-pages-enabled: true
+    urls: [/]

data/_data/universal_nav.yml

@@ -1,22 +1,35 @@
 items:
   - active: true
     title: Linaro
-    url: 'https://www.linaro.org/'
+    url: "https://www.linaro.org/"
   - title: Connect
-    url: 'https://connect.linaro.org'
+    url: "https://connect.linaro.org"
   - title: 96Boards
-    url: 'https://www.96boards.org'
-  - title: Developer Cloud
-    url: 'https://linaro.cloud'
+    url: "https://www.96boards.org"
+  - title: Twitter
+    icon: icon-twitter
+    url: "https://twitter.com/LinaroOrg"
+  - title: Facebook
+    icon: icon-facebook
+    url: "http://facebook.com/LinaroOrg"
+  - title: LinkedIn
+    icon: icon-linkedin
+    url: "https://www.linkedin.com/company/1026961"
+  - title: YouTube
+    icon: icon-youtube
+    url: "https://www.youtube.com/LinaroOrg"
   - options:
       - title: 96Boards.ai
-        url: 'https://www.96boards.ai'
+        url: "https://www.96boards.ai"
+      - title: Developer Cloud
+        url: "https://linaro.cloud"
       - title: devicetree.org
-        url: 'https://www.devicetree.org'
+        url: "https://www.devicetree.org"
       - title: OpenAMP
-        url: 'https://www.openampproject.org'
+        url: "https://www.openampproject.org"
       - title: OP-TEE
-        url: 'https://www.op-tee.org'
+        url: "https://www.op-tee.org"
       - title: Trusted Firmware
-        url: 'https://www.trustedfirmware.org/'
+        url: "https://www.trustedfirmware.org/"
+    hamburger_toggle: true
     title: Projects

data/_includes/blog/post_search_fess.html

@@ -0,0 +1,11 @@
+{% assign data = include.object.payload %}
+<div class="col col-12 ">
+    <div id="post_search" data-search-label="{{data.search_label}}">
+        <input class="form-control form-control-lg" id="search-input" type="text"
+            placeholder="Search {{site.categories[data.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/components/breadcrumb.html

@@ -1,10 +1,13 @@
 {% assign page-url = page.url | split: "/" %}
 {% assign iterator = 2 %}
 {% assign breadcrumb-path = "/" %}
-<nav aria-label="breadcrumb" id="breadcrumb">
+<nav aria-label="breadcrumb" {% if site.breadcrumb_banner %}class="breadcrumb_bg"{% endif %}id="breadcrumb">
+    {% if site.breadcrumb_banner %}
+        {% picture breadcrumb_banner {{site.breadcrumb_banner}} --alt "Breadcrumb banner" %}
+    {% endif %}
     <div class="container">
         <h1>{{page.title}}</h1>
-        <ol class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
+        <ol class="breadcrumb mb-0"" itemscope itemtype="http://schema.org/BreadcrumbList">
             <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"
             class="breadcrumb-item">
                 <a itemprop="item" href="/">

data/_includes/components/cookie_manager.html

@@ -27,7 +27,7 @@
         <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">
+                    autocomplete="off" aria-label="Toggle Necessary Cookies">
                     <div class="inner-handle"></div>
                     <div class="handle"></div>
                 </button>
@@ -62,7 +62,7 @@
         <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">
+                    autocomplete="off" aria-label="Toggle Necessary Cookies">
                     <div class="inner-handle"></div>
                     <div class="handle"></div>
                 </button>

data/_includes/components/github_edit.html

@@ -10,9 +10,9 @@
         {% 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>
+                <a 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 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: " ", "" }}" class="btn btn-secondary" id="edit_on_github">Edit on GitHub</a>
             </div>
     {% else %}
         {% capture github-home %}{{site.edit-on-github.repo}}{% endcapture %}
@@ -22,9 +22,9 @@
         {% 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
+                <a 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
+                <a 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>

data/_includes/components/head.html

@@ -2,8 +2,10 @@
     {% include components/http2.html %}
     <meta charset="UTF-8">
     <title>
-        {% if page.title %}
-            {{page.title}} - {{site.title}}
+        {% if page.meta_title %}
+            {{page.meta_title}} | {{site.title}}
+        {% elsif page.title %}
+            {{page.title}} | {{site.title}}
         {% else %}
             {{site.title}}
         {% endif %}

data/_includes/components/jumbotron.html

@@ -5,24 +5,30 @@
         {% for slide in page.jumbotron.slider %}
         <div class="item d-flex align-items-center owl-slide {% if forloop.first %}active{% endif %}">
              {% if slide.image %}
-                {% assign image_path = slide.image  %}
-                {% picture header_slider_image {{image_path}} %}
+                {% assign image_path = slide.image %}
+                {% if slide.image_alt %}
+                    {% capture image_alt %}{{slide.image_alt}}{% endcapture%}
+                {% else %}
+                    {% if slide.title %}{% assign alt_title = slide.title %}{% else %}{% assign alt_title = page.title %}{% endif %}
+                    {% capture image_alt %}{{alt_title}} slider header background{% endcapture%}
+                {% endif %}
+                {% picture header_slider_image {{image_path}} --alt {{image_alt}} %}
             {% endif %}
             <div class="container {% if slide.inner_class %}{{slide.inner_class}}{% endif %}">
                 <div class="inner_content_wrapper">
                 {% if slide.inner-image %}
                     <img class="d-inline-block lazyload"
                         src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
-                        data-src="{{slide.inner-image}}" alt="Slide {{forloop.index}} inner image" />
+                        data-src="{{slide.inner-image}}" alt="Slide {{forloop.index}}" />
                 {% endif %}
                 {% if slide.title %}
                     <h1 class=" {% if slide.title-class %}{{slide.title-class}}{% endif %}">
                         {{slide.title}}</h1>
                 {% endif %}
                 {% if slide.description %}
-                    <p class="lead {% if slide.desciption-class %} {{slide.description-class}}{% endif %}">
-                        {{slide.description}}
-                    </p>
+                    <div class="lead {% if slide.desciption-class %} {{slide.description-class}}{% endif %}">
+                        {{slide.description | markdownify}}
+                    </div>
                 {% endif %}
                 {% if slide.buttons %}
                     <p class="lead">
@@ -47,7 +53,13 @@
 {% if page.jumbotron.image %}background_image{% endif%} {% if page.jumbotron.class %}{{page.jumbotron.class}}{% endif %}">
     {% if page.jumbotron.image %}
         {% assign image_path = page.jumbotron.image  %}
-        {% picture header_image {{image_path}} %}
+        {% if page.jumbotron.image_alt %}
+            {% capture image_alt %}{{page.jumbotron.image_alt}}{% endcapture%}
+        {% else %}
+            {% if page.jumbotron.title %}{% assign alt_title = page.jumbotron.title %}{% else %}{% assign alt_title = page.title %}{% endif %}
+            {% capture image_alt %}{{alt_title}} header background{% endcapture%}
+        {% endif %}
+        {% picture header_image {{image_path}} --alt {{alt_title}} %}
     {% endif %}
     {% if page.jumbotron.video %}
         <video autoplay muted preload="none" poster="{{page.jumbotron.video.poster}}" playsinline loop id="jumbotronVideo">
@@ -64,11 +76,18 @@
     {% endif %}
     <div class="container {% if page.jumbotron.inner_class %}{{page.jumbotron.inner_class}}{% endif %}">
             <div class="inner_content_wrapper">
-            <h1 class="">{{page.jumbotron.title}}</h1>
+            {% if page.jumbotron.inner-image %}
+                <img class="d-inline-block lazyload"
+                    src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
+                    data-src="{{page.jumbotron.inner-image}}" alt="Header inner image" />
+            {% endif %}
+            {% if page.jumbotron.title %}
+                <h1 {% if page.jumbotron.title-class %}class="{{page.jumbotron.title-class}}"{% endif %}>{{page.jumbotron.title}}</h1>
+            {% endif %}
             {% if page.jumbotron.description %}
-            <p class="lead">
-                {{page.jumbotron.description }}
-            </p>
+            <div class="lead">
+                {{page.jumbotron.description | markdownify}}
+            </div>
             {% endif %}
             {% if page.jumbotron.buttons %}
             <p class="lead">