linaro-jekyll-theme 4.0.2 → 4.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 13b59232fc52a8783593df9d10fe6d0444ab089882c40d2f8f41e8c5ad4fbb55
-  data.tar.gz: 4014faf024f65408f0473166a996b6a98ccec4d63d65f249728dd1663b80ac3e
+  metadata.gz: c5c0b61cac53432b49557c91d8291f20feb3f3e0c2f2a8d891aeb2c649964510
+  data.tar.gz: 24487ccca1a2ebb1f268c45754b05197021866c45236ee00d86b09f27105a45d
 SHA512:
-  metadata.gz: 83c7b716109199d617fdc69d96e045f29a1cca3204920543b5fbffaf1dc8cdcb89a6a5abbaea96ba33d571cc3ec73804a43e96ee532a09b884bd6666296882e9
-  data.tar.gz: 7990edf3ed1b6cdc5c48fe4db789f870eb444aee622134dd650fed214b0c0dc177af565f6d08c740e6114df861228c6177fabd1167638283276dac7b0dab790e
+  metadata.gz: f2d98bb9a3abc4860978a3e296c23061bc9bfb278f56911c87aca459c8fd178185ab439d7e7e8da65b54810cbf32581eb347c211df4d0c1567a4bd7a1634f47c
+  data.tar.gz: 8f680f7a05066c4fa107f54885adf94f34f37e6716e9f373cbbdf74186dd461b845b2a4f99015013b83649476fe9c47048c18afea091157559826e0b8b0caca6

data/_config.yml

@@ -4,7 +4,7 @@ baseurl: ""
 description: |-
   The linaro-jekyll-theme is an advanced enterprise ready Jekyll theme used across the Linaro static websites.
 destination: _site
-permalink: /blog/:title/
+permalink: /:categories/:title/
 theme: linaro-jekyll-theme
 highlighter: rouge
 markdown: kramdown
@@ -51,6 +51,7 @@ defaults:
       layout: post
       is_post: true
       comments: true
+      tags_enabled: true
       strap_image: /assets/images/breadcrumb-image.jpg
   - scope:
       path: ""
@@ -61,6 +62,8 @@ include: ["_pages"]
 # ----------- THEME / WEBSITE CONFIG ---------------------
 # Blog images/thumbs dir
 blog_images_dir: assets/images/content/
+# Blog Tag limit
+tag_limit: 10
 # The default number of posts to display on a given post index page
 # used in the _includes/blog/display_latest_posts.html include
 post_limit: 10
@@ -133,29 +136,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 ---------------------

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/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/blog/display_latest_posts.html

@@ -53,6 +53,14 @@
                                 </div>
                                 <h5 class="card-title">{{post.title}}</h5>
                                 <h6 class="card-subtitle mb-2 text-muted">{{ post.date | date: "%A, %B %-d, %Y"}}</h6>
+                                {% if page.tags_enabled %}
+                                    {% assign post_tags = post.tags | sort %}
+                                    {% for tag in post_tags limit: site.tag_limit %}
+                                        <a class="btn bg-light text-dark btn-sm my-1" href="/{{post.category | downcase}}/tags/?tag={{tag}}">
+                                            {{tag}}
+                                        </a>
+                                    {% endfor %}
+                                {% endif %}
                                 <p class="card-text">
                                     {% if post.description %}
                                         {{post.description | truncate: 184 }}
@@ -70,9 +78,9 @@
             </div>
         {% else %}
 
-            <div class="col col-12 col-sm-6 col-lg-4 blog-post-item-col p-3">
-                <a href="{{post.url}}">
-                <div class="card h-100 ">
+        <div class="col col-12 col-sm-6 col-lg-4 blog-post-item-col p-3">
+            <div class="card h-100 ">
+                <a class="wrapper_link" href="{{post.url}}"></a>
                     <div class="blog_image_header">
                         {% if post.image %}
                             {% assign block_image = post.image %}
@@ -83,8 +91,7 @@
                         {% endif %}
                         {% picture featured_blog_image {{block_image}} --alt {{block_image_alt}} %}
                     </div>
-                    <div class="card-body">
-
+                    <div class="card-body d-flex flex-column">
                         {% assign author = site.authors | where: "username", post.author | first %}
                         {% assign author-url = author.url %}
                         {% if author.image %}
