jekyll-theme-rop 2.1.15

data/assets/img/external-link.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.7 0H1.7V2H6.3L0 8.3L1.4 9.7L7.7 3.4V8H9.7V1C9.7 0.4 9.3 0 8.7 0Z" transform="translate(12.6001) scale(2)" fill="#FF6357"/>
+<path d="M14 15H1C0.4 15 0 14.6 0 14V1C0 0.4 0.4 0 1 0H5V2H2V13H13V10H15V14C15 14.6 14.6 15 14 15Z" transform="translate(0 2) scale(2)" fill="#FF6357"/>
+</svg>

data/assets/js/adoc-toc.js

@@ -0,0 +1,175 @@
+(function () {
+
+  const HEADER_TAGS = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+  const IN_PAGE_NAV_HTML_CLASS = 'in-page-toc';
+  const SCROLLABLE_NAV_CONTAINER_SELECTOR = 'ul.nav-items';
+
+  /* Given a container of AsciiDoc .sectN elementss,
+   * returns an object containing navigation structure like this:
+   * { items: [ { title: "Some title", path: "./#some-title", items: [ ...subitems ] }, ... }
+   * Works recursively through nested sections.
+   */
+  function getAdocTocItems(containerEl, sectLvl) {
+    sectLvl = sectLvl || 1;
+    var items = [];
+
+    const topLevelSections = Array.from(containerEl.children).filter((el) => {
+      return el.matches(`div.sect${sectLvl}`);
+    });
+
+    for (let sectionEl of topLevelSections) {
+      const headerEl = Array.from(sectionEl.children).filter((el) => {
+        for (let hTagName of HEADER_TAGS) {
+          if (el.matches(hTagName)) { return true; }
+        }
+        return false;
+      })[0];
+      const headerId = headerEl.getAttribute('id');
+
+      var subItems = [];
+      const sectionBody = sectionEl.querySelector('div.sectionbody');
+      if (sectionBody) {
+        subItems = getAdocTocItems(sectionBody, sectLvl + 1);
+      } else {
+        subItems = getAdocTocItems(sectionEl, sectLvl + 1);
+      }
+
+      items.push({
+        title: headerEl.innerText,
+        description: headerEl.innerText,
+        path: `./#${headerId}`,
+        items: subItems,
+
+        id: headerId,
+      });
+    }
+
+    return items;
+  }
+
+  function highlightSelected(headerId, itemPath) {
+    let selectedItemEl;
+
+    for (const itemEl of document.querySelectorAll(`.${IN_PAGE_NAV_HTML_CLASS} li`)) {
+      const link = (itemEl.firstChild || {}).firstChild;
+      if (link && link.getAttribute('href') == itemPath) {
+        itemEl.classList.add('highlighted');
+        selectedItemEl = itemEl;
+      } else {
+        itemEl.classList.remove('highlighted');
+      }
+    }
+    for (const hTag of HEADER_TAGS) {
+      for (const headerEl of document.querySelectorAll(hTag)) {
+        headerEl.classList.remove('highlighted');
+      }
+    }
+    const selectedHeaderEl = document.getElementById(headerId);
+    selectedHeaderEl.classList.add('highlighted');
+
+    return selectedItemEl;
+  }
+
+  /* Given a list of navigation items, returns an <ul> containing items recursively
+   * with CSS classes and layout consistent with docs navigation markup expected by the theme.
+   */
+  function formatSubItems(tocItems) {
+    const subItemContainer = document.createElement('ul');
+
+    subItemContainer.classList.add('nav-items');
+    subItemContainer.classList.add('subitems');
+
+    for (let item of tocItems) {
+      let itemEl, itemTitleEl, itemLinkEl;
+
+      itemEl = document.createElement('li');
+      itemEl.classList.add('item');
+
+      itemTitleEl = document.createElement('div');
+      itemTitleEl.classList.add('item-title');
+
+      itemLinkEl = document.createElement('a');
+      itemLinkEl.setAttribute('href', item.path);
+      itemLinkEl.setAttribute('title', item.title);
+      itemLinkEl.innerText = item.title;
+
+      itemTitleEl.appendChild(itemLinkEl);
+      itemEl.appendChild(itemTitleEl);
+
+      if (item.items.length > 0) {
+        itemEl.appendChild(formatSubItems(item.items));
+      }
+
+      itemLinkEl.addEventListener('click', () => highlightSelected(item.id, item.path));
+
+      subItemContainer.appendChild(itemEl);
+    }
+
+    return subItemContainer;
+  }
+
+  const articleBody = document.querySelector('main section article .body');
+  const selectedItem = document.querySelector('main .docs-nav .nav-items li.selected');
+
+  if (articleBody && selectedItem) {
+    const items = getAdocTocItems(articleBody);
+
+    if (items.length > 0) {
+      const ulEl = formatSubItems(items);
+      ulEl.classList.add(IN_PAGE_NAV_HTML_CLASS);
+
+      const existingSubItems = selectedItem.querySelector('ul.nav-items');
+      if (existingSubItems) {
+        selectedItem.insertBefore(ulEl, existingSubItems);
+      } else {
+        selectedItem.appendChild(ulEl);
+      }
+    }
+  }
+
+  if (articleBody && window.location.hash) {
+    // Do things that need to be done if the page was opened
+    // with hash component in address bar.
+    // - After initial scroll to anchor, scroll up a bit
+    //   to ensure header is in view accounting for top bar.
+    // - Select in-page doc nav item corresponding to the hash.
+
+    const SCROLL_COMPENSATION_AMOUNT_PX = 0 - document.querySelector('body > .underlay.header > header').offsetHeight - 10;
+
+    function _scrollUp(evt) {
+      window.scrollBy(0, SCROLL_COMPENSATION_AMOUNT_PX);
+      window.removeEventListener('scroll', _scrollUp);
+    };
+
+    function _selectInitialItem() {
+      const hash = window.location.hash.substring(1);
+      const anchorEl = document.getElementById(hash);
+
+      var selectedLinkId;
+
+      if (anchorEl.tagName === 'A') {
+        // We were selected by <a> anchor, not by <hX[id]>.
+        // We want to highlight selected item in the nav
+        // according to the nearest header upwards from anchor.
+        var curEl = anchorEl;
+        while (true) {
+          var curEl = curEl.parentNode;
+          var nearestHeaderEl = curEl.querySelector('h2');
+          if (nearestHeaderEl && nearestHeaderEl.hasAttribute('id')) {
+            selectedLinkId = nearestHeaderEl.getAttribute('id');
+            break;
+          }
+        }
+      } else {
+        selectedLinkId = hash;
+      }
+
+      const selectedItemEl = highlightSelected(selectedLinkId, `./#${selectedLinkId}`);
+      window.setTimeout(function () { selectedItemEl.scrollIntoView(); }, 200);
+    };
+
+    _selectInitialItem();
+    window.addEventListener('scroll', _scrollUp);
+  }
+
+}());

