vitrina 0.2.5 → 0.2.6

data/_includes/util/prepend_link.html

@@ -0,0 +1,5 @@
+{% assign string = link | replace_first: "http", "" %}
+
+{% if link == string %}
+  {% assign link = string | absolute_url %}
+{% endif %}

data/_includes/util/timeline_cards.html

@@ -0,0 +1,20 @@
+{% assign side = "left" %}
+
+{% for card in part.cards %}
+  <div class="timeline-card {{ side }}">
+    <div class="timeline-content {{ card.style }}">
+
+      {% for item in card.content %}
+        {% include util/items.html %}
+      {% endfor %}
+
+    </div> {% comment %} timeline-content {% endcomment %}
+  </div> {% comment %} timeline-card {% endcomment %}
+
+  {% if side == "left" %}
+    {% assign side = "right" %}
+  {% else %}
+    {% assign side = "left" %}
+  {% endif %}
+
+{% endfor %}

data/_layouts/blog.html

@@ -0,0 +1,53 @@
+---
+layout: default
+---
+
+{{ content }}
+
+<div class="page-head">
+  <h1 class="title is-size-1 has-text-centered has-text-info">{{ page.title }}</h1>
+</div>
+
+<div class="section blog">
+  <div class="container page">
+  {% if paginator.posts[0] %}
+    {% for post in paginator.posts %}
+      <h1>
+        <a class="title" href="{{ post.url | relative_url }}">{{ post.title }}</a>
+      </h1>
+
+      <p class="author">
+      {% if post.author %}
+        <span>by {{ post.author }}</span>
+      {% endif %}
+
+      {% if post.author and post.date %}
+        <span> - </span>
+      {% endif %}
+
+      {% if post.date %}
+        <span>{{ post.date | date: '%B %d, %Y' }}</span>
+      {% endif %}
+      </p>
+
+      <p class="categories">
+      {% for category in post.categories %}
+        <span>{{ category }}</span>
+      {% endfor %}
+      </p>
+
+      <div class="post-body">{{ post.excerpt }}</div><hr>
+
+    {% endfor %}
+
+  {% else %}
+    <div class="post-body">
+      <p class="has-text-centered">There's no content to be shown here!</p>
+    </div>
+
+  {% endif %}
+
+  {% include pagination.html %}
+
+  </div> {% comment %} container {% endcomment %}
+</div> {% comment %} section {% endcomment %}

data/_layouts/compress.html

@@ -0,0 +1,10 @@
+---
+# Jekyll layout that compresses HTML
+# v3.1.0
+# http://jch.penibelst.de/
+# © 2014–2015 Anatol Broder
+# MIT License
+---
+
+{% capture _LINE_FEED %}
+{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment or site.compress_html.ignore.envs == "all" %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}

data/_layouts/contact.html

@@ -0,0 +1,80 @@
+---
+layout: default
+---
+
+{{ content }}
+
+<div class="contacts">
+  <h1 class="title is-size-1 has-text-centered has-text-primary">{{ page.title }}</h1>
+  <div class="section section-card">
+    <div class="container page">
+      <div class="columns">
+        <div class="column contact">
+          <h1 class="is-size-3 has-text-centered">Links</h1>
+          <p class="links has-text-centered">
+          {% assign data = site.data.links %}
+
+          {% for link in data %}
+            <span class="link">
+              <a class="has-text-info" href="{{ link.reference }}">
+                <i class="fa fa-5x {{ link.icon }}"></i>
+              </a>
+            </span>
+
+          {% endfor %}
+
+          </p> {% comment %} links {% endcomment %}
+        </div>
+        <div class="column has-text-dark">
+          <h1 class="is-size-2">Get in touch!</h1>
+          <p>Use the form below to send me a message.</p>
+          <form name="contact">
+            <div class="field">
+              <label class="label">Name</label>
+              <div class="control">
+                <input class="input" type="text" name="name" placeholder="e.g. Vitrina" required>
+              </div>
+            </div>
+            <div class="field">
+              <label class="label">Email</label>
+              <div class="control has-icons-left">
+                <input class="input" type="email" name="email" placeholder="e.g. vitrina@example.com" required>
+                <span class="icon is-small is-left">
+                  <i class="fa fa-envelope"></i>
+                </span>
+              </div>
+            </div>
+            <div class="field">
+              <label class="label">Subject</label>
+              <div class="control">
+                <input class="input" type="text" name="subject" placeholder="Message subject..." required>
+              </div>
+            </div>
+            <div class="field">
+              <label class="label">Message</label>
+              <div class="control">
+                <textarea class="textarea" name="message" placeholder="Message contents..." required></textarea>
+              </div>
+            </div>
+            <div class="field">
+              <div class="control">
+                <label class="checkbox">
+                  <input type="checkbox" name="terms" required>
+                  I agree to the <a href="#">terms and conditions</a>
+                </label>
+              </div>
+            </div>
+            <div class="field is-grouped">
+              <div class="control">
+                <input type="submit" class="button is-primary" value="Submit">
+              </div>
+              <div class="control">
+                <input type="reset" class="button is-link is-light" value="Cancel">
+              </div>
+            </div>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+</div>

