jekyll-theme-isotc211 0.4.8 → 0.4.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 2cdac92bdbcc467dfee554b35c120895ddd942e1
-  data.tar.gz: cc35123c14ee6ccec1c042365ea826e9da4bc1da
+SHA256:
+  metadata.gz: 8d2f943137f52e7d8a4b3a44648c738ae2ca7f602793a8704ab8c455b899bedb
+  data.tar.gz: 8d42c82de52ebe3525b6f26552c870b2646ba3797f0d7df4cece5f5da56ecfa8
 SHA512:
-  metadata.gz: b23d82e1cf35ae43fc664688164dd0089dabb6f737a69b2229fbc9d059fa4e256e172de33e91595f144fea8013fbc84ea49cc83e4cdfdf751055d97330cb5242
-  data.tar.gz: 3b3d487f8c5cb55717e728ac1f764a678c9b6274d5f2e16afe05d5a238586bd0607e8ebc31a7724aa848092fb091fd2302d5c68f578d9571e525d34bc5bc5dd2
+  metadata.gz: 28b2e0db9719adecb12cbf15d528dab380228cda6728414d0e01a4d6c218e8d8a71559f7a64ed37337f703d2ab4072f65c694704c9efdde552d24839b2d0ce1c
+  data.tar.gz: 6a212ec359c85d4dd1e8ae73cddc46f231cc50b473767aecaf9d95468427bc30cb7bb21805015c9671676d82c14d11fb134f2d3914c53383ee97071ea410391c

data/README.md

@@ -6,10 +6,21 @@ including www.isotc211.org and resource sites such as geolexica.com.
 
 ## Configuring site
 
