ols-theme 1.0.0 → 1.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f3ad191687ed79576d794e2a6953acadbf844f43a29819c6a12c5d1a10e8576c
-  data.tar.gz: 86ce6edd2dc9281d087258846f03c855c42176ceef61c6f4d85a202a980ada71
+  metadata.gz: 41131c6545fe57ee985f88c9992563309c53afd92b399a70013c902f419c0278
+  data.tar.gz: a28d6177f078bcd2b9710c18a438a50fa1b9503abc6fce7e0e8d86b58d94c10e
 SHA512:
-  metadata.gz: feaedfb429b3dc7168f18872f2891d57c452a6c2b856007a02912a26de79765461b45a2382f970f23c28341f37950bcc3a2e8312b40e59e89033153b28374cb7
-  data.tar.gz: ad4adb868cddc7e4beae6a66644718ff38c0cbd5fa16f5c055ba14c7ec2beb05bf3d2db85813f5ab17f24038261106eefde911ea6fd2b1f0c58893e84f62372e
+  metadata.gz: 66f75ce5abee9b8699b81b03cba05c81195fa4c3c6b34a6dc8986a20c4a8e450ab8b6ae14885b300594c15fd2ec0a7a9a6c699022c1472db451e97b6adfff0c2
+  data.tar.gz: 2e910bcf613100ba61fe139cf55ed01d2cbdccef25bcfb5b4827e7485eb3463f6025bba93724d8c30620b197baf055b3e2c71189f262c7aeecb0d05803adf367

data/LICENSE.txt

@@ -1,6 +1,6 @@
-The MIT License (MIT)
+The MIT License
 
-Copyright (c) 2023 NPDebs
+Copyright (c) 2023 Open Life Science Limited
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -9,13 +9,13 @@ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 copies of the Software, and to permit persons to whom the Software is
 furnished to do so, subject to the following conditions:
 
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
 
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/_includes/default-header.html

@@ -19,7 +19,7 @@
       <div id="top-menu" class="navbar-menu">
         <div class="navbar-end">
           <div class="navbar-item has-dropdown is-hoverable">
-            <a class="navbar-link" href="{% link openseeds/index.md %}">OLS program</a>
+            <a class="navbar-link" href="{% link openseeds/index.md %}">Open Seeds program</a>
             <div class="navbar-dropdown">
               <a class="navbar-item" href="{% link openseeds/index.md %}#applications"> Applications </a>
               <a class="navbar-item" href="{% link about.md %}"> The program itself </a>
@@ -39,10 +39,8 @@
             <div class="navbar-dropdown">
               <a class="navbar-item" href="{% link openseeds/ols-8/index.md %}"> Syllabus </a>
               <a class="navbar-item" href="{% link openseeds/ols-8/schedule.md %}"> Schedule</a>
-              <!--<a class="navbar-item" href="/ols-7/projects-participants/"> Projects & Participants</a>
-              <a class="navbar-item" href="/ols-7#mentors"> Mentors & Experts </a>
-              <a class="navbar-item" href="/ols-7#collaborators"> Collaborators </a>
-              <a class="navbar-item" href="/ols-7#resources"> Resources </a>-->
+              <a class="navbar-item" href="{% link openseeds/ols-8/projects-participants.md %}"> Projects & Participants</a>
+              <a class="navbar-item" href="{% link openseeds/ols-8/index.md %}#mentors"> Mentors & Experts </a>
             </div>
           </div>
 

data/assets/css/custom.scss

