ols-theme 0.4.0 → 0.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 33efcd8189cd3bea685510e58506472fb98bd35076573616bcd77618e746a333
-  data.tar.gz: 708560056f83b280c8697e04faad52c3b16f5ae5620288440a446703208fe515
+  metadata.gz: af908e3320ec2f67ae018625e54386b4d4ea122a25b806385fdbb3ba9bc8a08b
+  data.tar.gz: 30738f34dc687572bf2fda4e9157e7444b04d9c57dceef6fb353deb7adcd2e90
 SHA512:
-  metadata.gz: 597f65899d113ea7598fca4c63b3826ec105ad9a397a0429fc24e7f0b99bc5723724398528e70993a0c9165c3fb84d427d461491256542907ff8c39b46dacc71
-  data.tar.gz: 704ef8e62ff23632a3e10b3d10e174910bc00021f7a166193a7bd329d796619103db589038c5ddb3313dd4b8470c7b3fed55c999f73560516a15609c7e48d8ec
+  metadata.gz: d8d42e403c0495ee577c409ecded7685160b869c6a78b9b8f9a39d9ab8bba80e4bf143523e132b802adfd34a39159af7eb187efb8a0848c3d771a1e9cec2e26f
+  data.tar.gz: 953c4c09a1f73abbce85281f0df359f5ed2fe4b96abf396d8f8e2e98ab7c6b2b3b14ec2f9c1bfeb445802928eaa4bb08781cb26ac217e8532f6f57a223caad1b

data/_includes/default-footer.html

@@ -0,0 +1,56 @@
+<footer class="footer">
+    <div class="container content">
+      <div class="columns">
+        <div class="column">
+          <h3>Get in touch</h3>
+          <p>
+            <i class="fab fa-twitter"></i>
+            <a href="https://twitter.com/{{ site.twitter }}">
+              {{ site.twitter }}
+            </a>
+          </p>
+          <p>
+            <i class="fas fa-at"></i>
+            <a href="mailto:{{ site.email }}">
+              {{ site.email|replace:'@','[at]' }}
+            </a>
+          </p>
+          <p>
+            <i class="fab fa-github"></i>
+            <a href="{{ site.github.repository_url }}">
+              {{ site.github.owner_name }}
+            </a>
+          </p>
+            <p>
+                <i class="fa fa-envelope" aria-hidden="true"></i>
+                <a href="{{ site.announcement_list }}">
+                    Subscribe to our announcements list
+                </a>
+            </p>
+        </div>
+        <div class="column is-5">
+          <p>
+            If you want to report a problem or suggest an enhancement we'd love
+            for you to
+            <a href="{{ site.github.repository_url }}/issues/new">open an issue</a>
+            on our GitHub repository because then we can get right on it.
+          </p>
+          <p>
+            The website content is licensed
+            <a href="http://creativecommons.org/licenses/by-sa/4.0/">CC BY SA 4.0</a>.
+            The code behind the infrastructure is licensed under the <a href="{{ site.github.repository_url }}/blob/main/LICENSE.md">MIT License</a>
+          </p>
+          <p>
+            The logo was originally designed by
+            <a href="https://github.com/htmluke">Lucas Emanoell Medeiros e Silva</a> and
+            then adapted by the team.
+          </p>
+          <p>
+            Open Life Science Limited is a non-profit charitable company limited by guarantee, based in the United Kingdom. 
+            Company number 
+            <a href="http://data.companieshouse.gov.uk/doc/company/12824090">12824090</a>.
+          </p>
+        </div>
+      </div>
+    </div>
+  </footer>

data/_includes/default-header.html