-Recommended plugins to add to your Gemfile:
+Theme relies on accompanying helper plugin
+(note: plugin gem version should match theme version):
 
 ```
 group :jekyll_plugins do
+  gem "jekyll-theme-isotc211-helpers"
+  # ...
+end
+```
+
+Other recommended plugins to add to your Gemfile:
+
+```
+group :jekyll_plugins do
+  # ...
   gem "jekyll-data"
   gem "jekyll-asciidoc"
   gem "jekyll-external-links"
@@ -39,6 +50,20 @@ committee:
     - url: /faq
       title: FAQ
 
+# Builds browsable resource pages
+resource_listings:
+  schemas:
+    # Source directory containing resources, relative to site source root.
+    # Each subdirectory within will be treated as a resource
+    resource_root: 'schemas'
+
+    # The path, under which resource browser will be available to site visitors
+    index_url: 'schemas'
+
+    # These control resource index & individual resource pages
+    index_title: "Schemas"
+    resource_label: "schema"
+
 always_show_committee_link_on_landing: yes
 
 awards:

data/_includes/head.html

@@ -34,4 +34,24 @@
     <script src="{{ "/assets/ga.js" | relative_url }}"></script>
   {% endif %}
 
+  {% assign extra_stylesheets = page.extra_stylesheets | default: layout.extra_stylesheets %}
+  {% if extra_stylesheets %}
+    {% for ss in extra_stylesheets %}
+      <link rel="stylesheet"
+        href="{{ ss.href }}"
+        {% if ss.integrity %}integrity="{{ ss.integrity }}"{% endif %}
+        {% if ss.crossorigin %}crossorigin="{{ ss.crossorigin }}"{% endif %}>
+    {% endfor %}
+  {% endif %}
+
+  {% assign extra_scripts = page.extra_scripts | default: layout.extra_scripts %}
+  {% if extra_scripts %}
+    {% for sc in extra_scripts %}
+      <script
+        src="{{ sc.src }}"
+        {% if sc.integrity %}integrity="{{ sc.integrity }}"{% endif %}
+        {% if sc.crossorigin %}crossorigin="{{ sc.crossorigin }}"{% endif %}></script>
+    {% endfor %}
+  {% endif %}
+
 </head>

data/_includes/resource-tree-item.html

@@ -0,0 +1,49 @@
+<li class="bp3-tree-node bp3-tree-node-expanded">
+
+  <div class="
+    bp3-tree-node-content
+    {% if include.level > 0 %}bp3-tree-node-content-{{ include.level }}{% endif %}">
+
+    <span class="
+      {% if include.children %}bp3-tree-node-caret bp3-tree-node-caret-open
+      {% else %}bp3-tree-node-caret-none
+      {% endif %}
+      bp3-icon-standard"></span>
+    <span class="
+      bp3-tree-node-icon bp3-icon-standard
+      {% if include.children %}bp3-icon-folder-close
+      {% else %}bp3-icon-document
+      {% endif %}"></span>
+
+    <span class="bp3-tree-node-label" title="{{ include.data }}">
+      {% unless include.children %}
+        <a href="/{{ include.full_path }}">{{ include.data }}</a>
+      {% else %}
+        {{ include.data }}
+      {% endunless %}
+    </span>
+
+    {% unless include.children %}
+      <span class="bp3-tree-node-secondary-label">
+        <a
+          title="Open in separate viewer window"
+          target="resource-viewer"
+          class="bp3-icon-standard bp3-icon-document-share"
+          href="/{{ include.full_path }}"></a>
+      </span>
+    {% endunless %}
+  </div>
+
+  {% if include.children %}
+    <ul class="bp3-tree-node-list">
+      {% for subitem in include.children %}
+        {% include resource-tree-item.html
+            full_path=subitem.full_path
+            data=subitem.data
+            children=subitem.children
+            level=subitem.level %}
+      {% endfor %}
+    </ul>
+  {% endif %}
+
+</li>

data/_layouts/base-page.html

@@ -4,10 +4,17 @@ layout: default
 ---
 {% assign title = page.title | default: page.title_html | default: layout.title | default: layout.title_html %}
 {% assign parent_title = page.parent_title | default: layout.parent_title %}
+{% assign parent_link = page.parent_link | default: layout.parent_link %}
 {% if title or parent_title %}
   <header>
     {% if parent_title %}
-      <p class="section-title">{{ parent_title }}</p>
+      <p class="section-title">
+        {% if parent_link %}
+          <a href="{{ parent_link }}">{{ parent_title }}</a>
+        {% else %}
+          {{ parent_title }}
+        {% endif %}
+      </p>
     {% endif %}
 
     {% if title %}

data/_layouts/resource-index.html

@@ -0,0 +1,14 @@
+---
+layout: base-page
+bodyClass: resource-index
+---
+
+{{ content }}
+
+<ul>
+  {% for resource in page.resources %}
+    <li>
+      <a href="./{{ resource[0] }}">{{ resource[0] }}</a>
+    </li>
+  {% endfor %}
+</ul>

data/_layouts/resource-page.html

@@ -0,0 +1,25 @@
+---
+layout: base-page
+bodyClass: resource
+
+extra_stylesheets:
+  - href: https://unpkg.com/normalize.css@^7.0.0
+  - href: https://unpkg.com/@blueprintjs/icons@^3.4.0/lib/css/blueprint-icons.css
+  - href: https://unpkg.com/@blueprintjs/core@^3.10.0/lib/css/blueprint.css
+---
+
+{{ content }}
+
+<div class="two-pane-viewer">
+  <div class="browser bp3-tree bp3-elevation-0">
+    <ul class="bp3-tree-node-list bp3-tree-root">
+      {% include resource-tree-item.html data=page.contents.data children=page.contents.children level=0 %}
+    </ul>
+  </div>
+
+  <div class="viewer">
+    <iframe src="/assets/resource-viewer-placeholder.html"></iframe>
+  </div>
+</div>
+
+<script src="/assets/resource-browser.js"></script>

data/_sass/home.scss

@@ -20,10 +20,9 @@ body.home {
 
       .items {
         display: flex;
-        flex-flow: row nowrap;
+        flex-flow: row wrap;
         justify-content: flex-start;
         align-items: stretch;
-        overflow-x: auto;
         padding-top: 1em;
         padding-bottom: 1em;
       }
@@ -34,6 +33,7 @@ body.home {
         padding: 0 $homeSectionItemSidePadding;
         background: #fff;
         margin-right: 1em;
+        margin-bottom: 1em;
         box-shadow: 1px 1px 20px -5px rgba(black, 0.3);
 
         min-width: 320px;

data/_sass/jekyll-theme-isotc211.scss

@@ -23,6 +23,8 @@ $mainSectionBackgroundColor: rgba(white, 0.8);
 $linkColor: $isoTCColor;
 $linkColorInverse: white;
 
+$stripeWidth: 30px;
+
 $homeSectionItemSidePadding: 1em;
 
 @mixin titleFontFamily($useBold: false) {
@@ -81,3 +83,59 @@ html {
 @import 'post';
 @import 'posts';
 @import 'legacy-crossbrowser';
+
+body.resource {
+  max-height: 100vh;
+
+  > main {
+    flex: 1 1 auto;
+    padding-top: 1em;
+    overflow: hidden;
+
+    > header h1 {
+      display: none;
+    }
+  }
+
+  .two-pane-viewer {
+    display: flex;
+    flex-flow: row nowrap;
+    overflow: hidden;
+    width: 100%;
+    flex: 1;
+
+    .viewer {
+      position: relative;
+      flex: 1;
+      display: flex;
+      flex-flow: row nowrap;
+      padding: 1em;
+      margin: 0 1em;
+      border-radius: 1em;
+      background: whiteSmoke;
+
+      iframe {
+        flex: 1;
+        border: 0;
+      }
+    }
+
+    .browser {
+      max-width: 300px;
+      font-size: 84%;
+      box-shadow: none;
+      overflow-y: scroll;
+      padding-top: 1em;
+
+      a {
+        color: inherit;
+        text-decoration: none;
+        border: 0;
+
+        &.selected {
+          font-weight: bold;
+        }
+      }
+    }
+  }
+}

data/_sass/main.scss

@@ -7,6 +7,10 @@ body > main a {
   color: $linkColor;
   border-bottom: 1px solid $linkColor;
 
+  &:hover {
+    text-decoration: none;
+  }
+
   &[rel=external] {
     border-bottom-style: dotted;
     &:link, &:hover, &:focus, &:active {
@@ -23,8 +27,6 @@ body > main a {
 // Main layout
 // ===========
 
-$stripeWidth: 30px;
-
 body > main {
   font-size: 18px;
   @include asciidoc-markup();

data/_sass/offsets.scss

@@ -31,9 +31,7 @@ body.home > main  {
 
 body.home > main > .news {
   .items {
-    .news-item-card:first-child {
-      margin-left: calc(#{$sideOffsetBase} - #{$homeSectionItemSidePadding});
-    }
+    margin-left: calc(#{$sideOffsetBase} - #{$homeSectionItemSidePadding});
   }
 }
 
@@ -49,6 +47,13 @@ body.home > main > .news {
   }
 }
 
-body.post, body.page, body.post-index {
+body.post, body.page, body.post-index, body.resource-index {
   @extend .pad-all-main-contents;
 }
+
+body.resource {
+  > main > * {
+    padding-left: $stripeWidth * 2;
+    padding-right: 0;
+  }
+}

data/assets/resource-browser.js

@@ -0,0 +1,26 @@
+(function () {
+  var viewer = document.querySelector('.two-pane-viewer');
+
+  if (viewer) {
+    var browser = viewer.querySelector('.browser.bp3-tree');
+    var iframe = viewer.querySelector('.viewer iframe');
+    if (browser && iframe) {
+
+      function selectItem (item) {
+        for (var el of browser.querySelectorAll('a')) {
+          el.classList.remove('selected');
+        }
+        item.classList.add('selected');
+      }
+
+      for (var el of browser.querySelectorAll('.bp3-tree-node-label a')) {
+        el.addEventListener('click', function (evt) {
+          selectItem(evt.target);
+          evt.preventDefault();
+          iframe.setAttribute('src', evt.target.getAttribute('href'));
+          return false;
+        });
+      }
+    }
+  }
+}());

data/assets/resource-viewer-placeholder.html

@@ -0,0 +1,11 @@
+<style>
+  p {
+    font-family: sans-serif;
+  }
+</style>
+
+<p>
+Select a document on the left to view or download.
+
+<p>
+Note: Certain files may be better formatted when viewed in a separate window.

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-isotc211
 version: !ruby/object:Gem::Version
-  version: 0.4.8
+  version: 0.4.9
 platform: ruby
 authors:
 - Ribose Inc.
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-06-06 00:00:00.000000000 Z
+date: 2019-08-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -52,6 +52,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '1.0'
+- !ruby/object:Gem::Dependency
+  name: jekyll-theme-isotc211-helpers
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.4.9
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.4.9
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -135,6 +149,7 @@ files:
 - _includes/copyright.html
 - _includes/head.html
 - _includes/newsroll-entry.html
+- _includes/resource-tree-item.html
 - _includes/script.html
 - _layouts/base-page.html
 - _layouts/default.html
@@ -142,6 +157,8 @@ files:
 - _layouts/page.html
 - _layouts/post.html
 - _layouts/posts.html
+- _layouts/resource-index.html
+- _layouts/resource-page.html
 - _pages/404.adoc
 - _sass/adoc-markup.scss
 - _sass/expandable-nav.scss
@@ -158,6 +175,8 @@ files:
 - assets/logo-iso.svg
 - assets/logo-ribose.svg
 - assets/nav.js
+- assets/resource-browser.js
+- assets/resource-viewer-placeholder.html
 homepage: https://github.com/iso-tc211/jekyll-theme-isotc211/
 licenses:
 - MIT
@@ -178,7 +197,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.5.2.3
+rubygems_version: 2.7.6.2
 signing_key: 
 specification_version: 4
 summary: ISO/TC 211 Jekyll theme