jekyll-theme-rop 2.1.15

data/_includes/item-external-links.html

@@ -0,0 +1,5 @@
+{% for link in include.item_data.external_links %}
+  <li class="{% if forloop.first %}featured{% endif %}">
+    {% include external-link.html url=link.url title=link.title %}
+  </li>
+{% endfor %}

data/_includes/legal.html

@@ -0,0 +1,24 @@
+<span class="copyright">
+  <span class="copyright-head">Copyright © {{ site.time | date: '%Y' }} {{ site.legal.name }} —</span>
+  <span class="copyright-tail">All rights reserved.</span>
+</span>
+
+{% if site.legal.privacy_policy_link or site.legal.tos_link %}
+  <nav aria-label="legal links">
+    {% if site.legal.tos_link %}
+      <a href="{{ site.legal.tos_link }}">Terms of Service</a>
+    {% endif %}
+    {% if site.legal.privacy_policy_link %}
+      <a href="{{ site.legal.privacy_policy_link }}">Privacy Policy</a>
+    {% endif %}
+    {% if site.legal.security_advisories_link %}
+      <a href="{{ site.legal.security_advisories_link }}">Advisories</a>
+    {% endif %}
+    {% if site.legal.disclosure_policy_link %}
+      <a href="{{ site.legal.disclosure_policy_link }}">Disclosure policy</a>
+    {% endif %}
+    {% if site.legal.security_feedback_link %}
+      <a href="{{ site.legal.security_feedback_link }}">Security feedback</a>
+    {% endif %}
+  </nav>
+{% endif %}

data/_includes/logo.html

@@ -0,0 +1 @@
+<span aria-label="project logo" class="symbol">{% include assets/symbol.svg %}</span>&nbsp;<span class="title">{% include title.html %}</span>

data/_includes/nav-links.html

@@ -0,0 +1,45 @@
+{% assign contact_link = "mailto:" | append: site.contact_email %}
+
+{% if site.algolia_search %}
+  <div class="search-widget">
+    <input type="search" id="siteSearchInput" placeholder="Type to search…">
+  </div>
+{% endif %}
+
+{% if site.is_hub %}
+  {% include nav-page-link.html htmlclass="projects" url="/projects/" title="Projects" %}
+
+  {% if site.num_all_software > 0 %}
+    {% include nav-page-link.html htmlclass="software" url="/software/" title="Software" active_for_nested=true %}
+  {% endif %}
+  {% if site.num_all_specs > 0 %}
+    {% include nav-page-link.html htmlclass="specs" url="/specs/" title="Specifications" active_for_nested=true %}
+  {% endif %}
+  {% if site.num_posts_combined > 0 %}
+    {% include nav-page-link.html htmlclass="blog" url="/blog/" title="Blog" active_for_nested=true %}
+  {% endif %}
+
+{% else %}
+
+  {% if site.one_software %}
+    {% include nav-page-link.html htmlclass="docs" url=site.one_software.url title="Docs" active_for_nested=true %}
+  {% else %}
+    {% if site.num_all_software > 0 %}
+      {% include nav-page-link.html htmlclass="software" url="/software/" title="Software" active_for_nested=true %}
+    {% endif %}
+  {% endif %}
+
+  {% if site.num_all_specs > 0 %}
+    {% include nav-page-link.html htmlclass="specs" url="/specs/" title="Specifications" active_for_nested=true %}
+  {% endif %}
+
+  {% include project-nav.html %}
+
+  {% if site.num_posts_combined > 0 %}
+    {% include nav-page-link.html htmlclass="blog" url="/blog/" title="Blog" active_for_nested=true %}
+  {% endif %}
+{% endif %}
+
+{% if site.algolia_search %}
+  <a href="javascript: void 0;" class="search"><i class="fas fa-search"></i></a>
+{% endif %}

data/_includes/nav-page-link.html

@@ -0,0 +1,17 @@
+{% if include.active_for_nested %}
+  {% assign first_component_of_current_url = page.url | split: '/' | slice: 0, 2 | join: '/' | append: '/' %}
+  {% assign first_component_of_link_url = include.url | split: '/' | slice: 0, 2 | join: '/' | append: '/' %}
+  {% if first_component_of_current_url == first_component_of_link_url %}
+    {% assign active_nested = true %}
+  {% else %}
+    {% assign active_nested = false %}
+  {% endif %}
+{% endif %}
+
+{% if active_nested or page.url == include.url %}
+  <a class="active {{ include.htmlclass }}" href="{{ include.url }}">{{ include.title }}</a>
+{% else %}
+  <a class="{{ include.htmlclass }}" href="{{ include.url }}">{{ include.title }}</a>
+{% endif %}
+
+{% assign active_nested = false %}

