linaro-jekyll-theme 4.1.3 → 4.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ef6489380550d1c690df6d633c0b4868a650be15e5ee048df5c093f3d95b291e
-  data.tar.gz: aa3cf5554a177b41b683d8465bfc369510aaf10117fbf8585dfd8e9ad3c41887
+  metadata.gz: c5c0b61cac53432b49557c91d8291f20feb3f3e0c2f2a8d891aeb2c649964510
+  data.tar.gz: 24487ccca1a2ebb1f268c45754b05197021866c45236ee00d86b09f27105a45d
 SHA512:
-  metadata.gz: d7b3181a0e782ed535252098ecbc6152bd702d09a69a39b97206288807f319bba0510c379cd8615703a2e8eb8731f4a6fb4f82fcdbd66635a07c05f431c9c6a9
-  data.tar.gz: 14efb7cb06a90c6d7c87bf21e375053a924f3e6807dea78d786e047d1ec5384cb9f4431bf0e6d7910567cf7dc55ec6e0626c572ba989f9e0d00f4b52505d1591
+  metadata.gz: f2d98bb9a3abc4860978a3e296c23061bc9bfb278f56911c87aca459c8fd178185ab439d7e7e8da65b54810cbf32581eb347c211df4d0c1567a4bd7a1634f47c
+  data.tar.gz: 8f680f7a05066c4fa107f54885adf94f34f37e6716e9f373cbbdf74186dd461b845b2a4f99015013b83649476fe9c47048c18afea091157559826e0b8b0caca6

data/_config.yml

@@ -142,23 +142,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 ---------------------

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:

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/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/flow_inner.html

@@ -2,7 +2,7 @@
     {% if section.format == "title" %}
         {% include flow/title.html object=section %}
     {% elsif section.format == "members" %}
-        {% include flow/members-section.html object=section %}
+        {% include flow/members.html object=section %}
     {% elsif section.format == "youtube" %}
         <div class="col col-12 youtube_embed">
             {% include youtube.html url=section.url title=section.title poster_image=section.poster_image %}

data/_includes/flow/members.html

@@ -0,0 +1,26 @@
+{% if include.object.members_content.source %}
+    {% assign members = site.data[include.object.members_content.source] %}
+{% else %}
+    {% assign members = include.object.members_content.items %}
+{% endif %}
+<div class="col col-12 members_section {% if include.object.style %}{{include.object.style}}{% endif %}">
+    <div class="row d-flex justify-content-center align-items-center">
+        {% for member in members %}
+                {% if member.image.path contains "http" %}
+                <div class="col col-6 col-sm-{{include.object.members_content.item_width}}">
+                    {% if member.url %}<a href="{{member.url}}">{% endif %}
+                    <img class="lazyload img-responsive" alt="{{member.image.alt}}"
+                    src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
+                    data-src="{{member.image.path}}"/>
+                    {% if member.url %}</a>{% endif %}
+                </div>
+                {% else %}
+                    <div class="col col-6 col-sm-{{include.object.members_content.item_width}}">
+                        {% if member.url %}<a href="{{member.url}}">{% endif %}
+                        {% picture members_image {{member.image.path}} --alt {{member.image.alt}} %}
+                        {% if member.url %}</a>{% endif %}
+                    </div>
+                {% endif %}
+        {% endfor %}
+    </div>
+</div>

data/_layouts/post.html

@@ -2,13 +2,22 @@
 layout: base
 css_package: blog
 ---
-<div itemscope="" itemtype="http://schema.org/BlogPosting">
+<div itemscope="" itemtype="http://schema.org/BlogPosting" >
+    <meta itemprop="mainEntityOfPage" content="{{page.url | absolute_url}}"/>
+    <div itemprop="publisher" itemscope="" itemtype="http://schema.org/Organization">
+        <meta itemprop="name" content="{{site.schema.name}}" />
+        <meta itemprop="url" content="{{site.schema.url}}" />
+        <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
+            <meta itemprop="url" content="{{site.schema.logo}}">
+          </div>
+    </div>
 <div class="container-fluid" >
     {% if page.strap_image %}
     <div class="row" id="image_header">
         {% assign image_path = page.strap_image %}
         {% capture image_alt %}{{page.title}} background image{% endcapture %}
         {% picture header_image {{image_path}} --alt {{image_alt}} %}
