jekyll-lux-covid-theme 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 58c859172b490c5349967561f7e5c0ce54bd495f0a3928e5dc9f5f7cfcf1ac5d
+  data.tar.gz: dadfa0475622e10e28b5f0896abd37bd840886ea50ed7fdf29a106175fc0c919
+SHA512:
+  metadata.gz: 5af77d73d951f2a6b9284c0325c793f8f9efb099f8a13cf36f19a0f6d00c26e0e1b69f02446c1f005ce612fb9001ba2f8f962a2d09bb0a5fcd6a371c5a0a642c
+  data.tar.gz: ff89f03d20c6f49c2634194be230de8ea814b1f4f735f982e8366bfca94cdb9b4afe8338e9e682763e5190890a2529a0cc89c075dcc3e434b7b4cae86f7f7716

data/LICENSE.TXT

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2020 LCSB
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+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 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.

data/_includes/footer.html

@@ -0,0 +1,41 @@
+<footer class="partners">  
+  <h2>Partners:</h2>
+  <div class="partners-container">
+    <img class="img-banner-logos fnr"   alt="FNR" src="{{ '/assets/logos/fnr.png' | relative_url }}" />
+    <img class="img-banner-logos unilu" alt="University of Luxembourg" src="{{ '/assets/logos/lcsb_unilu.png' | relative_url }}" />
+    <img class="img-banner-logos govlu" alt="Goverment of Luxembourg" src="{{ '/assets/logos/logo_govLU.png' | relative_url }}" />
+    <img class="img-banner-logos lsru"  alt="LSRU" src="{{ '/assets/logos/lsru.png' | relative_url }}" />
+    <img class="img-banner-logos list"  alt="LIST" src="{{ '/assets/logos/LIST.png' | relative_url }}" />
+    <img class="img-banner-logos chl"   alt="CHL" src="{{ '/assets/logos/chl.svg' | relative_url }}" type="image/svg+xml" />
+    <img class="img-banner-logos lih"   alt="LIH" src="{{ '/assets/logos/lih.jpg' | relative_url }}" />
+    <img class="img-banner-logos zhrs"  alt="ZHRS" src="{{ '/assets/logos/ZHRS.png' | relative_url }}" />
+    <img class="img-banner-logos liser" alt="LISER" src="{{ '/assets/logos/LISER.jpg' | relative_url }}" />
+    <img class="img-banner-logos chem"  alt="CHEM" src="{{ '/assets/logos/chem.jpeg' | relative_url }}" />
+    <img class="img-banner-logos croix" alt="Croix Rouge Luxembourg" src="{{ '/assets/logos/croix_rouge.jpg' | relative_url }}" />
+    <img class="img-banner-logos ibbl"  alt="IBBL" src="{{ '/assets/logos/ibbl.jpeg' | relative_url }}" />
+    <img class="img-banner-logos c2dh"  alt="C2DH" src="{{ '/assets/logos/C2DH.jpeg' | relative_url }}" />
+    <img class="img-banner-logos elixir" alt="ELIXIR-LU" src="{{ '/assets/logos/elixirlu.png' | relative_url }}" />
+  </div>
+</footer>
+
+<footer class="site-footer h-card">
+  <div class="wrapper footer-wrapper">
+    <data class="u-url" href="{{ "/" | relative_url }}"></data>
+
+    <div class="footer-cp">
+      <p>
+        © <a href="https://www.fnr.lu/research-in-luxembourg" target="_parent">
+            <strong>Research Luxembourg</strong>,
+          </a>
+        {{ 'now' | date: "%Y" }}. All rights reserved.
+
+        {%- include social.html -%}
+      </p>
+    </div>
+  </div>
+</footer>
+
+{%- comment -%}
+  Placed in the bottom not to block loading of the other assets.
+{%- endcomment -%}
+<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&display=swap" rel="stylesheet">

data/_includes/head.html

@@ -0,0 +1,12 @@
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    {%- seo -%}
+    <link rel="shortcut icon" type="image/png" href="{{ '/assets/favicon.png' | relative_url }}"/>
+    <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
+    <link rel="stylesheet" href="{{ '/assets/fontawesome/css/fontawesome-all.min.css' | relative_url }}">
+  
+    {%- include css-imports.html -%}
+  
+  </head>

data/_includes/header.html