@@ -0,0 +1,81 @@
+<nav class="navbar is-fixed-top" role="navigation" aria-label="main navigation">
+    <div class="container">
+      <div class="navbar-brand">
+        <a class="navbar-item" href="/">
+            <img src="{{ site.baseurl }}/assets/images/logo.png" alt="OLS">
+        </a>
+        <a
+          role="button"
+          class="navbar-burger burger"
+          aria-label="menu"
+          aria-expanded="false"
+          data-target="top-menu"
+        >
+          <span aria-hidden="true"></span> <span aria-hidden="true"></span>
+          <span aria-hidden="true"></span>
+        </a>
+      </div>
+
+      <div id="top-menu" class="navbar-menu">
+        <div class="navbar-end">
+          <div class="navbar-item has-dropdown is-hoverable">
+            <a class="navbar-link">OLS program</a>
+            <div class="navbar-dropdown">
+              <a class="navbar-item" href="/index#applications"> Applications </a>
+              <a class="navbar-item" href="/about"> The program itself </a>
+              <a class="navbar-item" href="/about#projects"> Projects </a>
+              <a class="navbar-item navbar-previous-title" href="/about#the-roles"> Role description </a>
+              <a class="navbar-item" href="/about#mentees"> Mentees </a>
+              <a class="navbar-item" href="/about#mentors"> Mentors </a>
+              <a class="navbar-item" href="/about#experts"> Experts </a>
+              <a class="navbar-item" href="/about#facilitators"> Facilitators </a>
+              <a class="navbar-item navbar-previous-title" href="/index#cohorts"> Cohorts </a>
+            </div>
+          </div>
+
+          <div class="navbar-item has-dropdown is-hoverable">
+            <a class="navbar-link" href="/ols-7">OLS-7</a>
+            <div class="navbar-dropdown">
+              <a class="navbar-item" href="/ols-7"> Syllabus </a>
+              <a class="navbar-item" href="/ols-7/schedule"> 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>
+            </div>
+          </div>
+
+          <div class="navbar-item has-dropdown is-hoverable">
+            <a class="navbar-link" href="/about">Policies</a>
+            <div class="navbar-dropdown">
+              <a class="navbar-item" href="{{ site.github.owner_url }}/policies-procedures-and-docs/blob/main/CODE_OF_CONDUCT.md"> Code of Conduct </a>
+            </div>
+          </div>
+
+          <div class="navbar-item has-dropdown is-hoverable">
+            <a class="navbar-link" href="/about">About</a>
+            <div class="navbar-dropdown">
+              <a class="navbar-item" href="/people"> People </a>
+              <a class="navbar-item" href="/community"> Team & Community </a>
+              <a class="navbar-item" href="/funders"> Funding & Supporters </a>
+              <a class="navbar-item" href="/partners"> Partners </a>
+              <!--<a class="navbar-item" href="/events"> Events </a>-->
+            </div>
+          </div>
+
+          <!--<div class="navbar-item has-dropdown is-hoverable">
+            <a class="navbar-link" href="/about">Services</a>
+            <div class="navbar-dropdown">
+              <a class="navbar-item" href="/consulting"> Consulting </a>
+              <a class="navbar-item" href="/training"> On demand training </a>
+              <a class="navbar-item" href="/"> Fiscal hosting </a>
+            </div>
+          </div>-->
+
+
+
+          <a class="navbar-item" href="/posts"> Stories </a>
+        </div>
+      </div>
+    </div>
+  </nav>

data/_includes/external-entities.html

@@ -0,0 +1,43 @@
+<div class="card entity-card" id="{{ entity.name }}">
+    <div class="card-image">
+      <figure class="image is-3by1">
+        {% if entity.logo %}
+        <img class="entity-logo" src="{{ entity.logo }}" alt="Logo of {{ entity.name }}"/>
+        {% endif %}
+      </figure>
+    </div>
+    <div class="card-content">
+      <div class="media">
+        <div class="media-content entity-card-meta">
+          <p class="title is-4">{{ entity.name }}</p>
+          <p class="is-6">
+            {% if entity.website %}
+              <a href="{{ entity.website }}"><i class="fas fa-globe"></i></a>
+            {% endif %}
+            {% if entity.country %}
+              <i class="fas fa-map-marker-alt"></i> {{ entity.country }}
+            {% endif %}
+          </p>
+        </div>
+      </div>
+      <div class="entity-description">
+        <p class="entity-description-question">
+          <a class="card-toggle">
+            {% if details %}
+            {{ entity.name }} in OLS
+            {% else %}
+            More about {{ entity.name }}
+            {% endif %}
+            <i class="fa fa-angle-down"></i>
+          </a>
+        </p>
+        <div class="content is-hidden">
+            {% if details %}
+            {{ details | markdownify }}
+            {% else %}
+            {{ entity.description | markdownify }}
+            {% endif %}
+        </div>
+      </div>
+    </div>
+  </div>