+        <meta itemprop="image" content="{{image_path | absolute_url}}" />
     </div>
     {% endif %}
     <div class="row">
@@ -18,7 +27,7 @@ css_package: blog
     </div>
     <div class="row bg-light">
         <div class="container">
-            <div class="row" itemprop="author" itemscope="" itemtype="http://schema.org/Person">
+            <div class="row">
                 <div class="col col-12 col-sm-2">
                     {% assign author = site.authors | where: "username", page.author | first %}
                     {% assign author-url = author.url %}
@@ -29,8 +38,9 @@ css_package: blog
                     {% else %}
                         {% assign author_image = site.avatar_placeholder %}
                     {% endif %}
-                    <div class="d-block d-md-inline-block mx-auto my-2 m-md-2 text-md-left text-center">
-                        <a href="{{author-url}}" itemprop="url" rel="author">
+                    <div class="d-block d-md-inline-block mx-auto my-2 m-md-2 text-md-left text-center" itemprop="author" itemscope="" itemtype="http://schema.org/Person">
+                        <meta itemprop="name" content="{{author_name}}" />
+                        <a href="{{author-url}}" itemprop="url" content="{{author-url | absolute_url}}">
                             {% picture author_thumbnail {{author_image}} --alt {{author_image_alt}} %}
                         </a>
                     </div>
@@ -39,12 +49,12 @@ css_package: blog
                     <div class="row">
                         <div class="col col-12">
                             <div class="blockquote d-block d-md-inline-block mx-2 text-md-left text-center">
-                                <strong itemprop="name" rel="author">{{author_name}}</strong>
+                                <strong>{{author_name}}</strong>
                             </div>
                             <span class="divider d-none d-md-inline-block">|</span>
                             <div class="post_info text-center text-md-left d-block d-md-inline-block">
-                                <div class="author_name d-inline-block mx-2">
-                                    <time datetime="{{page.date}}" itemprop="datePublished">{{page.date |  date: "%A, %B %-d, %Y"}}</time>
+                                <div class="d-inline-block mx-2">
+                                    <time datetime="{{page.date}}" itemprop="datePublished dateModified" rel="BlogPosting">{{page.date |  date: "%A, %B %-d, %Y"}}</time>
                                 </div>
                                 <span class="divider">|</span>
                                 <div class="read_time d-inline-block mx-2">

data/_sass/core/flow.scss

@@ -1,94 +1,114 @@
 #flow_wrapper {