data/assets/js/anchor-scroll.js

@@ -0,0 +1,81 @@
+/* Credit: Ian Clark https://stackoverflow.com/a/13067009/247441 */
+
+(function(document, history, location) {
+  var HISTORY_SUPPORT = !!(history && history.pushState);
+
+  var anchorScrolls = {
+    ANCHOR_REGEX: /^#[^ ]+$/,
+    OFFSET_HEIGHT_PX: 150, // Roughly Metanorma’s header
+
+    /**
+     * Establish events, and fix initial scroll position if a hash is provided.
+     */
+    init: function() {
+      this.scrollToCurrent();
+      window.addEventListener('hashchange', this.scrollToCurrent.bind(this));
+      document.body.addEventListener('click', this.delegateAnchors.bind(this));
+    },
+
+    /**
+     * Return the offset amount to deduct from the normal scroll position.
+     * Modify as appropriate to allow for dynamic calculations
+     */
+    getFixedOffset: function() {
+      return this.OFFSET_HEIGHT_PX;
+    },
+
+    /**
+     * If the provided href is an anchor which resolves to an element on the
+     * page, scroll to it.
+     * @param  {String} href
+     * @return {Boolean} - Was the href an anchor.
+     */
+    scrollIfAnchor: function(href, pushToHistory) {
+      var match, rect, anchorOffset;
+
+      if(!this.ANCHOR_REGEX.test(href)) {
+        return false;
+      }
+
+      match = document.getElementById(href.slice(1));
+
+      if(match) {
+        rect = match.getBoundingClientRect();
+        anchorOffset = window.pageYOffset + rect.top - this.getFixedOffset();
+        window.scrollTo(window.pageXOffset, anchorOffset);
+
+        // Add the state to history as-per normal anchor links
+        if(HISTORY_SUPPORT && pushToHistory) {
+          history.pushState({}, document.title, location.pathname + href);
+        }
+      }
+
+      return !!match;
+    },
+
+    /**
+     * Attempt to scroll to the current location's hash.
+     */
+    scrollToCurrent: function() {
+      this.scrollIfAnchor(window.location.hash);
+    },
+
+    /**
+     * If the click event's target was an anchor, fix the scroll position.
+     */
+    delegateAnchors: function(e) {
+      var elem = e.target;
+
+      if(
+        elem.nodeName === 'A' &&
+        this.scrollIfAnchor(elem.getAttribute('href'), true)
+      ) {
+        e.preventDefault();
+      }
+    }
+  };
+
+  window.addEventListener(
+    'DOMContentLoaded', anchorScrolls.init.bind(anchorScrolls)
+  );
+})(window.document, window.history, window.location);