@@ -0,0 +1,67 @@
+<header class="site-header" role="banner">
+
+    <div>
+      {%- assign default_paths = site.pages | map: "path" -%}
+      {%- assign page_paths = site.header_pages | default: default_paths -%}
+
+      {%- if site.banner_link -%}
+        {%- assign banner_link = site.banner_link -%}
+      {%- else -%}
+        {%- assign banner_link = '/' | relative_url -%}
+      {%- endif -%}
+
+      <div class="custom-header">
+        <a href="{{ banner_link }}"><img class="img-research"
+             src="{{ '/assets/logos/research_lux.svg' | relative_url }}"
+             type="image/svg+xml"
+        /></a>
+        <img class="img-banner img-banner-main"
+             src="{{ '/assets/banners/' | relative_url }}{{ site.banner }}/banner.svg"
+             type="image/svg+xml"
+        />
+        <img class="img-banner img-banner-motto"
+             src="{{ '/assets/banners/' | relative_url }}{{ site.banner }}/motto.svg"
+             type="image/svg+xml"
+        />
+      </div>
+
+      {%- if page_paths -%}
+        <nav class="site-nav">
+          <input type="checkbox" id="nav-trigger" class="nav-trigger" />
+          <label for="nav-trigger">
+            <span class="menu-icon">
+              <svg viewBox="0 0 18 15" width="18px" height="15px">
+                <path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
+                <path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
+                <path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
+              </svg>
+            </span>
+          </label>
+
+          <div class="wrapper trigger page-tabs">
+            {%- assign my_pages = site.pages | sort:"order" -%}
+
+            {%- for my_page in my_pages -%}
+              {%- if my_page.title and my_page.autogen == nil and my_page.order != '' and my_page.order != nil -%}
+                {%- if my_page.order > 0 -%}
+                  {%- if page.title contains my_page.title -%}
+                <a class="active page-link{%- if site.new_menu -%}2 {%- endif -%}" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
+                  {% else %}
+                <a class="page-link{%- if site.new_menu -%}2 {%- endif -%}" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
+                  {%- endif -%}
+                {%- endif -%}
+              {%- endif -%}
+            {%- endfor -%}
+          </div>
+        </nav>
+      {%- endif -%}
+
+      {%- if page_paths -%}
+        {%- endif -%}
+    </div>
+  </header>
+
+
+
+
+

data/_sass/minima/_base.scss

