linaro-jekyll-theme 4.1.3 → 4.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ef6489380550d1c690df6d633c0b4868a650be15e5ee048df5c093f3d95b291e
-  data.tar.gz: aa3cf5554a177b41b683d8465bfc369510aaf10117fbf8585dfd8e9ad3c41887
+  metadata.gz: a366c769d532011c265a81837fd1525ca2b532aba0480ca052f2766d5856026b
+  data.tar.gz: ae310377d184f0dc5f4f3342389366fa19aa50caf52da6a6e0f575d1a012a201
 SHA512:
-  metadata.gz: d7b3181a0e782ed535252098ecbc6152bd702d09a69a39b97206288807f319bba0510c379cd8615703a2e8eb8731f4a6fb4f82fcdbd66635a07c05f431c9c6a9
-  data.tar.gz: 14efb7cb06a90c6d7c87bf21e375053a924f3e6807dea78d786e047d1ec5384cb9f4431bf0e6d7910567cf7dc55ec6e0626c572ba989f9e0d00f4b52505d1591
+  metadata.gz: 10bf8266a08badcab4a49bb16895ace028a5294758ef47b3d69c483b3a2cc998af78211751dac1fef706c9331452328d56b2488224ba4c88ebee51273372a687
+  data.tar.gz: '039aebb1d6dd20d3187d15399f3e48ba85831b922dfb9d4ac6a496d3c616963c2d943921af2d53774256df7d0e439e70f8c53aa535a5c8d44164768084efa27f'

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
@@ -142,23 +152,18 @@ edit-on-github:
 breadcrumb_schema: true
 # Shema.org settings used in the schema.html include.
 schema:
-  "@type": "Corporation"
+  "@context": "https://schema.org"
+  "@type": "Organization"
   "name": "Linaro"
   "url": "https://www.linaro.org"
+  "email": "contact@linaro.org"
   "logo": "https://www.linaro.org/assets/images/content/linaro-logo.png"
   "contactPoint":
     "@type": "ContactPoint"
     "telephone": "01223 400060"
     "contactType": "customer service"
     "availableLanguage": "en"
-  "sameAs":
-    - "https://facebook.com/LinaroOrg"
-    - "https://twitter.com/LinaroOrg"
-    - "https://instagram.com/LinaroOrg"
-    - "https://www.linkedin.com/company/1026961/"
-    - "https://youtube.com/LinaroOrg"
-    - "https://github.com/linaro"
-    - "https://www.linaro.org"
+  "sameAs": "https://www.linaro.org"
 # FESS search label
 search_label: Linaro
 # ----------- JEKYLL PLUGINS ---------------------
@@ -193,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,79 +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/head.html

@@ -54,12 +54,12 @@
     {% if page.tags %}
         <meta name="keywords" content="{{page.tags | join: ", "}}">
     {% elsif page.keywords %}
-        <meta name="keywords" content="{{page.keywords}}">
+        <meta name="keywords" content="{{page.keywords | join: ", "}}">
     {% 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 %}
+    {% capture breadcrumb_schema %}{"@context": "http://schema.org","@type": "Webpage", "breadcrumb": {"@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 %}{% if page_data.title %}{{page_data.title}}{% else %}{{breadcrumb_path}}{% endif %}"}}{% 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 %}

data/_includes/components/jumbotron.html

@@ -5,15 +5,21 @@
         {% 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 %}">
@@ -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,7 +76,14 @@
     {% 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 }}

data/_includes/components/sticky_tab_bar.html

@@ -0,0 +1,76 @@
+{% if page.sticky_tab_bar.first %}
+    {% assign tab-list = page.sticky_tab_bar %}
+{% else %}
+    {% assign sub-nav-tabs = site.data.sticky_tab_bar.pages %}
+{% endif %}
+{% if sub-nav-tabs %}
+    {% assign page-base =  page.url | split:'/' %}
+    {% for each in sub-nav-tabs %}
+        {% for each-url in each.urls %}
+            {% if each-url == page.url %}
+                {% if each.list %}
+                    {% assign tab-list = each.list %}
+                {% endif %}
+            {% elsif each.sub-pages-enabled %}
+                {% if page.url contains each-url %}
+                    {% assign tab-list = each.list %}
+                {% endif %}
+            {% endif %}
+        {% endfor %}
+        {% if each.custom-include %}
+            {% assign custom-include = each.custom-include %}
+        {% endif %}
+    {% endfor %}
+{% endif %}
+{% if tab-list %}
+<div class="tabbed-area non-sticky-nav" id="tabbed-nav-bar"><!-- Nav tabs Wrapper-->
+    <nav class="navbar navbar-expand-lg navbar-light bg-light {% if site.hover_nav_dropdowns %}hover_animated{% endif %}" role="navigation"><!-- Nav -->
+        <div class="container">
+            <a class="navbar-brand d-block d-lg-none" id="sub-navigation-header" href="#"></a><!-- Navbar Brand -->
+            <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#tabbed-nav-bar-collapse"
+             aria-controls="tabbed-nav-bar-collapse" aria-expanded="false" aria-label="Toggle navigation">
+             <span class="icon-bar"></span>
+             <span class="icon-bar"></span>
+             <span class="icon-bar"></span>
+             <span class="sr-only">Toggle navigation</span>
+            </button>
+            <div class="collapse navbar-collapse" id="tabbed-nav-bar-collapse"><!-- Navbar Collapse -->
+                <ul class="nav nav-pills flex-column flex-lg-row tabbed-nav w-100" id="tab-row" role="tablist">
+                    {% for tab in tab-list %}
+                        {% if tab.options %}
+                            <li class="nav-item dropdown">
+                                <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
+                                    {{tab.title}}
+                                </a>
+                                <div class="dropdown-menu {% if site.nav_dropdowns_animation_class %}{{site.nav_dropdowns_animation_class}}{% endif %}">
+                                    {% for option in tab.options %}
+                                        <a class="dropdown-item" href="{{option.url}}">{{option.title}}</a>
+                                    {% endfor %}
+                                </div>
+                            </li>
+                        {% else %}
+                            <li role="presentation" 
+                            class=" nav-item tabbed-nav-btn {% if tab.right %}pull-right{% endif %}">
+                                <a href="{% if tab.url == '__current_page__' %}{{page.url}}{% else %}{{tab.url}}{% endif %}" 
+                                class="nav-link {% if tab.url == '__current_page__'%}active{% elsif page.url == tab.url or tab.sub-pages and page.url contains tab.url or tab.active %}active{% endif %}"
+                                aria-controls="overview" role="link">
+                                    {% if tab.title == "__current_page__" %}
+                                        {{page.title}}
+                                    {% else %}
+                                        {{tab.title}}
+                                    {% endif %}
+                                </a>
+                            </li>
+                        {% endif %}
+                    {% endfor %}
+                    
+                </ul>
+            </div>
+        </div>
+    </nav>
+</div>
+{% elsif custom-include %}
+    {% include {{custom-include}}.html %}
+{% else %}
+No content found - please add to _data/sticky_tab_bar.yml. More information available <a href="/jekyll/includes/sticky-tab-bar/">here</a>.
+{% endif %}