-    font-size: 1.2rem !important;
-    @include media-breakpoint-only(xs){
-        font-size: 1.1rem !important;
-    }
-    background-color: white;
-    #collapseSection {
-        .btn.btn-link {
-            &:after {
-                color: #666;
-                top: 10px;
-                right: 0px;
-                position: absolute;
-                margin-right: 30px;
-                font-family: "fontello";
-                font-size: 22px;
-                content: "\e80f";
-            }
-            &.collapsed {
-                &:after {
-                    content: "\e80e";
-                }
-            }
+  font-size: 1.2rem !important;
+  @include media-breakpoint-only(xs) {
+    font-size: 1.1rem !important;
+  }
+  background-color: white;
+  #collapseSection {
+    .btn.btn-link {
+      &:after {
+        color: #666;
+        top: 10px;
+        right: 0px;
+        position: absolute;
+        margin-right: 30px;
+        font-family: "fontello";
+        font-size: 22px;
+        content: "\e80f";
+      }
+      &.collapsed {
+        &:after {
+          content: "\e80e";
         }
+      }
+    }
+  }
+  .row {
+    padding: $flow_row_padding 0;
+    &.background_image_row {
+      overflow: hidden;
+      position: relative;
+      .header_background_image {
+        position: absolute;
+        object-fit: cover;
+        height: 100%;
+        width: 100%;
+        filter: brightness(0.4);
+        z-index: 0;
+        top: 0px;
+      }
+    }
+    & > .container > .col.col-12 {
+      padding: $flow_component_padding 0px;
+    }
+    .tabbed_content {
+      .tab-content {
+        margin-top: 15px;
+      }
     }
-    .row {
-        padding: $flow_row_padding 0;
-        &.background_image_row {
-            overflow: hidden;
-            position: relative;
-            .header_background_image {
-                position: absolute;
-                object-fit: cover;
-                height: 100%;
-                width: 100%;
-                filter: brightness(0.4);
-                z-index:0;
-                top:0px;
-            }
-        }
-        & > .container > .col.col-12 {
-            padding: $flow_component_padding 0px;
-        }
-        .tabbed_content {
-            .tab-content {
-                margin-top: 15px;
-            }
-        }
 
-        .slider_block {
-            .item {
-                height: 400px;
-                overflow: hidden;
-                img {
-                    height: 100%;
-                    width: auto;
-                    object-fit: cover;
-                }
-            }
+    .slider_block {
+      .item {
+        height: 400px;
+        overflow: hidden;
+        img {
+          height: 100%;
+          width: auto;
+          object-fit: cover;
         }
-        .slider_row {
-            .item {
-                height: 200px;
-                overflow: hidden;
-                img {
-                    height: 100%;
-                    width: auto;
-                    object-fit: cover;
-                    @include media-breakpoint-down(sm){
-                        margin: auto;
-                    }
-                }
-            }
+      }
+    }
+    .slider_row {
+      .item {
+        height: 200px;
+        overflow: hidden;
+        img {
+          height: 100%;
+          width: auto;
+          object-fit: cover;
+          @include media-breakpoint-down(sm) {
+            margin: auto;
+          }
         }
+      }
+    }
+  }
+  .members_section {
+    img.members_image {
+      height: 100px;
+      object-fit: contain;
+      width: 100%;
+      padding: 15px;
     }
-    .blocks {
-        .block_column {
-            margin-top: 15px;
+  }
+  .blocks {
+    .block_column {
+      margin-top: 15px;
+    }
+    .card {
+      overflow: hidden;
+      &.background_image {
+        picture {
+          height: 100%;
+        }
+        img {
+          filter: brightness(0.5);
+          height: 100%;
+          position: absolute;
+          left: 0;
+          right: 0;
+          top: 0;
+          z-index: 0;
         }
-        .card {
-            &.background_image {
-                img {
-                    filter: brightness(0.5);
-                    height: 100%;
-                }
-            }
-            .card-img-top {
-                height: 150px;
-                width: 100%;
-                object-fit: cover;
-            }
+        .card-body {
+          z-index: 1;
         }
+      }
+      .card-img-top {
+        height: 150px;
+        width: 100%;
+        object-fit: cover;
+      }
     }
+  }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: linaro-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 4.1.3
+  version: 4.1.4
 platform: ruby
 authors:
 - Kyle Kirkby
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-11-05 00:00:00.000000000 Z
+date: 2020-11-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -205,7 +205,7 @@ files:
 - _includes/flow/flow_inner.html
 - _includes/flow/full_width_row.html
 - _includes/flow/image.html
-- _includes/flow/members-section.html
+- _includes/flow/members.html
 - _includes/flow/slider.html
 - _includes/flow/slider_row.html
 - _includes/flow/tabbed_content.html

data/_includes/flow/members-section.html

@@ -1,24 +0,0 @@
-{% if include.object.members_content.members_content.source %}
-    {% assign members = site.data[include.object.members_content.source] %}
-{% else %}
-    {% assign members = include.object.members_content.items %}
-{% endif %}
-<div class="members_section {% if include.object.style %}{{include.object.style}}{% endif %}">
-{% for member in members %}
-    {% if member.url %}<a href="{{member.url}}">{% endif %}
-    {% if member.image.path contains "http" %}
-    <div class="col-xs-6 col-sm-{{include.object.members_content.item_width}}">
-        <img class="lazyload img-responsive" alt="{{member.image.alt}}"
-        src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
-        data-src="{{member.image.path}}"/>
-    </div>
-    {% else %}
-    {% assign image_path = member.image.path %}
-    {% assign full_path = member.image.path %}
-    <div class="col-xs-6 col-sm-{{include.object.members_content.item_width}}">
-        <!--TODO picture-->
-    </div>
-    {% endif %}
-    {% if member.url %}</a>{% endif %}
-{% endfor %}
-</div>