@@ -0,0 +1,342 @@
+/**
+ * Reset some basic elements
+ */
+body, h1, h2, h3, h4, h5, h6,
+p, blockquote, pre, hr,
+dl, dd, ol, ul, figure {
+  margin: 0;
+  padding: 0;
+}
+
+html, body{
+  height: 100%;
+}
+
+@page {
+  margin: 2cm;
+  size: A4;
+}
+
+@page:right{
+  @bottom-right {
+    content: counter(page);
+  }
+}
+
+@page:left{
+  @bottom-left {
+    content: counter(page);
+  }
+}
+
+/**
+ * Basic styling
+ */
+body {
+  font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
+  color: $text-color;
+  -webkit-text-size-adjust: 100%;
+  -webkit-font-feature-settings: "kern" 1;
+     -moz-font-feature-settings: "kern" 1;
+       -o-font-feature-settings: "kern" 1;
+          font-feature-settings: "kern" 1;
+  font-kerning: normal;
+  background-color: #4fc3f20d;
+}
+
+
+
+/**
+ * Set `margin-bottom` to maintain vertical rhythm
+ */
+h1, h2, h3, h4, h5, h6,
+p, blockquote, pre,
+ul, ol, dl, figure,
+%vertical-rhythm {
+  margin-bottom: $spacing-unit / 2;
+}
+
+
+
+/**
+ * `main` element
+ */
+main {
+  display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */
+}
+
+
+
+/**
+ * Images
+ */
+img {
+  max-width: 100%;
+  vertical-align: middle;
+}
+
+
+
+/**
+ * Figures
+ */
+figure > img {
+  display: block;
+}
+
+figcaption {
+  font-size: $small-font-size;
+}
+
+
+
+/**
+ * Lists
+ */
+ul, ol {
+  margin-left: $spacing-unit;
+}
+
+li {
+  > ul,
+  > ol {
+    margin-bottom: 0;
+  }
+}
+
+
+
+/**
+ * Headings
+ */
+h1, h2, h3, h4, h5, h6 {
+  font-weight: $base-font-weight;
+}
+
+
+
+/**
+ * Links
+ */
+a {
+  color: $brand-color;
+  text-decoration: none;
+  overflow-wrap: break-word;
+
+  @media print {
+    &:after {
+      content: " ["attr(href)"] ";
+      font-weight: 600;
+      text-decoration: underline;
+    }
+  }
+
+  &:visited {
+    // color: darken($brand-color, 15%);
+    color: $brand-color;
+  }
+
+  &:hover {
+    color: #ed1c24;
+    text-decoration: underline;
+  }
+
+  .social-media-list &:hover {
+    text-decoration: none;
+
+    .username {
+      text-decoration: underline;
+    }
+  }
+}
+
+
+/**
+ * Blockquotes
+ */
+blockquote {
+  color: $grey-color;
+  border-left: 4px solid $grey-color-light;
+  padding-left: $spacing-unit / 2;
+  @include relative-font-size(1.125);
+  letter-spacing: -1px;
+  font-style: italic;
+
+  > :last-child {
+    margin-bottom: 0;
+  }
+}
+
+
+
+/**
+ * Code formatting
+ */
+pre,
+code {
+  @include relative-font-size(0.9375);
+  border: 1px solid $grey-color-light;
+  border-radius: 3px;
+  background-color: #f4f4f4;
+}
+
+code {
+  padding: 1px 5px;
+}
+
+pre {
+  padding: 8px 12px;
+  overflow-x: auto;
+
+  > code {
+    border: 0;
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+
+.main {
+  max-width: $content-width;
+  min-width: 375px;
+  margin-right: auto;
+  margin-left: auto;
+  min-height: 100%; /* fallback attribute */
+  min-height: calc(100% - 10px);
+
+  position: relative;
+  background-color: $background-color;
+  box-shadow: 0 10px 20px 0 #999999;
+
+  @include media-query($on-laptop) {
+    max-width: $content-width;
+    max-width: $content-width;
+    padding-right: $spacing-unit / 2;
+    padding-left: $spacing-unit / 2;
+  }
+  display: flex;
+  flex-direction: column;
+  height: auto;
+}
+
+@media print {
+  .main {
+    max-width: unset;
+    min-width: unset;
+    margin-right: 0px;
+    margin-left: 0px;
+    background-color: #fdfdfd;
+    box-shadow: unset;
+  }
+}
+
+.wrapper {
+  padding-right: $spacing-unit;
+  padding-left: $spacing-unit;
+}
+
+@media (max-width: 640px) {
+  .main {
+    padding-left: 0%;
+    padding-right: 0%;
+  }
+
+  .site-header[role=banner] {
+    height: 126px;
+  }
+}
+
+@media (max-width: 500px) {
+  .wrapper {
+    padding-left: 2%;
+    padding-right: 1%;
+  }
+
+  .main {
+    padding-left: 0%;
+    padding-right: 0%;
+  }
+
+  .site-header[role=banner] {
+    height: 70px;
+  }
+}
+
+/**
+ * Clearfix
+ */
+%clearfix:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+
+
+/**
+ * Icons
+ */
+
+.svg-icon {
+    width: 16px;
+    height: 16px;
+    display: inline-block;
+    fill: #{$grey-color};
+    padding-right: 5px;
+    vertical-align: text-top;
+    transition: all .4s ease-in-out;
+}
+
+.svg-icon-fb:hover {
+  fill: #3b5998;
+  transform: scale(1.3);
+}
+
+.svg-icon-linkedin:hover {
+  fill: #0077b2;
+  transform: scale(1.3);
+}
+
+.svg-icon-twitter:hover {
+  fill: #00aced;
+  transform: scale(1.3);
+}
+
+.social-media-list {
+  li + li {
+    padding-top: 5px;
+  }
+}
+
+
+
+/**
+ * Tables
+ */
+table {
+  margin-bottom: $spacing-unit;
+  width: 100%;
+  font-size: smaller;
+  text-align: $table-text-align;
+  color: lighten($text-color, 18%);
+  border-collapse: collapse;
+  border: 1px solid $grey-color-light;
+  tr {
+    &:nth-child(even) {
+      // background-color: lighten($grey-color-light, 6%);
+      background-color: #f0f0f0;
+    }
+  }
+  th, td {
+    padding: ($spacing-unit / 3) ($spacing-unit / 2);
+  }
+  th {
+    // background-color: lighten($grey-color-light, 3%);
+    background-color: #f0f0f0;
+    border: 1px solid darken($grey-color-light, 4%);
+    border-bottom-color: darken($grey-color-light, 12%);
+  }
+  td {
+    border: 1px solid $grey-color-light;
+  }
+}

data/_sass/minima/_boxes.scss

@@ -0,0 +1,48 @@
+$COLOR_BOX_PRIMARY: #4085e4;
+$COLOR_BOX_SECONDARY: #efefef;
+$COLOR_BOX_FONT: #444;
+
+.index-box-container {
+    columns: 2;
+    column-gap: 0px;
+    display: inline-block;
+    max-width: 100%;
+
+    @media (max-width: 800px) {
+        columns: 1;
+    }
+}
+
+.index-box {
+    width: 80%;
+    min-height: 120px;
+    display: inline-block;
+
+    padding: 10px 20px 0px 20px;
+
+    border: solid 2px $COLOR_BOX_SECONDARY;
+    margin-bottom: 25px;
+    border-radius: 0 0 15px 15px;
+    border-top: solid 5px $COLOR_BOX_PRIMARY;
+
+    &:hover {
+        border-color: #ddd;
+        border-top: solid 5px $COLOR_BOX_PRIMARY;
+    }
+
+    @media (max-width: 800px) {
+        width: 86%;
+        margin-right: 0;
+    }
+
+    h3 {
+        font-size: 20pt;
+        color: $COLOR_BOX_FONT;
+        margin-block-end: 10px;
+        border-bottom: solid 1px $COLOR_BOX_SECONDARY;
+    }
+
+    ul {
+        margin-block-end: 12px;
+    }
+}

data/_sass/minima/_footer.scss

@@ -0,0 +1,63 @@
+// ===== NEW FOOTER ==================================
+
+footer.partners {
+    border-top: 1px solid #c2c2c2;
+    padding: 10px 40px 30px 90px;
+}
+
+.partners-container {
+    min-height: 400px;
+    display: inline;
+}
+
+.img-banner-logos {
+    max-width: 170px;
+    max-height: 60px;
+    margin-right: 20px;
+    margin-bottom: 10px;
+
+    &.fnr {
+    max-width: unset;
+    }
+
+    &.govlu {
+    max-width: unset;
+    }
+
+    &.lsru {
+    max-width: 190px;
+    }
+
+    &.lih {
+    max-width: unset;
+    max-height: 50px;
+    }
+
+    &.list {
+    max-width: unset;
+    }
+
+    &.chem {
+    max-width: unset;
+    max-height: 80px;
+    }
+
+    &.liser {
+    max-width: unset;
+    max-height: 80px;
+    }
+
+    &.wider {
+    max-width: 170px;
+    }
+
+    &.taller {
+    max-height: 90px;
+    }
+}
+
+@media (max-width: 640px) {
+    footer.partners {
+        padding: 5px 10px 10px 10px;
+    }
+}  

data/_sass/minima/_frozen.scss

@@ -0,0 +1,82 @@
+.fpage-content {
+    margin-top: 30px;
+    @include media-query($on-palm) {
+      margin-top: 5px;
+      padding-top: 0px;
+    }
+    padding: $spacing-unit 0;
+    padding-bottom: $footer-height;
+  }
+
+
+
+
+
+ .rtitle {
+    margin: 0px 20px 50px 0px;
+    padding: 30px;
+    border: 1px solid darkgrey;
+    h2 {
+        text-transform: uppercase;
+        font-size: 15px;
+        margin: 8px;
+        padding: 0px;
+        color:black;
+    }
+    p {
+        color: #666666;
+        @include relative-font-size(0.9);
+        padding-top: 30px;
+    }
+}
+
+
+
+.rgridblock {
+    display:grid;
+    grid-template-columns:repeat(3, 1fr);  
+}
+
+@media only screen and (max-width: 768px) {
+    .rgridblock {
+      display: grid;
+      grid-template-columns: 1fr;     
+    }
+  }
+
+
+
+
+.rblock {
+   margin: 0px 20px 50px 0px;
+   padding: 10px 30px 10px 30px;   
+    outline: 1px solid darkgrey;
+    h3 {
+        font-size: 15px;
+        text-transform: uppercase;
+        color: black;
+        margin: 8px;
+        padding: 0px;  
+            
+    }
+    p {
+        color: #666666;
+        @include relative-font-size(0.9);
+        display: inline-block;
+        vertical-align: middle;
+        float: none;
+        text-align: left;
+        padding-top: 30px;
+    }
+    
+   
+}
+ 
+
+
+
+hr {
+    border: 0;
+    height: 1px;
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2));
+}