@@ -109,10 +116,19 @@
                                 {{ post.content | strip_html | truncatewords:30 }}
                             {% endif %}
                         </p>
+                        {% if page.tags_enabled %}
+                            {% assign post_tags = post.tags | sort %}
+                            <div class="d-block mt-auto">
+                                {% for tag in post_tags limit: site.tag_limit  %}
+                                    <a class="btn bg-light text-dark btn-sm my-1" href="/{{post.category | downcase}}/tags/?tag={{tag}}">
+                                        {{tag}}
+                                    </a>
+                                {% endfor %}
+                            </div>
+                        {% endif %}
                     </div>
                 </div>
-                </a>
-
+                
             </div>
             {% endif %}
     {% endfor %}

data/_includes/blog/read_time.html

@@ -4,4 +4,4 @@
 {% 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>
+<span class="align-self-start my-1 reading-time bg-light text-dark badge" 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/blog/tags.html

@@ -0,0 +1,71 @@
+<div class="col col-12 tags">
+    <div id="tag_cloud" class="d-none">
+    {% assign site_tags = site.tags | sort %}
+    {% for tag in site_tags %}
+        {% for post in tag[1] %}
+            {% if include.object.category %}
+                {% if post.category == include.object.category %}
+                    <a class="btn btn-secondary my-2" href="?tag={{tag[0]}}">
+                        {{tag[0]}}
+                    </a>
+                    {% break %}
+                {% endif %}
+            {% else %}
+                <a class="btn btn-secondary my-2" href="?tag={{tag[0]}}">
+                    {{tag[0]}}
+                </a>
+                {% break %}
+            {% endif %}
+        {% endfor %}
+    {% endfor %}
+    </div>
+    <a type="button" class="btn btn-secondary d-none" id="view_all_tags_btn">View all tags</a>
+</div>
+<div class="col col-12 tagged_posts" id="tagged_posts">
+    {% for tag in site.tags %}
+    <div class="tag_list {{tag[0] | slugify}} d-none">   
+        <h3>{{ tag[0] }}</h3>
+        <ul class="list-unstyled">
+            {% for post in tag[1] %}
+                {% if include.object.category %}
+                    {% if post.category == include.object.category %}
+                        <li class="media" itemprop="author" itemscope="" itemtype="http://schema.org/Person">
+                                {% assign author = site.authors | where: "username", post.author | first %}
+                                {% assign author-url = author.url %}
+                                {% assign author_name = author.name %}
+                                {% capture author_image_alt %}{{author_name}} image{% endcapture %}
+                                {% if author.image %}
+                                    {% assign author_image = author.image %}
+                                {% 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">
+                                        {% picture author_thumbnail {{author_image}} --alt {{author_image_alt}} %}
+                                    </a>
+                                </div>
+                                
+                                <div class="media-body">
+                                    <a href="{{ post.url }}">
+                                    <h5 class="mt-0 mb-1">{{post.title}}</h5>
+                                    <div class="post_meta" >
+                                        Posted by <strong itemprop="name" rel="author">{{author_name}}</strong> on 
+                                        <time datetime="{{post.date}}" >{{post.date |  date: "%A, %B %-d, %Y"}}</time>
+                                    </div>
+                                    {% if post.description %}
+                                        {{post.description | truncate: 50 }}
+                                    {% else %}
+                                        {{ post.content | strip_html | truncate: 50 }}
+                                    {% endif %}
+                                    </a>
+                                </div>
+                        </li>
+                    {% endif %}
+                {% else %}
+                    <li><a href="{{ post.url }}">{{ post.title }}</a></li>
+                {% endif %}
+            {% endfor %}
+        </ul>
+    </div>
+    {% endfor %}
+</div>

data/_includes/components/head.html

@@ -16,7 +16,6 @@
         {% assign description = site.description %}
     {% endif %}
 
-
     {% if page.title %}
         {% assign title = page.title %}
     {% else %}
@@ -52,13 +51,15 @@
     {% if site.google_analytics.enabled %}
         <meta name="analytics_code" content="{{site.google_analytics.code}}">
     {% endif %}
-    {% if page.keywords %}
-        <meta name="keywords" content="{{page.keywords}}">
+    {% if page.tags %}
+        <meta name="keywords" content="{{page.tags | join: ", "}}">
+    {% elsif 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/_includes/footer/footer.html

@@ -16,9 +16,9 @@
                     </div>
                     {% if site.data.footer.footer_brand %}
                     <div class="col col-12  text-white text-center m-t-10">
-                        <a href="{{site.url}}/">
-                            <img src="{{site.data.footer.footer_brand.logo}}" class="footer-logo mx-auto"
-                                alt="{{site.name}} Logo" />
+                        <a href="{{site.data.footer.footer_brand.url}}/">
+                            <img src="{{site.data.footer.footer_brand.path}}" class="footer-logo mx-auto"
+                                alt="{{site.data.footer.footer_brand.alt}}" />
                         </a>
                     </div>
                     {% endif %}

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,33 +27,55 @@ css_package: blog
     </div>
     <div class="row bg-light">
         <div class="container">
-            {% assign author = site.authors | where: "username", page.author | first %}
-            {% assign author-url = author.url %}
-            {% assign author_name = author.name %}
-            {% capture author_image_alt %}{{author_name}} image{% endcapture %}
-            {% if author.image %}
-                {% assign author_image = author.image %}
-            {% else %}
-                {% assign author_image = site.avatar_placeholder %}
-            {% endif %}
-            <div itemprop="author" itemscope="" itemtype="http://schema.org/Person" 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">
-                    {% picture author_thumbnail {{author_image}} --alt {{author_image_alt}} %}
-                </a>
-            </div>
-            <div class="blockquote d-block d-md-inline-block mx-2 text-md-left text-center">
-                <strong itemprop="name">{{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="row">
+                <div class="col col-12 col-sm-2">
+                    {% assign author = site.authors | where: "username", page.author | first %}
+                    {% assign author-url = author.url %}
+                    {% assign author_name = author.name %}
+                    {% capture author_image_alt %}{{author_name}} image{% endcapture %}
+                    {% if author.image %}
+                        {% assign author_image = author.image %}
+                    {% 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" 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>
                 </div>
-                <span class="divider">|</span>
-                <div class="read_time d-inline-block mx-2">
-                    {% include blog/read_time.html %}
-                </div>
-            </div>
+                <div class="col col-12 col-sm-10 d-flex align-items-center">
+                    <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>{{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="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">
+                                    {% include blog/read_time.html %}
+                                </div>
+                            </div>
+                        </div>
+                        {% if page.tags_enabled %}
+                        <div class="col col-12">
+                            <div class="post_tags text-center text-md-left my-2 my-sm-1">
+                                {% assign post_tags = page.tags | sort %}
+                                {% for tag in post_tags %}
+                                    <a class="btn bg-light text-dark btn-sm my-1" href="/{{page.category | downcase }}/tags/?tag={{tag}}">
+                                        {{tag}}
+                                    </a>
+                                {% endfor %}
+                            </div>
+                        </div>
+                        {% endif %}
+                    </div>
+                </div>                  
         </div>
     </div>
 </div>

data/_sass/core/blog.scss

@@ -13,6 +13,7 @@
       }
     }
   }
+
   #image_header {
     height: 200px;
     overflow: hidden;
@@ -34,7 +35,14 @@
           width: 200px;
           display: block;
           float: left;
-          margin: 0px 20px;
+          margin: 10px 20px;
+        }
+      }
+      &.small-center {
+        @include media-breakpoint-up(md) {
+          width: 200px;
+          display: block;
+          margin: 20px auto;
         }
       }
       &.medium-inline {
@@ -42,7 +50,14 @@
           width: 300px;
           display: block;
           float: left;
-          margin: 0px 20px;
+          margin: 10px 20px;
+        }
+      }
+      &.medium-center {
+        @include media-breakpoint-up(md) {
+          width: 300px;
+          display: block;
+          margin: 20px auto;
         }
       }
       &.large-inline {
@@ -50,7 +65,14 @@
           width: 400px;
           display: block;
           float: left;
-          margin: 0px 20px;
+          margin: 10px 20px;
+        }
+      }
+      &.large-center {
+        @include media-breakpoint-up(md) {
+          width: 400px;
+          display: block;
+          margin: 20px auto;
         }
       }
       &.right {
@@ -208,7 +230,7 @@
       width: 100%;
       color: white;
       position: absolute;
-      z-index: 1;
+      z-index: 0;
       text-align: center;
       top: 50%;
       transform: translateY(-50%);
@@ -230,12 +252,22 @@
       -moz-box-shadow: none;
     }
     .card {
+      a.wrapper_link {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        z-index: 1;
+      }
       border-radius: 20px;
       overflow: hidden;
       -webkit-box-shadow: 0px 0px 20px 5px #f0f0f0;
       -moz-box-shadow: 0px 0px 20px 5px #e5e5e5;
       box-shadow: 0px 0px 20px 5px #ebebeb;
       transition: all 200ms ease;
+      a {
+        position: relative;
+        z-index: 2;
+      }
       &:hover {
         transform: translateY(-5px);
         -webkit-box-shadow: 0px 0px 20px 5px #b3b3b3;

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;
+      }
     }
+  }
 }