data/_includes/people.html

@@ -0,0 +1,89 @@
+<div class="card people-card" id="{{ username }}">
+    <div class="card-content">
+      <div class="media">
+        <div class="media-left people-card-avatar">
+          <figure class="image is-64x64">
+            <img
+              class="is-rounded"
+              src="https://avatars.githubusercontent.com/{{ username }}"
+              alt="The GitHub avatar of {{ user.name }}"
+            />
+          </figure>
+        </div>
+        <div class="media-content people-card-meta">
+          <p class="title is-4">{{ user.first-name }} {{ user.last-name }}</p>
+  
+          <p class="is-6">
+            {% if user.pronouns %}
+            Pronouns: {{ user.pronouns }}<br>
+            {% endif %}
+  
+            {% if user.twitter %}
+            <a class="people-card-meta-twitter" href="https://twitter.com/{{ user.twitter }}"><i class="fab fa-twitter"></i> @{{ user.twitter }}</a><br>
+            {% endif %}
+            {% if user.website %}
+            <a href="{{ user.website }}"><i class="fas fa-globe"></i></a>
+            {% endif %}
+            {% if user.github != false %}
+            <a href="https://github.com/{{ username }}"><i class="fab fa-github"></i></a>
+            {% endif %}
+            {% if user.gitter %}
+            <a href="https://gitter.im/{{ user.gitter }}"><i class="fas fa-comments"></i></a>
+            {% endif %}
+            {% if user.orcid %}
+            <a href="https://orcid.org/{{ user.orcid }}"><i class="ai ai-orcid"></i></a>
+            {% endif %}
+  
+            {% if user.affiliation or user.country %}
+              <br>
+              <i class="fas fa-map-marker-alt"></i>
+              {% assign delim = '' %}
+              {% if user.affiliation %}
+              {{ user.affiliation }}
+              {% assign delim = ', ' %}
+              {% endif %}
+              {% if user.country %}
+              {{ delim }}{{ user.country }}
+              {% endif %}
+            {% endif %}
+          </p>
+        </div>
+      </div>
+  
+      {% if ols-roles and ols-roles != '' or user.title %}
+      <p class="people-description">
+        Role in OLS:
+        {% if user.title %}
+          {{ user.title }}
+        {% endif %}
+        <br>
+        {% if ols-roles and ols-roles != '' %}
+          there
+          {{ ols-roles }}
+        {% endif %}
+        </p>
+      </p>
+      {% endif %}
+  
+      {% if user.expertise %}
+      <p class="people">
+        <div class="people-description-question">Expertise:</div> {{ user.expertise | join: ", " }}
+      </p>
+      {% endif %}
+  
+      <div class="people-description" id="people-bio">
+        {% if user.bio %}
+        <p class="people-description-question">
+          <a class="card-toggle">
+            More about {{ user.first-name }}
+            <i class="fa fa-angle-down"></i>
+          </a>
+        </p>
+        <div class="content is-hidden">
+          {{ user.bio | markdownify }}
+        </div>
+        {% endif %}
+      </div>
+      
+    </div>
+  </div>

data/_includes/toc.html

@@ -0,0 +1,12 @@
+<div class="toc">
+    <h1 class="no_toc">
+        <a class="card-toggle">
+            Table of content
+            <i class="fa fa-angle-down"></i>
+        </a>
+    </h1>
+    <div class="content is-hidden">
+    1. TOC
+    {:toc}
+    </div>
+    </div>

data/_layouts/base.html