data/_includes/post-author-pic.html

@@ -0,0 +1,13 @@
+{% if include.author.email and include.author.use_picture != false %}
+  {% assign use_picture = include.author.use_picture | default: "gravatar" %}
+  <span class="author-avatar">
+    {% if use_picture == "gravatar" %}
+      {% assign author_pic_url = "https://gravatar.com/avatar/" | append: include.author.email | append: "?s=64" %}
+    {% elsif use_picture == "assets" %}
+      {% assign author_pic_url = "/assets/blog/authors/" | append: include.author.plaintext_email | append: ".jpg" %}
+    {% else %}
+      {% assign author_pic_url = "/assets" | append: use_picture %}
+    {% endif %}
+    <img src="{{ author_pic_url | relative_url }}" alt="Author’s picture">
+  </span>
+{% endif %}

data/_includes/post-card.html

@@ -0,0 +1,59 @@
+{% if include.post.parent_project %}
+  {% capture href %}{{ include.post.parent_project.home_url }}blog/{{ include.post.date | date: "%Y-%m-%d" }}-{{ include.post.slug }}/{% endcapture %}
+{% else %}
+  {% capture href %}{{ include.post.url }}{% endcapture %}
+{% endif %}
+
+{% capture cover_image_src %}{% endcapture %}
+{% if include.post.card_image %}
+  {% if include.post.parent_project %}
+    {% capture cover_image_src %}{{ include.post.parent_project.home_url }}{{ include.post.card_image }}{% endcapture %}
+  {% else %}
+    {% capture cover_image_src %}{{ include.post.card_image | relative_url }}{% endcapture %}
+  {% endif %}
+{% endif %}
+
+<a class="item
+    {% if include.post.parent_project %}has-parent-project{% endif %}
+    {% if cover_image_src != "" and include.can_be_featured %}has-cover-image{% endif %}"
+  href="{{ href }}" role="article">
+
+  {% if cover_image_src != "" and include.can_be_featured %}
+    <div class="cover-image">
+      <img src="{{ cover_image_src }}" alt="Cover image">
+    </div>
+  {% endif %}
+
+  <div class="card-body">
+    {% if include.post.parent_project == nil and site.is_hub == true %}
+      <div class="hub-symbol">
+        {% include assets/symbol.svg %}
+      </div>
+    {% endif %}
+
+    <header>
+      {% if include.post.parent_project %}
+        {% assign project_symbol_path = include.post.parent_project.name | append: "/assets/symbol.svg" %}
+        {% assign relative_symbol_path = "/projects/" | append: project_symbol_path %}
+        <div class="parent-project">
+          <div class="project-logo">
+            <img src="{{ relative_symbol_path }}">
+          </div>
+          <h4 class="project-title">{{ include.post.parent_project.title }}</h4>
+          <div class="external-link-icon">
+            <img src="{{ "assets/img/external-link.svg" | relative_url }}">
+          </div>
+        </div>
+      {% endif %}
+      <h3 class="title">{{ include.post.title }}</h3>
+    </header>
+
+    <p class="body">
+      {{ include.post.excerpt | remove: '<p>' | remove: '</p>' | remove: '<div class="presentation">' | remove: '<div class="paragraph">' | remove: '</div>' }}
+    </p>
+
+    <footer class="meta">
+      {% include _post-meta.html post=include.post %}
+    </footer>
+  </div>
+</a>

data/_includes/social-links.html

@@ -0,0 +1,23 @@
+{% if site.social.links %}
+  <aside class="social-links">
+    {% for link in site.social.links %}
+      {% if link contains "twitter.com" %}
+        <a href="{{ link }}" aria-label="Twitter link">
+          <i class="fab fa-twitter"></i>
+        </a>
+      {% elsif link contains "github.com" %}
+        <a href="{{ link }}" aria-label="Github link">
+          <i class="fab fa-github"></i>
+        </a>
+      {% elsif link contains "facebook.com" %}
+        <a href="{{ link }}" aria-label="Facebook link">
+          <i class="fab fa-facebook"></i>
+        </a>
+      {% elsif link contains "linkedin.com" %}
+        <a href="{{ link }}" aria-label="LinkedIn link">
+          <i class="fab fa-linkedin"></i>
+        </a>
+      {% endif %}
+    {% endfor %}
+  </aside>
+{% endif %}

