linaro-jekyll-theme 4.1.2 → 4.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8e6496b64f5d839907f89ef6b760a9558bca7824e94952cf2ab89ca32dc2366b
-  data.tar.gz: a6add4a5623ade9512650c5f9b9eeac95f637aec85338e3a98c998637139994b
+  metadata.gz: fab8bda675a0245790de866e06a17402ab42cb4f26fd1f2505dfa6f0603ee3eb
+  data.tar.gz: 594172c96c574de0b37870e659327d296047a2cfd83ebb142ece2555083212d0
 SHA512:
-  metadata.gz: e95b99b539b840faa769eaece365cd7dcf780e132bdd34491d445f70cf774f841372f7e91427e3dc0cd4e783613f9163d3d505340c252044dc12cb546a7f2428
-  data.tar.gz: e1b8860cdb0b7f9896e988512d339316f7e069a75b56f7cbb413efda2e373b46ffc96064c6ca27158281012dbf15d79c3e3158cf8ce7426ea7c734f596e6464f
+  metadata.gz: bb89de18aad2eebfb88630c4f68603d6c79404e3607eb66c8d9745323578f78d3c90bd16dade1cf2a9f67383cc53daf73ebaaed041ee7e677028e9634be6f10c
+  data.tar.gz: 37011c5e78abd009f29e51bbab2b066437d2148a6b1320982235b44c2313a8df4bc2aed9da5296de5c2564279dbd88ddebf7d9daff2ac317ab5b05fedac1fa08

data/_config.yml

@@ -33,6 +33,7 @@ plugins:
   - japr
   - jekyll_picture_tag
   - jekyll-tidy
+  - jekyll-toc
 collections:
   authors:
     output: true
@@ -51,7 +52,7 @@ defaults:
       layout: post
       is_post: true
       comments: true
-      tags_enabled: false
+      tags_enabled: true
       strap_image: /assets/images/breadcrumb-image.jpg
   - scope:
       path: ""
@@ -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
@@ -136,29 +146,24 @@ disqus:
 # Edit on GitHub Settings
 edit-on-github:
   enabled: true
-  repo: https://www.github.com/linaro-marketing/jumbo-jekyll-theme
+  repo: https://www.github.com/linaro-marketing/linaro-jekyll-theme
   # docs: https://www.github.com/Linaro/website
 # Page breadcrumb schema - https://schema.org/BreadcrumbList
 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/footer.yml

@@ -2,30 +2,12 @@
 copyright_text: Linaro Limited
 # Set this to false if you do not want the Linaro logo in the footer.
 footer_brand:
-  logo: /assets/images/Linaro-logo-white.png
-# Social Media Icons Row
-social_media_icons: true
-# Contact Info
-display_contact_details: true
+  url: https://www.linaro.org
+  alt: Linaro Logo
+  path: /assets/images/Linaro-logo-white.png
 # These links are displayed at the very bottom of the footer.
 company_links:
-    - name: Legal
-      url: /legal/
-    - name: Contact
-      url: /contact/
-middle_column:
-    title: Latest News & Blogs
-    latest_posts: true
-third_column:
-    title: Other Projects
-    items:
-      - name: 96Boards
-        url: https://www.96boards.org
-      - name: Linaro Connect
-        url: https://connect.linaro.org
-      - name: DeviceTree
-        url: https://www.devicetree.org
-      - name: OP-TEE
-        url: https://www.op-tee.org
-      - name: Linaro Developer Cloud
-        url: https://www.linaro.cloud
+  - name: Legal
+    url: /legal/
+  - name: Contact
+    url: /contact/

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,6 +73,12 @@ markup_presets:
       img: 'class="lazyload img-fluid blog_content_image "'
     formats: [webp, original]
     widths: [400, 800, 1200]
+  members_image:
+    markup: data_picture
+    attributes:
+      img: 'class="lazyload img-fluid members_image "'
+    formats: [webp, original]
+    widths: [100, 200, 300, 400]
   header_image:
     markup: data_auto
     attributes:
@@ -149,3 +155,9 @@ markup_presets:
     fallback_format: webp
     fallback_width: 400
     widths: [400]
+  breadcrumb_banner:
+    markup: data_picture
+    attributes:
+      img: 'class="lazyload breadcrumb_image"'
+    formats: [webp, original]
+    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/_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 %}

data/_includes/flow/blocks.html

@@ -35,7 +35,7 @@
                             {% capture block_image_alt %}{{block.title}} image {% endcapture %}
                             {% picture card_block_image {{block_image}} --alt {{block_image_alt}} %}
                         {% endif %}
-                        <div class="card-body {% if block.background_image %}card-img-overlay{% else %}card-body{% endif %}  {% if block.content_style %}{{block.content_style}}{% endif %}">
+                        <div class="card-body {% if block.content_style %}{{block.content_style}}{% endif %}">
                             {% if block.title %}
                             <h5 class="card-title">{{block.title}}</h5>
                             {% endif %}

data/_includes/flow/feature_block.html

@@ -36,6 +36,9 @@
             {% if include.object.feature_block_content.buttons %}
                 {% include flow/buttons.html object=include.object.feature_block_content.buttons %}
             {% endif %}
+            {% if include.object.feature_block_content.custom_include %}
+                {% include {{include.object.feature_block_content.custom_include}} object=include.object %}
+            {% endif %}
         </div>
     </div>
 </div>