data/assets/js/app/main.js

@@ -1,3 +1,22 @@
+function slugify(string) {
+  const a =
+    "àáâäæãåāăąçćčđďèéêëēėęěğǵḧîïíīįìłḿñńǹňôöòóœøōõőṕŕřßśšşșťțûüùúūǘůűųẃẍÿýžźż·/_,:;";
+  const b =
+    "aaaaaaaaaacccddeeeeeeeegghiiiiiilmnnnnoooooooooprrsssssttuuuuuuuuuwxyyzzz------";
+  const p = new RegExp(a.split("").join("|"), "g");
+
+  return string
+    .toString()
+    .toLowerCase()
+    .replace(/\s+/g, "-") // Replace spaces with -
+    .replace(p, (c) => b.charAt(a.indexOf(c))) // Replace special characters
+    .replace(/&/g, "-and-") // Replace & with 'and'
+    .replace(/[^\w\-]+/g, "") // Remove all non-word characters
+    .replace(/\-\-+/g, "-") // Replace multiple - with single -
+    .replace(/^-+/, "") // Trim - from start of text
+    .replace(/-+$/, ""); // Trim - from end of text
+}
+
 $(document).ready(function () {
   // Clipboard JS
   if ($("div.highlight").length > 0) {
@@ -26,6 +45,39 @@ $(document).ready(function () {
       });
     });
   }