data/_includes/software-card-hub.html

@@ -0,0 +1,45 @@
+{% if include.item.project_data != nil and include.item.project_name != nil %}
+  {% if include.item.slug == 'index' %}
+    {% assign item_slug = include.item.id | split: "/" | reverse | slice: 1 | first %}
+  {% else %}
+    {% assign item_slug = include.item.id | split: "/" | reverse | first %}
+  {% endif %}
+  {% assign product_home_url = include.item.project_data.home_url | append: include.item_type | append: "/" | append: item_slug | append: "/" %}
+{% else %}
+  {% assign product_home_url = include.item.url | relative_url %}
+{% endif %}
+
+<a class="item {% if include.item.feature_with_priority != nil %}featured-item{% endif %}"
+    href="{{ product_home_url }}" role="article">
+  {% if include.item_type == 'software' and site.is_hub != true %}
+    <div class="logo-container">
+      {% include software-symbol.html item_id=include.item.id %}
+    </div>
+  {% endif %}
+
+  <header>
+    {% if include.item.project_data != nil and include.item.project_name != nil %}
+      {% assign project_symbol_path = include.item.project_name | append: "/assets/symbol.svg" %}
+      {% assign relative_symbol_path = "/projects/" | append: project_symbol_path %}
+      <div class="parent-project">
+        <div class="project-logo"><img src="{{ relative_symbol_path }}"></div>
+        <h4 class="project-title">{{ include.item.project_data.title }}</h4>
+      </div>
+    {% endif %}
+    <h3 class="title">{{ include.item.title }}</h3>
+  </header>
+
+  <p class="body">
+    {{ include.item.description }}
+  </p>
+
+  <footer class="meta">
+    {% include tag-list.html tags=include.item.tags item_type=include.item_type %}
+
+    {% if include.item.last_update %}
+      <section class="last-update">
+        Last update: {{ include.item.last_update | date: "%d/%m/%Y" }}
+      </section>
+    {% endif %}
+  </footer>
+</a>

data/_includes/software-symbol.html

@@ -0,0 +1,6 @@
+{% assign symbol_path = include.item_id | split: "/" | slice: 2, 1 | join: "/" | append: "/assets/symbol.svg" %}
+{% assign relative_symbol_path = "/software/" | append: symbol_path %}
+
+<div class="logo">
+  <img src="{{ relative_symbol_path }}" alt="Software icon">
+</div>

data/_includes/symbol.svg

@@ -0,0 +1,19 @@
+<svg viewBox="0 0 85 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g class="Canvas" fill="none">
+<g class="fake logo">
+<g class="Shape">
+<path d="M 5.18494 26L 12 20.4972L 18.8151 26L 24 20.7672L 13.2167 0.676004C 12.733 -0.225335 11.267 -0.225335 10.7833 0.676004L 0 20.7672L 5.18494 26Z" transform="translate(30 0)" fill="#111111"/>
+</g>
+<g class="Shape_2">
+<path d="M 75.83 45.8686L 51.6053 0L 45.1415 6.62958L 38 0.770372L 30.8585 6.62958L 24.3947 0L 0.16995 45.8686C -0.0664507 46.3169 -0.0554589 46.8582 0.198126 47.2952C 0.452387 47.7322 0.911439 48 1.4076 48L 74.5924 48C 75.0886 48 75.5476 47.7322 75.8019 47.2952C 76.0555 46.8582 76.0665 46.3169 75.83 45.8686Z" transform="translate(4 23)" fill="#111111"/>
+</g>
+<g class="Shape_3">
+<path d="M 30 12.3799L 22.2626 0.635075C 21.9928 0.226511 21.5122 -0.0257198 21.0508 0.0020861C 20.5653 0.0166721 20.1225 0.283489 19.878 0.707351L 0.191654 34.8599C -0.0623847 35.3004 -0.0637627 35.8438 0.186845 36.2857C 0.437453 36.7276 0.90298 37 1.40626 37L 16.822 37L 30 12.3799Z" transform="translate(0 3)" fill="#905DEE"/>
+</g>
+<g class="Shape_4">
+<path d="M 29.8083 34.8598L 10.1218 0.705378C 9.87741 0.281508 9.43454 0.0146767 8.94912 7.57049e-05C 8.48703 -0.0047913 8.0064 0.22521 7.73724 0.633099L 0 12.3789L 13.1779 37L 28.5937 37C 29.097 37 29.5625 36.7276 29.8131 36.2857C 30.0638 35.8437 30.0624 35.3003 29.8083 34.8598Z" transform="translate(55 3)" fill="#905DEE"/>
+</g>
+</g>
+</g>
+</svg>
+