@@ -0,0 +1,66 @@
+---
+---
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>{{ page.title }} | {{ site.title }}</title>
+        {% if page.description %}<meta name="description" content="{{ page.description }}">{% endif %}
+        <link href="{{ site.baseurl }}/assets/css/custom.css" rel="stylesheet" type="text/css">
+        <link rel="stylesheet" href="https://cdn.rawgit.com/jpswalsh/academicons/master/css/academicons.min.css">
+        <!--Below is the schema annotation for blogposts-->
+        {% if page.layout == 'post' %}
+        <script type="application/ld+json">
+          {
+            "@context": "https://schema.org",
+            "@type": "BlogPosting",
+            "mainEntityOfPage": {
+              "@type": "WebPage",
+              "@id": "{{ site.url }}/posts/"
+              },
+            "headline": "{{ page.title }}",
+            "description": "{{ page.excerpt | strip_html | strip_newlines | truncate: 200 }}",
+            "image": "{{ page.image }}",
+            "author": [
+            {%- for author in page.authors -%}
+              {
+              "@type": "Person",
+              "name": "{{ site.data.people[author].first-name }} {{ site.data.people[author].last-name }}",
+              "url": "{{ site.url }}/people#{{ author }}"
+                {%- if forloop.last -%}
+                  }
+                  {%- else -%}
+                  },
+                {% endif %}
+            {%- endfor -%}],
+            "publisher": {
+              "@type": "Organization",
+              "name": "Open Life Science",
+              "url": "{{ site.url }}",
+              "logo": {
+                  "@type": "ImageObject",
+                  "url": "{{ site.url }}/images/logo.png"
+                }
+              },
+            "datePublished": "{{ page.date | date: "%Y-%m-%d" }}"
+          }
+        </script>
+        {% endif %}
+    </head>
+
+    <body>
+        {% include _includes/default-header.html %}
+        {{ content }}
+        {% include _includes/default-footer.html %}
+
+
+        <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
+        <script src="{{ site.baseurl }}/assets/js/scripts.js"></script>
+        <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+        {% if page.layout == 'posts' %}
+          <script src="{{ site.baseurl }}/assets/js/posts.js"></script>
+        {% endif %}
+      </body>
+</html>

data/_layouts/default.html

@@ -0,0 +1,37 @@
+---
+layout: base
+---
+
+{% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
+
+<section class="hero {% unless page.image %} no-image{% endunless %}"{% if page.image %} style="background-image: linear-gradient(to top, #000, transparent), url({{ page.image }});"{% endif %}>
+  <div class="hero-body">
+    <h1 class="title is-1">{{ page.title }}</h1>
+
+    {% if page.description %}
+      <p class="subtitle is-3">{{ page.description }}</p>
+    {% endif %}
+
+    {% if page.layout == 'post' %}
+      {% capture authors %}
+      {% for id in page.authors %}, {% assign name = site.data['people'][id].first-name | default: id %}<a href="/people#{{ id }}">{{ name }}</a>{% endfor %}
+      {% endcapture %}
+      <p class="subtitle is-5">
+          <time datetime="{{ page.date | date: date_format }}">{{ page.date | date: date_format }}</time>
+          - {{ authors | remove_first: ', ' | strip }}
+      </p>
+    {% endif %}
+  </div>
+
+  {% if page.photos %}
+  <div class="hero-foot">
+    <p class="credit"><a href="{{ page.photos.link }}">{{ page.photos.name }}</a> ({{ page.photos.license }})</p>
+  </div>
+  {% endif %}
+</section>
+
+<section class="section">
+  <div class="container content {{ layout.css }} {{ page.css }}">
+    {{ content }}
+  </div>
+</section>

data/_layouts/links.html

@@ -0,0 +1,23 @@
+---
+layout: base
+---
+
+<div class="container is-fullhd links">
+    <section class="hero link-hero">
+        <div class="hero-body">
+            <a href="/" class="logo">
+                <img src="/images/logo.png" alt="logo of OLS">
+            </a>
+            {{ site.data.links.description | markdownify }}
+        </div>
+    </section>
+
+    <section class="section">
+        {% for item in site.data.links.items %}
+        <a href="{{ item.link }}" class="button is-link is-medium is-fullwidth">
+            {% if item.icon %}<i class="icon {{ item.icon }}"></i>{% endif %}
+            &nbsp;&nbsp;&nbsp;&nbsp;{{ item.text }}
+        </a>
+        {% endfor %}
+    </section>
+</div>

data/_layouts/page.html

@@ -0,0 +1,9 @@
+---
+layout: default
+---
+
+<section>
+    <div class="article-post">
+        {{content}}
+    </div>    
+</section>