+  // Tagged Posts
+  if ($("#tagged_posts").length > 0) {
+    var getUrlParameter = (sParam) => {
+      var sPageURL = window.location.search.substring(1),
+        sURLVariables = sPageURL.split("&"),
+        sParameterName,
+        i;
+
+      for (i = 0; i < sURLVariables.length; i++) {
+        sParameterName = sURLVariables[i].split("=");
+
+        if (sParameterName[0] === sParam) {
+          return sParameterName[1] === undefined
+            ? true
+            : decodeURIComponent(sParameterName[1]);
+        }
+      }
+    };
+    var tag = getUrlParameter("tag");
+    if (tag !== undefined) {
+      console.log(tag);
+      $(".tag_list").addClass("d-none");
+      $(`.tag_list.${slugify(tag)}`).addClass("d-block");
+      $(`#tag_cloud`).addClass("d-none");
+      $(`#view_all_tags_btn`).addClass("d-inline-block");
+      $(this).html(tag);
+      $("#view_all_tags_btn").on("click", function () {
+        window.location.replace(window.location.pathname);
+      });
+    } else {
+      $(`#tag_cloud`).removeClass("d-none");
+    }
+  }
   if ($("#jumbotron-slider").length > 0) {
     $("#jumbotron-slider").owlCarousel({
       navigation: true,

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: linaro-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 4.0.2
+  version: 4.1.4
 platform: ruby
 authors:
 - Kyle Kirkby
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-10-28 00:00:00.000000000 Z
+date: 2020-11-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -180,6 +180,7 @@ files:
 - _includes/blog/post_series.html
 - _includes/blog/post_sidebar.html
 - _includes/blog/read_time.html
+- _includes/blog/tags.html
 - _includes/components/breadcrumb.html
 - _includes/components/carousel_header.html
 - _includes/components/cookie_manager.html
@@ -204,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>