data/_includes/tag-list.html

@@ -0,0 +1,17 @@
+{% assign num_tags = include.tags | size %}
+{% if num_tags > 0 %}
+  <ul class="tags">
+    {% for tag in include.tags %}
+      {% if tag contains ":" %}
+        {% assign namespace_id = tag | split: ":" | first %}
+        {% assign namespace = site.tag_namespaces[include.item_type][namespace_id] %}
+        {% assign tag_human = tag | split: ":" | last | replace: "_", " " %}
+      {% else %}
+        {% assign tag_human = tag | replace: "_", " " %}
+        {% assign namespace = "" %}
+      {% endif %}
+
+      <li title="{{ tag_human }}">{% if namespace != "" %}<span class="namespace">{{ namespace }}:</span> {% endif %}{{ tag_human }}</li>
+    {% endfor %}
+  </ul>
+{% endif %}

data/_includes/title.html

@@ -0,0 +1 @@
+{{ site.title }}

data/_layouts/blog-index.html

@@ -0,0 +1,19 @@
+---
+layout: default
+---
+
+<section class="items">
+  {% if site.is_hub %}
+    {% include assets/symbol.svg %}
+  {% endif %}
+
+  {% for item in site.posts_combined %}
+    {% if forloop.first %}
+      {% assign can_be_featured = true %}
+    {% else %}
+      {% assign can_be_featured = false %}
+    {% endif %}
+
+    {% include post-card.html post=item can_be_featured=can_be_featured %}
+  {% endfor %}
+</section>

data/_layouts/default.html