data/_layouts/default.html

@@ -0,0 +1,33 @@
+---
+layout: compress
+---
+
+<!DOCTYPE html>
+<html lang="{{ site.lang | default: 'en-US' }}">
+  <head>
+    {% include head.html %}
+  </head>
+
+  <body>
+  {% if site.data.general.header %}
+    <header>
+      {% include header.html %}
+    </header>
+
+  {% endif %}
+
+    <main>
+      {{ content }}
+    </main>
+
+  {% if site.data.general.footer %}
+    <footer class="footer">
+      {% include footer.html %}
+    </footer>
+
+  {% endif %}
+
+  {% include foot.html %}
+
+  </body>
+</html>

data/_layouts/error.html

@@ -0,0 +1,10 @@
+---
+layout: default
+---
+
+{{ content }}
+
+<div class="error">
+  <h1 class="title is-size-1 has-text-centered has-text-primary">{{ page.title }}</h1>
+  <h2 class="subtitle has-text-centered has-text-primary">{{ page.message }}</h2>
+</div>

data/_layouts/home.html

@@ -0,0 +1,103 @@
+---
+layout: default
+---
+
+{{ content }}
+
+{% assign data = site.data.home %}
+
+{% for part in data %}
+
+  {% if part.structure == "hero" %}
+
+    {% if part.background %}
+    <section class="hero is-fullheight is-primary has-background {{ part.style }}">
+      {% assign link = part.background %}
+      {% include util/prepend_link.html %}
+      <img class="hero-background" src="{{ link }}" alt="{{ part.name }}">
+
+    {% else %}
+    <section class="hero is-fullheight is-light {{ part.style }}">
+
+    {% endif %}
+
+      <div class="hero-body">
+        <div class="container">
+
+        {% for item in part.content %}
+          {% include util/items.html %}
+        {% endfor %}
+
+        </div> {% comment %} hero-body {% endcomment %}
+      </div> {% comment %} container {% endcomment %}
+    </section> {% comment %} hero {% endcomment %}
+
+  {% elsif part.structure == "level" %}
+    <section class="section">
+      <nav class="level {{ part.style }}">
+
+      {% for level in part.content %}
+        <div class="level-item {{ level.style }}">
+          <div>
+
+          {% for item in level.items %}
+            {% include util/items.html %}
+          {% endfor %}
+
+          </div>
+        </div> {% comment %} level-item {% endcomment %}
+
+      {% endfor %}
+
+      </nav> {% comment %} level {% endcomment %}
+    </section> {% comment %} section {% endcomment %}
+
+  {% elsif part.structure == "section" %}
+    <section class="section {{ part.style }}">
+      <div class="container">
+
+      {% if part.title %}
+        <h1 class="title">{{ part.title }}</h1>
+      {% endif %}
+
+      {% for item in part.content %}
+        {% include util/items.html %}
+      {% endfor %}
+
+      </div> {% comment %} container {% endcomment %}
+    </section> {% comment %} section {% endcomment %}
+
+  {% elsif part.structure == "timeline" %}
+    <section class="section {{ part.style }}">
+    {% if part.title %}
+      <div class="container content">
+        <h1 class="title">{{ part.title }}</h1>
+      </div>
+
+    {% endif %}
+
+      <div class="timeline">
+        {% include util/timeline_cards.html %}
+      </div>
+
+    </section> {% comment %} section {% endcomment %}
+
+  {% elsif part.structure == "grid" %}
+    <section class="section grid{{ part.style }}">
+
+    {% if part.title %}
+      <div class="container content">
+        <h1 class="title">{{ part.title }}</h1>
+      </div>
+
+    {% endif %}
+
+      <div class="container">
+        {% include util/grid_columns.html %}
+      </div>
+
+    </section> {% comment %} section {% endcomment %}
+
+  {% endif %}
+
+{% endfor %}

data/_layouts/papers.html