data/assets/js/clipboard.min.js

@@ -0,0 +1,7 @@
+/*!
+ * clipboard.js v2.0.4
+ * https://zenorocha.github.io/clipboard.js
+ * 
+ * Licensed MIT © Zeno Rocha
+ */
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.ClipboardJS=e():t.ClipboardJS=e()}(this,function(){return function(n){var o={};function r(t){if(o[t])return o[t].exports;var e=o[t]={i:t,l:!1,exports:{}};return n[t].call(e.exports,e,e.exports,r),e.l=!0,e.exports}return r.m=n,r.c=o,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=0)}([function(t,e,n){"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=function(){function o(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(t,e,n){return e&&o(t.prototype,e),n&&o(t,n),t}}(),a=o(n(1)),c=o(n(3)),u=o(n(4));function o(t){return t&&t.__esModule?t:{default:t}}var l=function(t){function o(t,e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,o);var n=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,(o.__proto__||Object.getPrototypeOf(o)).call(this));return n.resolveOptions(e),n.listenClick(t),n}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(o,c.default),i(o,[{key:"resolveOptions",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===r(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=(0,u.default)(t,"click",function(t){return e.onClick(t)})}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new a.default({action:this.action(e),target:this.target(e),text:this.text(e),container:this.container,trigger:e,emitter:this})}},{key:"defaultAction",value:function(t){return s("action",t)}},{key:"defaultTarget",value:function(t){var e=s("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return s("text",t)}},{key:"destroy",value:function(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}],[{key:"isSupported",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:["copy","cut"],e="string"==typeof t?[t]:t,n=!!document.queryCommandSupported;return e.forEach(function(t){n=n&&!!document.queryCommandSupported(t)}),n}}]),o}();function s(t,e){var n="data-clipboard-"+t;if(e.hasAttribute(n))return e.getAttribute(n)}t.exports=l},function(t,e,n){"use strict";var o,r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=function(){function o(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(t,e,n){return e&&o(t.prototype,e),n&&o(t,n),t}}(),a=n(2),c=(o=a)&&o.__esModule?o:{default:o};var u=function(){function e(t){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),this.resolveOptions(t),this.initSelection()}return i(e,[{key:"resolveOptions",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};this.action=t.action,this.container=t.container,this.emitter=t.emitter,this.target=t.target,this.text=t.text,this.trigger=t.trigger,this.selectedText=""}},{key:"initSelection",value:function(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"selectFake",value:function(){var t=this,e="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=function(){return t.removeFake()},this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[e?"right":"left"]="-9999px";var n=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.style.top=n+"px",this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.container.appendChild(this.fakeElem),this.selectedText=(0,c.default)(this.fakeElem),this.copyText()}},{key:"removeFake",value:function(){this.fakeHandler&&(this.container.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(this.container.removeChild(this.fakeElem),this.fakeElem=null)}},{key:"selectTarget",value:function(){this.selectedText=(0,c.default)(this.target),this.copyText()}},{key:"copyText",value:function(){var e=void 0;try{e=document.execCommand(this.action)}catch(t){e=!1}this.handleResult(e)}},{key:"handleResult",value:function(t){this.emitter.emit(t?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}},{key:"clearSelection",value:function(){this.trigger&&this.trigger.focus(),window.getSelection().removeAllRanges()}},{key:"destroy",value:function(){this.removeFake()}},{key:"action",set:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"copy";if(this._action=t,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')},get:function(){return this._action}},{key:"target",set:function(t){if(void 0!==t){if(!t||"object"!==(void 0===t?"undefined":r(t))||1!==t.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&t.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(t.hasAttribute("readonly")||t.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=t}},get:function(){return this._target}}]),e}();t.exports=u},function(t,e){t.exports=function(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var n=t.hasAttribute("readonly");n||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),n||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var o=window.getSelection(),r=document.createRange();r.selectNodeContents(t),o.removeAllRanges(),o.addRange(r),e=o.toString()}return e}},function(t,e){function n(){}n.prototype={on:function(t,e,n){var o=this.e||(this.e={});return(o[t]||(o[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var o=this;function r(){o.off(t,r),e.apply(n,arguments)}return r._=e,this.on(t,r,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),o=0,r=n.length;o<r;o++)n[o].fn.apply(n[o].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),o=n[t],r=[];if(o&&e)for(var i=0,a=o.length;i<a;i++)o[i].fn!==e&&o[i].fn._!==e&&r.push(o[i]);return r.length?n[t]=r:delete n[t],this}},t.exports=n},function(t,e,n){var d=n(5),h=n(6);t.exports=function(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!d.string(e))throw new TypeError("Second argument must be a String");if(!d.fn(n))throw new TypeError("Third argument must be a Function");if(d.node(t))return s=e,f=n,(l=t).addEventListener(s,f),{destroy:function(){l.removeEventListener(s,f)}};if(d.nodeList(t))return a=t,c=e,u=n,Array.prototype.forEach.call(a,function(t){t.addEventListener(c,u)}),{destroy:function(){Array.prototype.forEach.call(a,function(t){t.removeEventListener(c,u)})}};if(d.string(t))return o=t,r=e,i=n,h(document.body,o,r,i);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList");var o,r,i,a,c,u,l,s,f}},function(t,n){n.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},n.nodeList=function(t){var e=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===e||"[object HTMLCollection]"===e)&&"length"in t&&(0===t.length||n.node(t[0]))},n.string=function(t){return"string"==typeof t||t instanceof String},n.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},function(t,e,n){var a=n(7);function i(t,e,n,o,r){var i=function(e,n,t,o){return function(t){t.delegateTarget=a(t.target,n),t.delegateTarget&&o.call(e,t)}}.apply(this,arguments);return t.addEventListener(n,i,r),{destroy:function(){t.removeEventListener(n,i,r)}}}t.exports=function(t,e,n,o,r){return"function"==typeof t.addEventListener?i.apply(null,arguments):"function"==typeof n?i.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,function(t){return i(t,e,n,o,r)}))}},function(t,e){if("undefined"!=typeof Element&&!Element.prototype.matches){var n=Element.prototype;n.matches=n.matchesSelector||n.mozMatchesSelector||n.msMatchesSelector||n.oMatchesSelector||n.webkitMatchesSelector}t.exports=function(t,e){for(;t&&9!==t.nodeType;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}}])});