@@ -0,0 +1,156 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <link href="{{ "/assets/favicon-192x192.png" | relative_url }}"
+    rel="shortcut icon"
+    sizes="192x192"
+    type="image/x-icon">
+
+  <link href="{{ "/assets/favicon.png" | relative_url }}"
+    rel="shortcut icon"
+    sizes="32x32"
+    type="image/x-icon">
+
+  <link href="{{ "/assets/favicon-192x192.png" | relative_url }}"
+    rel="apple-touch-icon">
+
+  <link id="themeCSS" rel="stylesheet" href="{{ "assets/css/style.css" | relative_url }}">
+
+  {% unless site.no_auto_fontawesome %}
+    <script
+      defer
+      src="https://use.fontawesome.com/releases/{{ site.fontawesome_cdn.version }}/js/all.js"
+      integrity="{{ site.fontawesome_cdn.integrity }}"
+      crossorigin="anonymous"></script>
+  {% endunless %}
+
+  {% if site.algolia_search %}
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
+  {% endif %}
+
+  {% if page.extra_stylesheets %}
+    {% for ss in page.extra_stylesheets %}
+      <link rel="stylesheet" href="{{ ss.href }}" integrity="{{ ss.integrity }}" crossorigin="{{ ss.crossorigin }}">
+    {% endfor %}
+  {% endif %}
+
+  {% if page.extra_scripts %}
+    {% for sc in page.extra_scripts %}
+      <script src="{{ sc.src }}" integrity="{{ sc.integrity }}" crossorigin="{{ sc.crossorigin }}"></script>
+    {% endfor %}
+  {% endif %}
+
+  {% seo %}
+
+  {% include head.html %}
+</head>
+
+{% assign num_projects = site.projects | size %}
+<body class="
+    {{ page.html-class }} {{ layout.html-class }}
+    {% if num_projects > 0 %}
+      site--hub
+    {% else %}
+      site--project
+      {% if site.one_software %}site--project--one-software{% endif %}
+    {% endif %}
+    {% if page.layout %}layout--{{ page.layout }}{% endif %}">
+  <div class="underlay header">
+    <header>
+      <h1 class="site-logo"><a href="/">{% include logo.html %}</a></h1>
+      <nav class="top-menu">
+        {% include nav-links.html %}
+      </nav>
+
+      {% include social-links.html %}
+
+      <button class="hamburger" aria-expanded="false" id="hamburgerButton"
+          aria-label="top site menu toggle">
+        <i class="fa fa-bars"></i>
+      </button>
+
+      <div class="hamburger-menu" id="hamburgerMenu" aria-hidden="true">
+        <div class="site-logo-container">
+          <h1 class="site-logo"><a href="/">{% include logo.html %}</a></h1>
+        </div>
+
+        {% include social-links.html %}
+      </div>
+    </header>
+
+    {% if page.hero_include %}
+      <div class="hero">{% include {{ page.hero_include }} %}</div>
+    {% endif %}
+  </div>
+
+  <main>
+    {{ content }}
+  </main>
+
+  <div class="underlay footer">
+    <footer>
+      {% if site.num_all_specs > 0 or site.num_all_software > 0 or site.extra_footer_links %}
+      <nav class="links" aria-label="site links">
+        {% for link in site.extra_footer_links %}
+          <a href="{{ link.url }}">{{ link.title }}</a>
+        {% endfor %}
+        {% if site.num_all_software > 0 %}
+          <a href="/software/">All {{ site.title }} software</a>
+        {% endif %}
+        {% if site.num_all_specs > 0 %}
+          <a href="/specs/">All specifications</a>
+        {% endif %}
+      </nav>
+      {% endif %}
+
+      {% if site.is_hub %}
+        <div class="site-logo" aria-label="logo">{% include logo.html %}</div>
+      {% else %}
+        <div class="parent-hub-plug">
+          <span class="label">{{ site.title }} is</span>
+          <a class="logo" role="presentation" href="{{ site.parent_hub.home_url }}"
+            aria-label="parent project logo">
+            {% include parent-hub/assets/symbol.svg %}&nbsp;<span class="title">{% include parent-hub/title.html %}</span>
+          </a>
+        </div>
+      {% endif %}
+
+      <div class="legal">{% include legal.html %}</div>
+
+      {% include social-links.html %}
+    </footer>
+  </div>
+
+  {% if site.algolia_search %}
+    <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+
+    {% comment %}
+    This would break a strict CSP, but Jekyll refuses to Liquid-process JS files
+    without also adding HTML wrapping. Eek.
+    TODO: Move this to data attributes on <body>.
+    {% endcomment %}
+    <script>
+      window.initAlgolia = function () {
+        if (window.docsearch) {
+          docsearch({
+            apiKey: '{{ site.algolia_search.api_key }}',
+            indexName: '{{ site.algolia_search.index_name }}',
+            inputSelector: 'input[type=search]',
+            debug: false,
+          });
+        }
+      };
+    </script>
+  {% endif %}
+
+  <script src="{{ "assets/js/clipboard.min.js" | relative_url }}"></script>
+  <script src="{{ "assets/listing-widget.js" | relative_url }}"></script>
+  <script src="{{ "assets/js/headroom.min.js" | relative_url }}"></script>
+  <script src="{{ "assets/js/opf.js" | relative_url }}"></script>
+
+  {% include scripts.html %}
+</body>

data/_layouts/docs-base.html