@@ -0,0 +1,80 @@
+---
+layout: default
+---
+
+{{ content }}
+
+<div class="page-head">
+  <h1 class="title is-size-1 has-text-centered has-text-info">{{ page.title }}</h1>
+</div>
+
+<div class="section papers">
+  <div class="container page">
+  {% if site.papers[0] %}
+    {% for paper in site.papers %}
+    <div class="paper">
+      <p class="information">
+        <span>{{ paper.type | default: 'Article' }}</span>
+
+      {% if paper.access.open %}
+        <span class="icon has-text-success">
+          <i class="fa fa-circle"></i>
+        </span>
+        <span><em>Text available</em></span>
+
+      {% else %}
+        <span class="icon has-text-danger">
+          <i class="fa fa-circle"></i>
+        </span>
+        <span><em>Text unavailable</em></span>
+
+      {% endif %}
+
+      </p> {% comment %} information {% endcomment %}
+
+      <p class="publication has-text-black">
+        {{ paper.title }}
+      </p>
+
+      <p class="reference">
+      {% if paper.publication.name %}
+        {% assign link = paper.publication.link %}
+        {% include util/prepend_link.html %}
+
+        <span><a href="{{ link }}">{{ paper.publication.name }}</a>,</span>
+        <span>{{ paper.publication.reference }}</span>
+
+      {% endif %}
+
+      </p> {% comment %} reference {% endcomment %}
+
+      <p class="author">
+        {{ paper.authors | join: ', ' }}
+      </p>
+
+      <p class="download">
+      {% if paper.access.pdf %}
+        {% assign link = paper.access.pdf %}
+        {% include util/prepend_link.html %}
+
+        <a href="{{ link }}">
+          <span class="icon has-text-danger">
+            <i class="fa fa-file-pdf-o"></i>
+          </span>
+          <span>Download PDF</span>
+        </a>
+
+      {% endif %}
+
+      </p> {% comment %} download {% endcomment %}
+    </div> {% comment %} paper {% endcomment %}
+
+    {% endfor %}
+
+  {% else %}
+    <p class="has-text-centered">There's no content to be shown here!</p>
+
+  {% endif %}
+
+  </div> {% comment %} container {% endcomment %}
+</div> {% comment %} section {% endcomment %}

data/_layouts/post.html

@@ -0,0 +1,33 @@
+---
+layout: default
+---
+
+<div class="page-head">
+  <h1 class="title is-size-1 has-text-centered has-text-info">{{ page.title }}</h1>
+</div>
+
+<div class="section post">
+  <div class="container page">
+    <p class="author has-text-centered">
+    {% if page.author %}
+      <span>by {{ page.author }}</span>
+    {% endif %}
+
+    {% if page.author and page.date %}
+      <span> - </span>
+    {% endif %}
+
+    {% if page.date %}
+      <span>{{ page.date | date: '%B %d, %Y' }}</span>
+    {% endif %}
+    </p>
+
+    <p class="categories has-text-centered">
+    {% for category in page.categories %}
+      <span>{{ category }}</span>
+    {% endfor %}
+    </p><hr>
+
+    <div class="post-body">{{ content }}</div>
+  </div> {% comment %} container {% endcomment %}
+</div> {% comment %} section {% endcomment %}

data/_layouts/projects.html

@@ -0,0 +1,58 @@
+---
+layout: default
+---
+
+{{ content }}
+
+{% assign per_column = 3 %}
+
+<div class="projects">
+  <h1 class="title is-size-1 has-text-centered has-text-primary">{{ page.title }}</h1>
+
+  <div class="container">
+  {% if site.projects[0] %}
+    {% assign i = 1 %}
+
+    {% for project in site.projects %}
+
+      {% if i == 1 %}
+        <div class="columns">
+      {% endif %}
+
+      <div class="column">
+        <p class="has-text-centered">{{ project.title }}</p>
+        <figure class="image is-16by9 project">
+          {% assign link = project.link %}
+          {% include util/prepend_link.html %}
+
+          <a class="has-text-centered" href="{{ link }}">
+            <p class="hover has-text-info">
+              <span>{{ project.title | upcase }}</span>
+              <span class="icon">
+                <i class="fa fa-external-link"></i>
+              </span>
+            </p>
+            {% assign link = project.image %}
+            {% include util/prepend_link.html %}
+
+            <img src="{{ link }}" alt="{{ project.title }}">
+          </a>
+        </figure>
+      </div>
+
+      {% if i == per_column %}
+        </div> {% comment %} columns {% endcomment %}
+        {% assign i = 1 %}
+      {% else %}
+        {% assign i = i | plus: 1 %}
+      {% endif %}
+
+    {% endfor %}
+
+  {% else %}
+    <p class="has-text-centered">There's no content to be shown here!</p>
+
+  {% endif %}
+
+  </div> {% comment %} container {% endcomment %}
+</div> {% comment %} section {% endcomment %}