@@ -0,0 +1,492 @@
+---
+---
+
+@charset "utf-8";
+
+$black: #000;
+$white: #fff;
+$dark-green: #48b87d;
+
+$bg-image: #333;
+$hero-text-color: $white;
+$text-shadow: $black;
+
+$link: $dark-green;
+$link-visited: $link;
+$link-hover: $dark-green;
+$link-focus: $link-hover;
+$link-active: $link-hover;
+
+@import 'bulma/bulma.sass';
+@import 'bulma-collapsible.sass';
+
+@mixin reset-links() {
+  a {
+    border-bottom: 0;
+    color: $link;
+    font-weight: 500;
+  
+    &:active,
+    &:focus,
+    &:hover {
+      background: none;
+      color: $link-hover;
+    }
+  }
+}
+
+img {
+  display: block; 
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.navbar {
+  .navbar-dropdown {
+    border-top: none;
+  }
+
+  .navbar-item {
+    img {
+      max-height: 3.5rem;
+      margin-top: -5px;
+      margin-bottom: -5px;
+    }
+  }
+
+  .navbar-previous-title {
+    font-weight: bold;
+  }
+}
+
+.hero {
+  background-clip: border-box;
+  background-color: $bg-image;
+  background-origin: padding-box;
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  height: auto;
+  width: 100%;
+
+  &.no-image {
+    height: auto;
+    background-color: $bg-image;
+  }
+
+  @include tablet() {
+    background-attachment: fixed;
+    height: 50vh;
+    min-height: 300px;
+
+    &.no-image {
+      min-height: 40vh;
+    }
+  }
+}
+
+.hero-body {
+  padding-top: 160px;
+  text-align: center;
+  text-shadow: 2px 2px 5px $text-shadow;
+
+  h1,
+  p {
+    color: $hero-text-color;
+  }
+
+  .no-image & {
+    padding-top: 80px;
+    text-shadow: none;
+
+    p {
+      color: #464646;
+    }
+  }
+
+  @include tablet() {
+    padding-top: 20vh;
+  }
+}
+
+.hero-foot {
+  color: $hero-text-color;
+
+  .credit {
+    text-align: right;
+    font-size: 0.6em;
+    text-shadow: 1px 1px 1px $text-shadow;
+  }
+}
+
+.content {
+  a {
+    border-bottom: 2px solid $link;
+    color: inherit;
+    font-weight: 500;
+    padding: 2px;
+
+    &:active,
+    &:focus,
+    &:hover {
+      background-color: $link;
+      border-radius: 2px;
+      color: $white;
+    }
+  }
+}
+
+.people {
+  margin-bottom: 1em;
+
+  .media {
+    height: 230px;
+  }
+  .people-description {
+    height: 150px;
+  }
+
+  #people-bio {
+    height: auto;
+  }
+
+  @include mobile() {
+    .people-card {
+      margin-bottom: 1em;
+    }
+
+    .people-card-meta {
+      overflow-x: initial;
+    }
+
+    .people-card-avatar {
+      display: none;
+    }
+
+    .media, .people-description {
+      height: auto;
+    }
+  }
+
+  @include tablet() {
+    display: grid;
+    grid-gap: 2em;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  }
+
+  .title.is-4 {
+    margin-bottom: 0.5em;
+  }
+
+  .people-card-meta {
+    @include reset-links();
+  }
+
+  .people-card-meta-twitter {
+    font-weight: 600;
+  }
+
+  .people-description {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
+  .people-description-question {
+    font-style: italic;
+  }
+
+  .image {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+}
+
+.people-badge {
+  height: 2em;
+  border-radius: 50%;
+  margin-left: 0.25em;
+  margin-right: 0.25em;
+  vertical-align: middle;
+  display: inline;
+}
+
+.entities {
+  @include mobile() {
+    .card {
+      margin-bottom: 1em;
+    }
+  }
+
+  @include tablet() {
+    display: grid;
+    grid-gap: 1em;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  }
+
+  .is-3by1 {
+    margin-top: 2em;
+  }
+
+  .entity-logo {
+    max-height: 100%;
+    max-width: 100%;
+    width: auto !important;
+    height: auto !important;
+    position: absolute !important;
+  }
+
+  .entity-description-question {
+    font-style: italic;
+  }
+
+  .entity-card-meta {
+    @include reset-links();
+  }
+}
+
+.post {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: wrap;
+
+  .card {
+    background-color: #fff;
+    box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.28);
+    height: 100%;
+    width: fit-content;
+  }
+
+  .image {
+    height: 300px;
+    width: auto;
+    overflow: hidden;
+    
+    img {
+       max-height: 100%;
+       object-fit: cover;
+    }
+  }
+  
+
+  .card-content {
+    padding: 2rem;
+    
+    .content .title {
+       height: 250px;
+    }
+  }
+
+  @include mobile() {
+    .card {
+      margin-bottom: 1em;
+
+      .media-content {
+        overflow-x: initial;
+      }
+
+      .media-left {
+        display: none;
+      }
+    }
+
+    .image {
+      height: auto;
+    }
+    .card-content .content .title {
+      height: auto;
+    }
+  }
+
+  @include tablet() {
+    display: grid;
+    grid-gap: 2em;
+    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
+  }
+
+  .subtitle {
+    font-size: 1.1rem;
+    color: #464646;
+  }
+
+  .title {
+    a {
+      border-bottom: none;
+      color: inherit;
+      padding: 2px;
+
+      &:active,
+      &:focus,
+      &:hover {
+        color: $black;
+        background: none;
+      }
+    }
+  }
+
+  figure {
+    margin-top: 2em;
+  }
+}
+
+.calendar {
+  border: 0;
+  width: 100%;
+  height: 350px;
+}
+
+.twitter-tweet {
+  margin: 0 auto;
+  max-width: 550px;
+  text-align: center;
+}
+
+.community {
+  margin-bottom: 1em;
+
+  .card {
+    box-shadow: none;
+  }
+
+  .card-content {
+    padding-top: 1em;
+    padding-left: 0em;
+    padding-right: 0em;
+    padding-bottom: 0em;
+  }
+
+  @include mobile() {
+    .people-card {
+      margin-bottom: 1em;
+    }
+
+    .people-card-meta {
+      overflow-x: initial;
+    }
+
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
+  }
+
+  @include tablet() {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
+  }
+
+  .image {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  a {
+    border-bottom: none;
+    color: inherit;
+
+    &:active,
+    &:focus,
+    &:hover {
+      background: none;
+    }
+  }
+}
+
+.peoples {
+  margin-top: 1em;
+}
+
+code {
+  background-color: #DBDBDB;
+  color:  #85001B;
+  font-weight: bold;
+}
+
+.schedule-overview{
+  width: 80%;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 25px;
+  margin-bottom: 20px;
+}
+
+// table responsiveness (mobile)
+@media screen and (max-width: 768px) and (min-width: 320px) {
+  table {
+    font-size: 1em;
+    line-height: 1.5;
+    display: block;
+    overflow-x: auto;
+    padding-bottom: 20px;
+  }
+}
+
+.field {
+  padding: 30px;
+}
+
+.is-hidden {
+  display: none;
+}
+
+
+.links {
+  .hero {
+    background-color: $dark-green;
+    max-height: 500px;
+    min-height: 250px;
+    height: 10vh;
+
+    .hero-body {
+      padding-top: 20px;
+
+      img {
+        max-width: 120px;
+        margin: 20px auto;
+        padding: 12px;
+        border-radius: 12px;
+        background-color: $white;
+      }
+    }
+  }
+
+  .section {
+    padding-top: 20px;
+
+    .button {
+      background-color: $dark-green;
+      color: $white;
+      text-shadow: 2px 2px 5px $black;
+      margin: 20px auto;
+      padding: 20px auto;
+      min-height: 50px;
+    }
+  }
+  
+}
+
+
+// menu
+.menu {
+  font-size: small;
+
+  ul {
+    margin-left: 0px;
+    margin-right: 2em;
+
+    list-style-type: none;
+
+    ul {
+      list-style-type: none;
+
+      ul {
+        list-style-type: none;
+
+      }
+    }
+  }
+  
+}
+
+.columns-toc {
+  margin-top: 2em;
+}

data/assets/js/bulma-collapsible.min.js

@@ -0,0 +1 @@
+!function webpackUniversalModuleDefinition(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.bulmaCollapsible=t():e.bulmaCollapsible=t()}(window,function(){return function(e){var t={};function __webpack_require__(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,__webpack_require__),r.l=!0,r.exports}return __webpack_require__.m=e,__webpack_require__.c=t,__webpack_require__.d=function(e,t,n){__webpack_require__.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},__webpack_require__.t=function(e,t){if(1&t&&(e=__webpack_require__(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(__webpack_require__.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)__webpack_require__.d(n,r,function(t){return e[t]}.bind(null,r));return n},__webpack_require__.n=function(e){var t=e&&e.__esModule?function getDefault(){return e.default}:function getModuleExports(){return e};return __webpack_require__.d(t,"a",t),t},__webpack_require__.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=12)}([function(e,t){function _getPrototypeOf(t){return e.exports=_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(t)}e.exports=_getPrototypeOf},function(e,t){e.exports=function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},function(e,t){function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e.exports=function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}},function(e,t){e.exports=function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},function(e,t,n){var r=n(8);e.exports=function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(t){r(e,t,n[t])})}return e}},function(e,t,n){var r=n(6),o=n(3);e.exports=function _possibleConstructorReturn(e,t){return!t||"object"!==r(t)&&"function"!=typeof t?o(e):t}},function(e,t){function _typeof2(e){return(_typeof2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof2(e){return typeof e}:function _typeof2(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _typeof(t){return"function"==typeof Symbol&&"symbol"===_typeof2(Symbol.iterator)?e.exports=_typeof=function _typeof(e){return _typeof2(e)}:e.exports=_typeof=function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":_typeof2(e)},_typeof(t)}e.exports=_typeof},function(e,t,n){var r=n(11);e.exports=function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&r(e,t)}},function(e,t){e.exports=function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},function(e,t,n){n(0);var r=n(10);function _get(t,n,o){return"undefined"!=typeof Reflect&&Reflect.get?e.exports=_get=Reflect.get:e.exports=_get=function _get(e,t,n){var o=r(e,t);if(o){var i=Object.getOwnPropertyDescriptor(o,t);return i.get?i.get.call(n):i.value}},_get(t,n,o||t)}e.exports=_get},function(e,t,n){var r=n(0);e.exports=function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=r(e)););return e}},function(e,t){function _setPrototypeOf(t,n){return e.exports=_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(t,n)}e.exports=_setPrototypeOf},function(e,t,n){"use strict";n.r(t);var r=n(1),o=n.n(r),i=n(2),s=n.n(i),l=n(5),a=n.n(l),c=n(3),u=n.n(c),f=n(0),p=n.n(f),d=n(9),h=n.n(d),_=n(7),y=n.n(_),v=n(4),m=n.n(v),b=function(){function EventEmitter(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];o()(this,EventEmitter),this._listeners=new Map(e),this._middlewares=new Map}return s()(EventEmitter,[{key:"listenerCount",value:function listenerCount(e){return this._listeners.has(e)?this._listeners.get(e).length:0}},{key:"removeListeners",value:function removeListeners(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];null!==t?Array.isArray(t)?name.forEach(function(t){return e.removeListeners(t,n)}):(this._listeners.delete(t),n&&this.removeMiddleware(t)):this._listeners=new Map}},{key:"middleware",value:function middleware(e,t){var n=this;Array.isArray(e)?name.forEach(function(e){return n.middleware(e,t)}):(Array.isArray(this._middlewares.get(e))||this._middlewares.set(e,[]),this._middlewares.get(e).push(t))}},{key:"removeMiddleware",value:function removeMiddleware(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;null!==t?Array.isArray(t)?name.forEach(function(t){return e.removeMiddleware(t)}):this._middlewares.delete(t):this._middlewares=new Map}},{key:"on",value:function on(e,t){var n=this,r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(Array.isArray(e))e.forEach(function(e){return n.on(e,t)});else{var o=(e=e.toString()).split(/,|, | /);o.length>1?o.forEach(function(e){return n.on(e,t)}):(Array.isArray(this._listeners.get(e))||this._listeners.set(e,[]),this._listeners.get(e).push({once:r,callback:t}))}}},{key:"once",value:function once(e,t){this.on(e,t,!0)}},{key:"emit",value:function emit(e,t){var n=this,r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];e=e.toString();var o=this._listeners.get(e),i=null,s=0,l=r;if(Array.isArray(o))for(o.forEach(function(a,c){r||(i=n._middlewares.get(e),Array.isArray(i)?(i.forEach(function(n){n(t,function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;null!==e&&(t=e),s++},e)}),s>=i.length&&(l=!0)):l=!0),l&&(a.once&&(o[c]=null),a.callback(t))});-1!==o.indexOf(null);)o.splice(o.indexOf(null),1)}}]),EventEmitter}(),g=n(8),w=n.n(g),k=n(6),O=n.n(k),E=function isFunction(e){return"function"==typeof e},x=function isString(e){return"string"==typeof e||!!e&&"object"===O()(e)&&"[object String]"===Object.prototype.toString.call(e)},P=function isNode(e){try{return Node.prototype.cloneNode.call(e,!1),!0}catch(e){return!1}},S=function isNodeList(e){return NodeList.prototype.isPrototypeOf(e)},j=/^(?:f(?:alse)?|no?|0+)$/i,C=function uuid(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"")+([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,function(e){return(e^crypto.getRandomValues(new Uint8Array(1))[0]&15>>e/4).toString(16)})},A=function detectSupportsPassive(){var e=!1;if("undefined"!=typeof window&&"function"==typeof window.addEventListener){var t=Object.defineProperty({},"passive",{get:function get(){return e=!0,!0}}),n=function noop(){};window.addEventListener("testPassive",n,t),window.removeEventListener("testPassive",n,t)}return e},T=function querySelectorAll(e,t){return E(e)?e(t||("undefined"!=typeof document?document:null)):x(e)?t&&P(t)?t.querySelectorAll(e):"undefined"!=typeof document?document.querySelectorAll(e):null:P(e)?[e]:S(e)?e:null},q=function optionsFromDataset(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return P(e)&&e.dataset?Object.keys(e.dataset).filter(function(e){return Object.keys(t).includes(e)}).reduce(function(t,n){return m()({},t,w()({},n,e.dataset[n]))},{}):{}};"undefined"==typeof Node||Node.prototype.on||(Node.prototype.on=function(e,t){var n=this;return Array.isArray(e)||(e=e.split(" ")),e.forEach(function(e){n.addEventListener(e.trim(),t,!!A()&&{passive:!1})}),this}),"undefined"==typeof NodeList||NodeList.prototype.on||(NodeList.prototype.on=function(e,t){return this.forEach(function(n){n.on(e,t)}),this}),"undefined"==typeof Node||Node.prototype.off||(Node.prototype.off=function(e,t){var n=this;return Array.isArray(e)||(e=e.split(" ")),e.forEach(function(e){n.removeEventListener(e.trim(),t,!!A()&&{passive:!1})}),this}),"undefined"==typeof NodeList||NodeList.prototype.off||(NodeList.prototype.off=function(e,t){return this.forEach(function(n){n.off(e,t)}),this});var L=function(e){function Component(e){var t,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(o()(this,Component),(t=a()(this,p()(Component).call(this))).element=x(e)?t.options.container.querySelector(e):e,!t.element)throw new Error("An invalid selector or non-DOM node has been provided for ".concat(t.constructor.name,"."));return t.element[t.constructor.name]=t.constructor._interface.bind(u()(t)),t.element[t.constructor.name].Constructor=t.constructor.name,t.id=C(t.constructor.name+"-"),t.options=m()({},r,n,q(t.element,r)),t}return y()(Component,e),s()(Component,null,[{key:"attach",value:function attach(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=new Array;return null===t?o:(n=m()({},r,n,q(this.element,r)),(T(t,n.container)||[]).forEach(function(r){void 0===r[e.constructor.name]?o.push(new e(r,m()({selector:t},n))):o.push(r[e.constructor.name])}),o)}},{key:"_interface",value:function _interface(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if("string"==typeof e){if(void 0===this[e])throw new TypeError('No method named "'.concat(e,'"'));return this[e](e)}return this}}]),Component}(b),N={allowMultiple:!1,container:"undefined"!=typeof document?document:null};n.d(t,"default",function(){return M});var M=function(e){function bulmaCollapsible(e){var t,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return o()(this,bulmaCollapsible),(t=a()(this,p()(bulmaCollapsible).call(this,e,n,N))).onTriggerClick=t.onTriggerClick.bind(u()(t)),t.onTransitionEnd=t.onTransitionEnd.bind(u()(t)),t._init(),t}return y()(bulmaCollapsible,e),s()(bulmaCollapsible,[{key:"_init",value:function _init(){if(this._originalHeight=this.element.style.height,this._parent=this.element.dataset.parent,this._parent){var e=this.options.container.querySelector("#".concat(this._parent));this._siblings=T(this.options.selector,e)||[]}this._triggers=this.options.container.querySelectorAll('[data-action="collapse"][href="#'.concat(this.element.id,'"], [data-action="collapse"][data-target="').concat(this.element.id,'"]'))||null,this._triggers&&this._triggers.on("click touch",this.onTriggerClick),this._transitionEvent=function whichTransitionEvent(){var e=document.createElement("fakeelement"),t={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(var n in t)if(void 0!==e.style[n])return t[n]}(),this._transitionEvent&&this.element.on(this._transitionEvent,this.onTransitionEnd),this.element.classList.contains("is-active")?this.expand():this.collapse()}},{key:"destroy",value:function destroy(){this._triggers&&this._triggers.off("click touch",this.onTriggerClick,!1)}},{key:"collapsed",value:function collapsed(){return this._collapsed}},{key:"expand",value:function expand(){var e=this;(void 0===this._collapsed||this._collapsed)&&(this.emit("before:expand",this),this._collapsed=!1,this._parent&&!function BooleanParse(e){return!j.test(e)&&!!e}(this.options.allowMultiple)&&this._siblings.forEach(function(t){t.isSameNode(e.element)||t.bulmaCollapsible&&t.bulmaCollapsible("close")}),this.element.style.height=this.element.scrollHeight+"px",this.element.classList.add("is-active"),this.element.setAttribute("aria-expanded",!0),this._triggers&&this._triggers.forEach(function(e){e.classList.add("is-active")}),this.emit("after:expand",this))}},{key:"open",value:function open(){this.expand()}},{key:"collapse",value:function collapse(){void 0!==this._collapsed&&this._collapsed||(this.emit("before:collapse",this),this._collapsed=!0,this.element.style.height=0,this.element.classList.remove("is-active"),this.element.setAttribute("aria-expanded",!1),this._triggers&&this._triggers.forEach(function(e){e.classList.remove("is-active")}),this.emit("after:collapse",this))}},{key:"close",value:function close(){this.collapse()}},{key:"onTriggerClick",value:function onTriggerClick(e){e.preventDefault(),this.collapsed()?(e.currentTarget.classList.add("is-active"),this.expand()):(e.currentTarget.classList.remove("is-active"),this.collapse())}},{key:"onTransitionEnd",value:function onTransitionEnd(e){this._collapsed||(this.element.style.height=this._originalHeight)}}],[{key:"attach",value:function attach(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:".is-collapsible",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return h()(p()(bulmaCollapsible),"attach",this).call(this,e,t,N)}}]),bulmaCollapsible}(L)}]).default});

data/assets/js/posts.js

@@ -0,0 +1,21 @@
+// Searchbar functionality
+
+function searchPosts() {
+  // Find the cards
+  let cards = document.querySelectorAll('.card')
+  // Locate search input
+  let search_query = document.getElementById('searchbar').value;
+  // Loop through the cards
+  for (var i = 0; i < cards.length; i++) {
+    // If text is in the card:
+    if (cards[i].innerHTML.toLowerCase()
+    // AND if the text matches the search query:
+      .includes(search_query.toLowerCase())) {
+        // THEN remove the '.is-hidden' class
+        cards[i].classList.remove('is-hidden');
+      } else {
+        // Otherwise, add the class:
+        cards[i].classList.add('is-hidden');
+      }
+  }
+};

data/assets/js/scripts.js

@@ -0,0 +1,53 @@
+document.addEventListener('DOMContentLoaded', () => {
+
+  // Get all "navbar-burger" elements
+  const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
+
+  // Check if there are any navbar burgers
+  if ($navbarBurgers.length > 0) {
+
+    // Add a click event on each of them
+    $navbarBurgers.forEach( el => {
+      el.addEventListener('click', () => {
+
+        // Get the target from the "data-target" attribute
+        const target = el.dataset.target;
+        const $target = document.getElementById(target);
+
+        // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
+        el.classList.toggle('is-active');
+        $target.classList.toggle('is-active');
+
+      });
+    });
+  }
+
+  bulmaCollapsible.attach();
+});
+
+document.addEventListener('DOMContentLoaded', function() {
+	let cardToggles = document.getElementsByClassName('card-toggle');
+	for (let i = 0; i < cardToggles.length; i++) {
+		cardToggles[i].addEventListener('click', e => {
+			e.currentTarget.parentElement.parentElement.childNodes[3].classList.toggle('is-hidden');
+		});
+	}
+});
+
+document.addEventListener('DOMContentLoaded', function() {
+	let cardToggles = document.getElementsByClassName('expertise-toggle');
+	for (let i = 0; i < cardToggles.length; i++) {
+		cardToggles[i].addEventListener('click', e => {
+			e.currentTarget.parentElement.querySelector(".peoples").classList.toggle('is-hidden');
+		});
+	}
+});
+
+document.addEventListener('DOMContentLoaded', function() {
+	let cardToggles = document.getElementsByClassName('expertise-detail-toggle');
+	for (let i = 0; i < cardToggles.length; i++) {
+		cardToggles[i].addEventListener('click', e => {
+			e.currentTarget.parentElement.parentElement.querySelector(".expertise-detail").classList.toggle('is-hidden');
+		});
+	}
+});

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ols-theme
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 1.0.1
 platform: ruby
 authors:
 - NPDebs
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-10-16 00:00:00.000000000 Z
+date: 2023-10-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -105,6 +105,12 @@ files:
 - _sass/bulma/sass/utilities/functions.sass
 - _sass/bulma/sass/utilities/initial-variables.sass
 - _sass/bulma/sass/utilities/mixins.sass
+- assets/css/custom.scss
+- assets/images/logo.png
+- assets/images/open-seeds-logo.png
+- assets/js/bulma-collapsible.min.js
+- assets/js/posts.js
+- assets/js/scripts.js
 homepage: https://we-are-ols.org/
 licenses:
 - MIT