data/assets/js/headroom.min.js

@@ -0,0 +1,7 @@
+/*!
+ * headroom.js v0.9.4 - Give your page some headroom. Hide your header until you need it
+ * Copyright (c) 2017 Nick Williams - http://wicky.nillia.ms/headroom.js
+ * License: MIT
+ */
+
+!function(a,b){"use strict";"function"==typeof define&&define.amd?define([],b):"object"==typeof exports?module.exports=b():a.Headroom=b()}(this,function(){"use strict";function a(a){this.callback=a,this.ticking=!1}function b(a){return a&&"undefined"!=typeof window&&(a===window||a.nodeType)}function c(a){if(arguments.length<=0)throw new Error("Missing arguments in extend function");var d,e,f=a||{};for(e=1;e<arguments.length;e++){var g=arguments[e]||{};for(d in g)"object"!=typeof f[d]||b(f[d])?f[d]=f[d]||g[d]:f[d]=c(f[d],g[d])}return f}function d(a){return a===Object(a)?a:{down:a,up:a}}function e(a,b){b=c(b,e.options),this.lastKnownScrollY=0,this.elem=a,this.tolerance=d(b.tolerance),this.classes=b.classes,this.offset=b.offset,this.scroller=b.scroller,this.initialised=!1,this.onPin=b.onPin,this.onUnpin=b.onUnpin,this.onTop=b.onTop,this.onNotTop=b.onNotTop,this.onBottom=b.onBottom,this.onNotBottom=b.onNotBottom}var f={bind:!!function(){}.bind,classList:"classList"in document.documentElement,rAF:!!(window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame)};return window.requestAnimationFrame=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame,a.prototype={constructor:a,update:function(){this.callback&&this.callback(),this.ticking=!1},requestTick:function(){this.ticking||(requestAnimationFrame(this.rafCallback||(this.rafCallback=this.update.bind(this))),this.ticking=!0)},handleEvent:function(){this.requestTick()}},e.prototype={constructor:e,init:function(){if(e.cutsTheMustard)return this.debouncer=new a(this.update.bind(this)),this.elem.classList.add(this.classes.initial),setTimeout(this.attachEvent.bind(this),100),this},destroy:function(){var a=this.classes;this.initialised=!1;for(var b in a)a.hasOwnProperty(b)&&this.elem.classList.remove(a[b]);this.scroller.removeEventListener("scroll",this.debouncer,!1)},attachEvent:function(){this.initialised||(this.lastKnownScrollY=this.getScrollY(),this.initialised=!0,this.scroller.addEventListener("scroll",this.debouncer,!1),this.debouncer.handleEvent())},unpin:function(){var a=this.elem.classList,b=this.classes;!a.contains(b.pinned)&&a.contains(b.unpinned)||(a.add(b.unpinned),a.remove(b.pinned),this.onUnpin&&this.onUnpin.call(this))},pin:function(){var a=this.elem.classList,b=this.classes;a.contains(b.unpinned)&&(a.remove(b.unpinned),a.add(b.pinned),this.onPin&&this.onPin.call(this))},top:function(){var a=this.elem.classList,b=this.classes;a.contains(b.top)||(a.add(b.top),a.remove(b.notTop),this.onTop&&this.onTop.call(this))},notTop:function(){var a=this.elem.classList,b=this.classes;a.contains(b.notTop)||(a.add(b.notTop),a.remove(b.top),this.onNotTop&&this.onNotTop.call(this))},bottom:function(){var a=this.elem.classList,b=this.classes;a.contains(b.bottom)||(a.add(b.bottom),a.remove(b.notBottom),this.onBottom&&this.onBottom.call(this))},notBottom:function(){var a=this.elem.classList,b=this.classes;a.contains(b.notBottom)||(a.add(b.notBottom),a.remove(b.bottom),this.onNotBottom&&this.onNotBottom.call(this))},getScrollY:function(){return void 0!==this.scroller.pageYOffset?this.scroller.pageYOffset:void 0!==this.scroller.scrollTop?this.scroller.scrollTop:(document.documentElement||document.body.parentNode||document.body).scrollTop},getViewportHeight:function(){return window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight},getElementPhysicalHeight:function(a){return Math.max(a.offsetHeight,a.clientHeight)},getScrollerPhysicalHeight:function(){return this.scroller===window||this.scroller===document.body?this.getViewportHeight():this.getElementPhysicalHeight(this.scroller)},getDocumentHeight:function(){var a=document.body,b=document.documentElement;return Math.max(a.scrollHeight,b.scrollHeight,a.offsetHeight,b.offsetHeight,a.clientHeight,b.clientHeight)},getElementHeight:function(a){return Math.max(a.scrollHeight,a.offsetHeight,a.clientHeight)},getScrollerHeight:function(){return this.scroller===window||this.scroller===document.body?this.getDocumentHeight():this.getElementHeight(this.scroller)},isOutOfBounds:function(a){var b=a<0,c=a+this.getScrollerPhysicalHeight()>this.getScrollerHeight();return b||c},toleranceExceeded:function(a,b){return Math.abs(a-this.lastKnownScrollY)>=this.tolerance[b]},shouldUnpin:function(a,b){var c=a>this.lastKnownScrollY,d=a>=this.offset;return c&&d&&b},shouldPin:function(a,b){var c=a<this.lastKnownScrollY,d=a<=this.offset;return c&&b||d},update:function(){var a=this.getScrollY(),b=a>this.lastKnownScrollY?"down":"up",c=this.toleranceExceeded(a,b);this.isOutOfBounds(a)||(a<=this.offset?this.top():this.notTop(),a+this.getViewportHeight()>=this.getScrollerHeight()?this.bottom():this.notBottom(),this.shouldUnpin(a,c)?this.unpin():this.shouldPin(a,c)&&this.pin(),this.lastKnownScrollY=a)}},e.options={tolerance:{up:0,down:0},offset:0,scroller:window,classes:{pinned:"headroom--pinned",unpinned:"headroom--unpinned",top:"headroom--top",notTop:"headroom--not-top",bottom:"headroom--bottom",notBottom:"headroom--not-bottom",initial:"headroom"}},e.cutsTheMustard="undefined"!=typeof f&&f.rAF&&f.bind&&f.classList,e});