@@ -0,0 +1,87 @@
+---
+layout: default
+---
+
+{% assign title = page.title | default: layout.title %}
+{% assign prominent_title = page.article_header_title | default: layout.article_header_title %}
+{% assign nav = page.navigation | default: layout.navigation %}
+{% assign base_url = nav.base_url | default: page.base_url | default: layout.base_url | default: "" %}
+{% assign num_top_nav_items = nav.items | size %}
+
+<header class="documentation-header {% if num_top_nav_items > 0 %} has-nav {% endif %}">
+  <div class="nav-header">
+    <h3 class="title">
+      {% capture docs_nav_title %}
+        {{ layout.docs_title }}{% if selected_section %}: {{ selected_section.title }}{% endif %}
+      {% endcapture %}
+
+      {% if num_top_nav_items > 0 %}
+        <a href="javascript: void 0;">{{ docs_nav_title }}</a>
+      {% else %}
+        <span>{{ docs_nav_title }}</span>
+      {% endif %}
+    </h3>
+
+    {% if num_top_nav_items > 0 %}
+      <span class="nav-toggle-icon">
+        <i class="open fas fa-ellipsis-v"></i>
+        <i class="close fas fa-times"></i>
+      </span>
+    {% endif %}
+  </div>
+</header>
+
+
+<section class="documentation {% if num_top_nav_items > 0 %}has-nav{% endif %}">
+  <nav class="docs-nav">
+    <ul class="nav-items">
+      {% for item in nav.items %}
+        {% include _nav-item.html item=item base_url=base_url %}
+      {% endfor %}
+    </ul>
+  </nav>
+
+  <article>
+    <header>
+      <div class="title">
+        <h1 class="text">{{ prominent_title | default: title }}</h1>
+      </div>
+
+      {% if site.github_repo_url or num_top_nav_items > 0 %}
+        <nav role="toolbar">
+          {% if num_top_nav_items > 0 %}
+            <button class="docs-nav-toggle">Toggle table of contents</button>
+          {% endif %}
+
+          {% if site.github_repo_url %}
+            <a href="{{ site.github_repo_url }}/edit/{{ item_data.docs.github_repo_branch | default: site.default_repo_branch | default: 'main' }}/{{ page.path }}" class="docs-suggest-edits">Suggest edits to this page</a>
+          {% endif %}
+        </nav>
+      {% endif %}
+
+      <div>
+        <div class="lead">{{ page.description }}</div>
+      </div>
+
+      {% if selected_item.items %}
+        <nav class="subitems">
+          <h2>Further in this section</h2>
+
+          <ul>
+            {% for item in selected_item.items %}
+              {% include _nav-item.html item=item base_url=base_url %}
+            {% endfor %}
+          </ul>
+        </nav>
+      {% endif %}
+    </header>
+
+    <div class="body">
+      {{ content }}
+    </div>
+
+  </article>
+</section>
+
+<script src="{{ "/assets/js/anchor-scroll.js" | relative_url }}"></script>
+<script src="{{ "/assets/js/adoc-toc.js" | relative_url }}"></script>

data/_layouts/home.html

@@ -0,0 +1,13 @@
+---
+layout: default
+---
+
+{{ content }}
+
+{% assign num_projects = site.projects | size %}
+
+{% if num_projects > 0 %}
+  {% include home-hub.html %}
+{% else %}
+  {% include home-project.html %}
+{% endif %}

data/_layouts/page.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{{ content }}

data/_layouts/post.html

@@ -0,0 +1,57 @@
+---
+layout: default
+---
+
+<article>
+  <header>
+    <h1 class="title">{{ page.title }}</h1>
+
+    <div class="meta">
+      {% include _post-meta.html post=page %}
+    </div>
+  </header>
+
+  {% assign num_social_links = page.author.social_links | size %}
+  {% if num_social_links > 0 %}
+    <aside class="social-links">
+      {% for link in page.author.social_links %}
+        <a href="{{ link }}" class="ico">
+          <span class="fa-layers fa-2x">
+            <i class="fas fa-circle"></i>
+            <i
+              {% if link contains "twitter.com" %}
+                class="fab fa-twitter"
+                alt="Twitter"
+                title="Twitter"
+              {% elsif link contains "github.com" %}
+                class="fab fa-github"
+                alt="Github"
+                title="Github"
+              {% elsif link contains "linkedin.com" %}
+                class="fab fa-linkedin-in"
+                alt="LinkedIn"
+                title="LinkedIn"
+              {% elsif link contains "facebook.com" %}
+                class="fab fa-facebook-f"
+                alt="Facebook"
+                title="Facebook"
+              {% elsif link contains "tumblr.com" %}
+                class="fab fa-tumblr"
+                alt="Tumblr"
+                title="Tumblr"
+              {% elsif link contains "instagram.com" %}
+                class="fab fa-instagram"
+                alt="Instagram"
+                title="Instagram"
+              {% endif %}
+              data-fa-transform="shrink-9"></i>
+          </span>
+        </a>
+      {% endfor %}
+    </aside>
+  {% endif %}
+
+  <div class="body">
+    {{ content }}
+  </div>
+</article>

data/_layouts/product.html

@@ -0,0 +1,9 @@
+---
+layout: default
+html-class: docs-page
+---
+
+{% include item-doc-page.html items=site.software item_type='software' %}
+
+<script src="{{ "/assets/js/anchor-scroll.js" | relative_url }}"></script>
+<script src="{{ "/assets/js/adoc-toc.js" | relative_url }}"></script>