ols-theme 0.8.0 → 1.0.0

data/_includes/external-entities.html

@@ -1,43 +0,0 @@
-<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/overall-schedule.md

@@ -1,27 +0,0 @@
-During the program,
-
-- Mentors and mentees meet every 2 weeks [for a 30 minutes call](/{{ cohort }}#mentor-mentee-calls)
-- Mentees participate every ~2 weeks to [90-minutes cohort calls](/{{ cohort }}#cohort-calls) during which the program leaders introduce new topics and resources, facilitate break-out discussions, and invite expert from the field to give talks
-- Mentees can participate to skill-up, Q&A or coworking session in the weeks without cohort calls
-- Mentors take part to [mentoring workshop and calls](/{{ cohort }}#mentor-calls)
-
-![OLS schedule overview. In the middle, the timeline represents the 16 weeks. On the top, boxes in green represent the 8 different cohort calls pointing to the corresponding weeks (even week numbers). Below the week timeline, blue boxes represent the mentor-mentee meetings pointing to the uneven number weeks. Below the blue boxes, are red boxes corresponding to 3 skill-up calls: "GitHub tutorial for beginners" (week 5), "Open Leadership: Academia, industry, and beyond" (week 9), "Self-care & social call" (week 1s)]({{ site.baseurl }}/assets/images/schedule.png){: .schedule-overview}
-
-Organizers will inform participants of the week schedule by email.
-
-<iframe src="https://calendar.google.com/calendar/embed?height=400&amp;wkst=1&amp;bgcolor=%23ffffff&amp;ctz=UTC&amp;src=b3BlbmxpZmVzY2lAZ21haWwuY29t&amp;color=%23EF6C00&amp;mode=AGENDA&amp;showNav=0&amp;showTitle=0&amp;showPrint=0&amp;showTabs=1&amp;showCalendars=0" style="border-width:0" width="1152" height="600" frameborder="0" scrolling="no"></iframe>
-
-[<i class="fas fa-calendar-plus"></i> *Subscribe to the OLS calendar*](https://calendar.google.com/calendar?cid=b3BlbmxpZmVzY2lAZ21haWwuY29t)
-
-<!-- Any modification of the content should be done in the _data/ols-X-schedule.yaml file -->
-
-| Week | Call | Date | Topic | Agenda |
-|------|------|------|-------|--------|
-{%- for w in schedule.weeks %}
-{%- capture w-desc %}**Week {{ w[0] }}** (start. {{ w[1].start }}){% endcapture %}
-{%- for c in w[1].calls %}
-{%- capture date %}{% if c.type != "Mentor-Mentee" %}{{ c.date }} {% if c.time %}([{{ c.time | date: "%H:%M" }} Universal Time](https://arewemeetingyet.com/UTC/{{ c.date | date: "%Y-%m-%d" }}/{{ c.time | date: "%H:%M" }}/{{ cohort }}%20{{ c.type }}%20Call%20(Week%20{{ w[0] }}))){% endif %}{% endif %}{% endcapture %}
-| {{ w-desc }} | [{{ c.type }}](/{{ cohort }}#{{ c.type | downcase | remove: "(" | remove: ")" | remove: "@" | remove: ":" | remove: "," | replace: " ", "-" | remove: "&"  }}-calls) | {{ date }} | [**{{ c.title }}**](/{{ cohort }}/schedule#week-{{ w[0] }}) | {% if c.agenda %}{{ c.agenda }}{% endif %} |
-{%- assign w-desc = "" %}
-{%- endfor %}
-{%- endfor %}

data/_includes/people.html

@@ -1,89 +0,0 @@
-<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/schedule.md

@@ -1,2 +0,0 @@
-{% include _includes/overall-schedule.md %}
-{% include _includes/detailed-schedule.md %}

data/_includes/timeline.md

@@ -1,24 +0,0 @@
-{% for e in schedule.timeline %}
-{% assign type = '' %}
-{% if e.type %}
-    {% for t in e.type %}
-        {% capture type %}{{ type }} + {% if t == 'Talk' %}<i class="fas fa-chalkboard-teacher"></i> Talk{% elsif t == 'Q&A' %}<i class="fas fa-question"></i> Q&A{% elsif t == 'Recording' %}<i class="fab fa-youtube"></i> Recording{% endif %}{% endcapture %}
-    {% endfor %}
-    {% assign type = type | remove_first: ' + ' %}
-{% endif %}
-{% if e.date %}
-- **{{ e.date }}** {% if e.time %}([{{ e.time }} Universal Time](https://arewemeetingyet.com/UTC/{{ e.date | date: "%Y-%m-%d" }}/{{ e.time }}/OLS%20Application%20Call)){% endif %}: {{ e.description }}{% if e.type %}({{ type }}){% endif %}{% if e.notes %} - <i class="fas fa-clipboard"></i> [Notes with Zoom call link]({{ e.notes }}){% endif %}{% if e.recording %} - <i class="fab fa-youtube"></i> [Recording]({{ e.recording }}){% endif %}{% if e.details %}
-
-    {{ e.details }}
-
-{% endif %}
-{% endif %}
-{% endfor %}
-- **{{ schedule.weeks['01'].start }}**: Start of the program
-
-{% assign end = '' %}
-{% for w in schedule.weeks %}
-{% assign end = w[1].start %}
-{% endfor %}
-- **{{ end }}**: End of the program
-

data/_includes/toc.html

@@ -1,12 +0,0 @@
-<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/_includes/week.md

@@ -1,50 +0,0 @@
-{% for c in week.calls %}
-
-## {{ c.type }} call: {{ c.title }}
-
-{% if c.type != "Mentor-Mentee" and c.date %}
-<i class="fas fa-calendar-alt"></i> **Date**: {{ c.date }}{% if c.time %}, at [{{ c.time }} Universal Time](https://arewemeetingyet.com/UTC/{{ c.date | date: "%Y-%m-%d" }}/{{ c.time }}/
-{{ cohort | upcase }}%20Cohort%20Call%20(Week%20{{ week-nb }})) ([<i class="fas fa-calendar-plus"></i> *Add to your calendar*]({{ c.calendar-event }})){% endif %}
-{% else %}
-<i class="fas fa-calendar-alt"></i> **Date**: During the week starting on {{ week.start }} (to define with mentors)
-{% endif %}
-
-<i class="fas fa-clock"></i> **Duration**: {{ c.duration }}
-
-{% if c.hosts %}
-{% assign hosts = '' %}
-{% for p in c.hosts %}{% capture hosts %}{{ hosts }}, {{ site.data.people[p].first-name }} {{ site.data.people[p].last-name }}{% endcapture %}{% endfor %}
-<i class="fas fa-user-friends"></i> **Hosts**: {{ hosts | remove_first: ', ' }}
-{% endif %}
-
-{% if c.content %}
-### In this call
-
-{{ c.content | markdownify }}
-
-{% endif %}
-
-{% if c.type == "Cohort" %}
-
-**Resources**:
-- <i class="fas fa-clipboard"></i> [Notes]({{ c.notes }})
-- <i class="fab fa-youtube"></i> {% if c.recording %} [Recording]({{ c.recording }}) {% else %} Recording available on the [OLS YouTube channel]({{ site.youtube }}) after the call {% endif %}
-{% for r in c.resources %}
-- {% if r.type == 'slides' %}<i class="fas fa-file-powerpoint"></i>{% elsif r.type == 'document' %} <i class="fas fa-file"></i>{% elsif r.type == 'external-link' %} <i class="fas fa-external-link-square-alt"></i>{% endif %} {% if r.link %} [{{ r.title }}]({{ r.link }}){% else %} {{ r.title }}{% endif %}{% if r.type == 'slides' and r.speaker %}{% if site.data.people[r.speaker].first-name %}, by [{{ site.data.people[r.speaker].first-name }} {{ site.data.people[r.speaker].last-name }}](/{{ cohort }}#{{ r.speaker }}){% endif %} {% endif %}
-{% endfor %}
-
-{% endif %}
-
-{% if c.before %}
-### Before the call
-
-{{ c.before | markdownify }}
-{% endif %}
-
-{% if c.after %}
-### After the call
-
-{{ c.after | markdownify }}
-{% endif %}
-
-{% endfor %}

data/assets/css/custom.scss

@@ -1,422 +0,0 @@
----
----
-
-@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';
-
-@mixin reset-links() {
-  a {
-    border-bottom: 0;
-    color: $link;
-    font-weight: 500;
-  
-    &:active,
-    &:focus,
-    &:hover {
-      background: none;
-      color: $link-hover;
-    }
-  }
-}
-
-.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;
-}
-
-.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;
-}