data/assets/js/opf.js

@@ -0,0 +1,289 @@
+(function () {
+  'use strict';
+
+  // NOTE: This contains various JS helpers for Open Project theme,
+  // moving forward the functionality will be refactored into smaller modules
+  // (potentially native reusable web components) which would written in ES6
+  // and compiled, minified and combined at front-end build step.
+
+
+  var bigscreenBreakpoint = 800;
+  // Conforms to CSS @media rules
+
+  var body = document.querySelector('body');
+
+  // TODO: Best way (preferably w/o Node) to split these across files 
+  // and concatenate/minify the result on Jekyll build?
+
+
+
+  /* Search box in top bar */
+
+  var initSearchWidget = function(containerEl, triggerEl, inputEl) {
+    var showSearch = function() {
+      containerEl.classList.add('with-expanded-search');
+      inputEl.focus();
+    };
+    var hideSearch = function() {
+      containerEl.classList.remove('with-expanded-search');
+    };
+    triggerEl.addEventListener('click', showSearch);
+
+    window.initAlgolia();
+  };
+
+
+
+  var topMenuEl = body.querySelector('.top-menu');
+  var triggerEl = topMenuEl.querySelector('.search');
+  var inputEl = topMenuEl.querySelector('input[type=search]');
+
+
+
+  /* Topmost hamburger menu */
+
+  var initCollapsibleMenu = function(origNavEl, triggerEl, menuEl) {
+    var hasOpened = false;
+    var origNavNextSiblingEl = origNavEl.nextSibling;
+
+    if (triggerEl != null && menuEl != null) {
+      triggerEl.addEventListener('click', function (evt) {
+        hasOpened = menuEl.classList.toggle('expanded');
+        if (hasOpened) {
+          triggerEl.setAttribute('aria-expanded', true);
+          menuEl.setAttribute('aria-hidden', false);
+          origNavEl.classList.remove('top-menu');
+          origNavEl.remove();
+          menuEl.insertBefore(origNavEl, menuEl.querySelector('.site-logo-container').nextSibling);
+        } else {
+          origNavEl.remove();
+          origNavNextSiblingEl.parentNode.insertBefore(origNavEl, origNavNextSiblingEl);
+          origNavEl.classList.add('top-menu');
+        }
+      });
+    }
+
+    return {
+      hasOpened: function() {
+        return hasOpened;
+      },
+    };
+  };
+
+
+
+  /* Collapsible header */
+
+  var initCollapsibleHeader = function(headerEl, hamburgerMenu) {
+    var collapsibleDocsMenu;
+    var body = document.querySelector('body');
+    var headerElH = headerEl.offsetHeight;
+    var isPinned;
+
+    body.style.paddingTop = '' + headerElH + 'px';
+
+    var headroom = new Headroom(headerEl, {
+      onUnpin: function() {
+        isPinned = false;
+      },
+      onPin: function() {
+        isPinned = true;
+      },
+    });
+
+    headroom.init();
+
+    body.style.paddingTop = '' + headerElH + 'px';
+    body.classList.add('with-headroom');
+
+    return {
+      getHeaderHeight: function () {
+        return headerElH;
+      },
+      assignCollapsibleDocsNav: function (nav) {
+        collapsibleDocsMenu = nav;
+      },
+      isPinned: function () {
+        return isPinned;
+      },
+    }
+  };
+
+
+
+  /* Collapsible docs nav */
+
+  var initCollapsibleDocsNav = function(mainRoot, collapsibleHeader) {
+    var docsRoot = mainRoot.querySelector('section.documentation');
+    var article = docsRoot.querySelector('article');
+    var articleHeader = docsRoot.querySelector('header:first-child');
+    var docsNav = docsRoot.querySelector('.docs-nav');
+
+    if (!docsNav) { return; }  // Must be docs landing page
+
+    var docsNavItemsContainer = docsNav.querySelector('.nav-items');
+    var docsHeader = mainRoot.querySelector('header.documentation-header');
+
+    var hasNav = docsHeader.classList.contains('has-nav');
+    var docsHeaderH = docsHeader.offsetHeight - 1;   // 1px to compensate for border
+
+
+    // Used to offset things from the topmost edge of viewport
+    // to account for top header height
+    var topHeaderHeight = collapsibleHeader.getHeaderHeight();
+
+    docsRoot.classList.add('with-expandable-toc');
+    docsNav.classList.add('top-expandable');
+
+    docsHeader.style.top = '' + topHeaderHeight + 'px';
+
+    docsNavItemsContainer.style.top = '' + (topHeaderHeight + docsHeaderH) + 'px';
+
+    // Triggering opening via header link itself
+
+    var hasOpened = false;
+
+    var collapse = function (docsNav) {
+      hasOpened = false;
+
+      docsNav.classList.remove('expanded');
+      docsHeader.classList.remove('nav-expanded');
+      docsRoot.classList.add('with-collapsed-toc');
+    };
+
+    var open = function (docsNav) {
+      hasOpened = true;
+
+      docsNav.classList.add('expanded');
+      docsHeader.classList.add('nav-expanded');
+      docsRoot.classList.remove('with-collapsed-toc');
+    };
+
+    var toggle = function () {
+      if (hasOpened) { collapse(docsNav); }
+      else { open(docsNav); }
+    };
+
+
+    // Open sidebar if (A) navigation is present and (B) viewport is wide enough.
+
+    if (hasNav) {
+      docsHeader.addEventListener('click', toggle);
+      var viewportW = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
+      if (viewportW > bigscreenBreakpoint) {
+        open(docsNav);
+      } else {
+        collapse(docsNav);
+      }
+    } else {
+      collapse(docsNav);
+    }
+
+
+    // Hiding docs nav
+
+    // TODO: Replace with moving this to the top
+    // in top header’s headroom hook?
+    var headroom = new Headroom(docsHeader, {
+      classes: {
+        pinned: 'pinned',
+        unpinned: 'unpinned',
+      },
+      onUnpin: function () {
+        docsHeader.style.transform = 'translateY(-' + topHeaderHeight + 'px)';
+        docsNavItemsContainer.style.top = '' + (docsHeaderH) + 'px';
+      },
+      onPin: function () {
+        docsHeader.style.top = '' + topHeaderHeight + 'px';
+        docsHeader.style.transform = 'translateY(0)';
+        docsNavItemsContainer.style.top = '' + (topHeaderHeight + docsHeaderH) + 'px';
+      },
+    });
+
+    headroom.init();
+
+    return {
+      hasOpened: function () {
+        return hasOpened;
+      },
+      toggle: toggle,
+    }
+  };
+
+
+
+  /* Software/spec index filter bar */
+
+  var initIndexFilter = function(filterBar) {
+    var namespaces = filterBar.querySelectorAll('.namespace');
+
+    var updateScrolledStatus = function (evt) {
+      if (!evt.target.classList) { return; }
+
+      if (evt.target.scrollLeft > 0) {
+        evt.target.classList.add('scrolled');
+      } else {
+        evt.target.classList.remove('scrolled');
+      }
+    };
+
+    // Mark empty namespaces
+    for (let nsEl of namespaces) {
+      if (nsEl.querySelector('ul.tags > li') === null) {
+        nsEl.classList.add('empty');
+      }
+    }
+
+    // Update styling on tag bar on scroll
+    for (let tags of filterBar.querySelectorAll('ul.tags')) {
+      tags.addEventListener('scroll', updateScrolledStatus);
+    }
+  };
+
+
+
+  // Initializing stuff
+  // The order is significant in many cases, since it involves
+  // UI components that depend on each other.
+
+  var hamburgerMenu = initCollapsibleMenu(
+    document.querySelector('header nav.top-menu'),
+    document.getElementById('hamburgerButton'),
+    document.getElementById('hamburgerMenu'));
+
+  var collapsibleHeader;
+
+  if (document.querySelector('body.docs-page > main') != null) {
+    collapsibleHeader = initCollapsibleHeader(
+      document.querySelector('.underlay.header'),
+      hamburgerMenu);
+  }
+
+  var docsRoot = body.querySelector('body.docs-page > main');
+  var collapsibleDocsNav;
+
+  if (docsRoot !== null) {
+    collapsibleDocsNav = initCollapsibleDocsNav(docsRoot, collapsibleHeader);
+    collapsibleHeader.assignCollapsibleDocsNav(collapsibleDocsNav);
+  }
+
+  var docArticleSelectorPrefixes = ['body.docs-page .documentation > article'];
+
+  for (var prefix of docArticleSelectorPrefixes) {
+    var docArticleHeaderNavToggle = document.querySelector(prefix + '> header > nav > button.docs-nav-toggle');
+    var docArticleFooterNavToggle = document.querySelector(prefix + '> footer > nav > button.docs-nav-toggle');
+    for (var el of [docArticleFooterNavToggle, docArticleHeaderNavToggle]) {
+      if (el) { el.addEventListener('click', collapsibleDocsNav.toggle); }
+    }
+  }
+
+  if (triggerEl !== null && inputEl !== null && topMenuEl !== null) {
+    initSearchWidget(topMenuEl, triggerEl, inputEl);
+  }
+
+  var indexFilterEl = document.querySelector('nav.item-filter');
+  if (indexFilterEl !== null) {
+    initIndexFilter(indexFilterEl);
+  }
+
+}());

data/assets/listing-widget.js

@@ -0,0 +1,19 @@
+(function () {
+
+  const listings = document.querySelectorAll('main .listingblock:not(.nocopy) pre');
+  const buttonHint = 'Copy code to clipboard';
+
+  for (let el of listings) {
+    let copyBtn = document.createElement('button');
+    copyBtn.innerHTML = '<i class="fas fa-copy"></i>';
+    copyBtn.setAttribute('aria-label', buttonHint);
+    copyBtn.setAttribute('title', buttonHint);
+    copyBtn.classList.add('listing-clipboard-button');
+    el.parentNode.insertBefore(copyBtn, el);
+  }
+
+  new ClipboardJS(document.querySelectorAll('button.listing-clipboard-button'), {
+    target: function (triggerEl) { return triggerEl.nextElementSibling; },
+  });
+
+}());