academic 0.4.0 → 0.4.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: cff9aed8c851292b77c2917ee82c2c345d1e3487
-  data.tar.gz: 978021a3be64764dfdd788bcc8e1ed03dd2b6d3e
+  metadata.gz: b1b98e3240cbb368e4a3e2bc415ae7fbf8a8aa32
+  data.tar.gz: fe1e0fc52265bcc43416b340875a5359509f1393
 SHA512:
-  metadata.gz: b188f1da0ce2583ffb7cf746df538050e556a2f9dfeceffea00b43104826c6de473f16ef1d75a66a47de475c6a673444961ad26dacde980dbaba9bb7319f220a
-  data.tar.gz: f9c477e5074bd3324204ec145adc355f912926bed74c25177041cfb9997f52113b30e81d217d9bd33eda54a0f9c5abe6cf477f3ea74f5637206941dd8dc331ff
+  metadata.gz: 0a378a6bee5b4580591f427b447195a3d7786156d009389c7f5c5dced3c30595c889dfa619fac41bcdc57c7fddbeb6fd5d2edcaad13949b737d4d98d4d603f32
+  data.tar.gz: 13ea3dbc4a36af78fc687f864a8fe7f723502578847f8a6741bee87df37e0c6c0286a6e54030f60f756c502dcffec503e5fb7851acc75a3dbc340b91bb6db4a3

data/README.md

@@ -17,7 +17,6 @@ Check out my [personal website](https://gaalcaras.com) or my [blog](https://soci
 
 Table of contents:
 
-
 * [Features](#features)
 * [Installation](#installation)
 * [Usage](#usage)
@@ -26,6 +25,8 @@ Table of contents:
 		* [General settings](#general-settings)
 		* [Author](#author)
 		* [Navigation menu](#navigation-menu)
+		* [Multilingual and i18n support](#multilingual-and-i18n-support)
+		* [Plugins](#plugins)
 	* [Layouts](#layouts)
 		* [Post layout](#post-layout)
 		* [Page layout](#page-layout)
@@ -44,6 +45,10 @@ Table of contents:
     + High contrast colors and backgrounds as much as possible ([read more](http://contrastrebellion.com/), [and more](https://backchannel.com/how-the-web-became-unreadable-a781ddc711b6))
     + Comfortable line length (around 66 characters, [read more](http://webtypography.net/2.1.2))
     + Attention to vertical rhythm, law of proximity and so on ([read more](http://typographyhandbook.com/))
++ If you'd like a **multilingual** website, Academic has basic **i18n** support (no plugin required):
+    + English and French translations are included in the theme
+    + Lang selector to change languages automatically added in header and footer
+    + Basic SEO support for multilingual pages
 + Add an **image thumbnail** to illustrate your posts. It's displayed both on the post list and on the post itself.
 + Add a **summary** to your posts. It's used in the posts lists and on the post itself.
 + **MathJax** support (loaded only on posts layouts)
@@ -173,6 +178,71 @@ nav_ext_links:
   - name: Link 2
     url: http://wallabag.org/
 ```
+
+#### Multilingual and i18n support
+
+Academic works perfectly well as a single language website.
+But if you need to translate part of your pages or posts, it also supports basic i18n and multilingual features.
+The theme includes French and English versions as of now.
+
+To enable multilingual mode, just add the following to your `_config.yml`:
+
+```yaml
+langs: ["fr", "en"]
+defaults:
+  - scope:
+      path: ""
+    values:
+      lang: "fr"
+```
+
+The `langs` variable should be an array containing your languages.
+Important: the first item should be your "default" language (ie the language that you translate posts from or/and that has the largest content available).
+
+Don't forget to define a default lang for your whole website.
+
+If you want to translate some of the variables in your `_config.yml`, you can just do this:
+
+```yaml
+title:
+  fr: "Nom du site en Français"
+  en: "English name of the website"
+```
+
+Translating posts and pages is very easy.
+Let's say my default lang is `fr` and I want to translate `_posts/billet-au-hasard.md` to English.
+
+```yaml
+---
+layout: post
+title:  "Billet au hasard"
+permalink: /fr/billet-au-hasard/
+date:   2017-02-14 15:32:29 +0100
+---
+```
+
+First, I'll create a new file named `_posts/billet-au-hasard.en.md`.
+Both files have to share the *exact same name before the first extension* (`.md` or `.en.md`) in order to signal to Academic that these posts are translations of eachother.
+
+Then, in `_posts/billet-au-hasard.en.md`, add the lang and change the permalink in your frontmatter:
+
+```yaml
+layout: post
+title: "Random post"
+permalink: /en/random-post
+date:   2017-02-14 15:32:29 +0100
+lang: en
+```
+
+That's it!
+Academic will handle the lang selector and will add `<link />` to the `<head>` section to improve SEO.
+
+Note that you have to handle the permalinks manually.
+I recommend that you use the subdirectory `/lang/` naming convention everywhere, as exemplified above.
+You should at least take care of your homepage URL.
+
+If you'd like Academic to support more languages, please contribute by adding the appropriate translations in `/_data/i18n_academic.yml`.
+
 #### Plugins
 
 Academic is compatible with the `jekyll-last-modified-at` plugin ([repo](https://github.com/gjtorikian/jekyll-last-modified-at)). If installed, the last modified date will be (discretely) displayed in the posts lists and in the post layout.

data/_includes/calltoaction.html

@@ -1,9 +1,19 @@
 <div class="colored-block">
-  {% if include.message %}
-  {{ include.message | escape }}
+  {% assign cta = site.data.academic_i18n.cta %}
+  {% if page.layout == "home" or page.layout == "archive" %}
+    {{ cta.like[page.lang] | escape }}
+  {% else if page.layout == "post" %}
+    {{ cta.post[page.lang] | escape }}
+  {% else %}
   {% endif %}
-  Vous pouvez vous abonner au <a href="/feed.xml">fil RSS</a> du blog
+
+  {{ cta.rss[page.lang][0] }}
+  <a href="/feed.xml">{{ cta.rss[page.lang][1]}}</a>
+  {{ cat.rss[page.lang][2]}}
+
   {% if site.twitter_username %}
-  ou suivre <a href="https://twitter.com/{{ site.twitter_username }}">@{{ site.twitter_username }}</a> sur Twitter
+    {{ cta.twitter[page.lang][0] }}
+    <a href="https://twitter.com/{{ site.twitter_username }}">@{{ site.twitter_username }}</a>
+    {{ cta.twitter[page.lang][1] }}
   {% endif %}.
 </div>

data/_includes/contactlist.html

@@ -1,4 +1,6 @@
-<span class="contact-list-title">Liens :</span>
+<span class="contact-list-title">
+  {{ site.data.academic_i18n.links[page.lang] }}
+</span>
 <ul class="contact-list {{ include.class }}">
   <li>
     {% include icon-rss.html %}

data/_includes/date.html

@@ -1,10 +1,10 @@
-{% if site.dateformat %}
-  {% assign months = "Janvier, Février, Mars, Avril, Mai, Juin, Juillet, Août, Septembre, Octobre, Novembre, Décembre" | downcase | split: ", " %}
-  {% assign date = include.date | date: site.dateformat %}
+{% if page.lang != "en" %}
+  {% assign dateformat = site.data.academic_i18n.dateformat[page.lang] %}
+  {% assign date = include.date | date: dateformat %}
   {% assign eng_month = include.date | date: "%B" %}
   {% assign num_month = include.date | date: "%m" | minus: 1 %}
 
-  {{ date | replace:eng_month, months[num_month] }}
+  {{ date | replace:eng_month, site.data.academic_i18n.months[page.lang][num_month] }}
 {% else %}
-  {{ include.date | date: "%b %-d, %Y" }}
+  {{ include.date | date: site.data.academic_i18n.dateformat[page.lang] }}
 {% endif %}

data/_includes/footer.html

@@ -1,17 +1,15 @@
+{% assign i18n = site.data.academic_i18n %}
 <footer class="site-footer">
 
   <div class="wrapper">
 
       <ul class="footer-col footer-col-1">
         <li>
-        {% if site.title_html %}
-          <a href="{{ "/" | relative_url}}">{{ site.title_html }}</a>
-        {% else %}
-          <a href="{{ "/" | relative_url}}"><b>{{ site.title }}</b></a>
-        {% endif %}
+          {% include sitetitle.html %}
 
         {% if site.author_display %}
-        <span class="author"> par
+        <span class="author">
+          {{ i18n.by[page.lang] }}
           {% if site.author_website %}
           <a target="_blank" href="{{ site.author_website }}">{{ site.author }}</a>
           {% else %}
@@ -22,7 +20,7 @@
         {% endif %}
 
         {% if site.description %}
-        <li>{{ site.description }}</li>
+        <li>{% include i18n.html value=site.description %}</li>
         {% endif %}
 
       </ul>
@@ -37,6 +35,11 @@
       {% endif %}
 
     <div class="bottom">
+
+      {% if site.langs %}
+        {% include lang_selector.html %}
+      {% endif %}
+
       <div class="tech">
         <a target="_blank" href="https://jekyllrb.com/">Jekyll</a> + <a target="_blank" href="https://github.com/gaalcaras/academic">Academic</a>
         {% if site.repo %}
@@ -46,18 +49,20 @@
 
       <div class="legal">
       {% if site.cc == null %}©{% endif %}
-        {% if site.title %}
-        <a href="{{ "/" | relative_url}}">{{ site.title | escape }}</a>
-        {% endif %}
+      {% include sitetitle.html %}
       {% assign oldest_post = site.posts reversed | first %}
       {% assign oldest = oldest_post.date | date: "%Y" %}
       {% assign newest = site.time | date: "%Y" %}
       ({% if oldest != newest %}{{ oldest }}-{% endif %}{{ newest }})
       {% if site.author and site.author_display %}
-        par <a target="_blank" href="{{ site.author_website }}">{{ site.author }}</a> 
+        {{ i18n.legal[page.lang][0] }}
+        <a target="_blank" href="{{ site.author_website }}">{{ site.author }}</a> 
       {% endif %}
       {% if site.cc %}
-      est placé sous licence <a target="_blank" rel="license" href="https://creativecommons.org/licenses/{{ site.cc }}/4.0/" class="cc-licence">CC {{ site.cc }}</a>
+        {{ i18n.legal[page.lang][1] }}
+        <a target="_blank" rel="license" href="https://creativecommons.org/licenses/{{ site.cc }}/4.0/" class="cc-licence">
+          CC {{ site.cc }}
+        </a>
       {% endif %}
      </div>
     </div>

data/_includes/head.html

@@ -3,13 +3,31 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
-  <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
-  <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
+  <title>{{ page.title }} | {% include i18n.html value=site.title %}</title>
+  <meta name="description" content="{% include i18n.html value=site.description %}">
 
   <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
-  <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
-  
+  <link rel="alternate" type="application/rss+xml" title="{% include i18n.html value=site.title %}" href="{{ "/feed.xml" | relative_url }}">
+
+  {% assign pagename = page.path | split:"." | first %}
+
+  {% if page.layout == "post" %}
+    {% assign i18n_posts = site.posts | where_exp:"p","p.path contains pagename" %}
+  {% else %}
+    {% assign i18n_posts = site.pages | where_exp:"p","p.path contains pagename" %}
+  {% endif %}
+
+  {% for t_lang in site.langs %}
+    {% unless t_lang == page.lang %}
+      {% assign t = i18n_posts | where:"lang",t_lang | first %}
+
+      {% if t %}
+      <link rel="alternate" hreflang="{{ t_lang }}" href="{{ site.url }}{{ t.url }}" />
+      {% endif %}
+    {% endunless %}
+  {% endfor %}
+
   {% if site.piwik %}
   {% include piwik.html %}
   {% endif %}

data/_includes/header.html

@@ -2,21 +2,10 @@
 
   <div class="wrapper">
 
+    <div class="site-header-float">
+    {% include sitetitle.html class=true %}
     {% if site.pitch %}
-      {% assign title_class = "site-title with-pitch" %}
-    {% else %}
-      {% assign title_class = "site-title" %}
-    {% endif %}
-
-    {% if site.title_html %}
-      {% assign title = site.title_html %}
-    {% else %}
-      {% assign title = site.title escape %}
-    {% endif %}
-
-    <a class="{{ title_class }}" href="{{ "/" | relative_url}}">{{ title }}</a>
-    {% if site.pitch %}
-    <span class="site-pitch">{{ site.pitch | espace }}</span>
+      <span class="site-pitch">{% include i18n.html value=site.pitch %}</span>
     {% endif %}
 
     {% if site.pitch == null %}
@@ -34,6 +23,11 @@
       </div>
     </nav>
     {% endif %}
+    </div>
+
+    {% if site.langs %}
+      {% include lang_selector.html %}
+    {% endif %}
 
   </div>
 

data/_includes/i18n.html

@@ -0,0 +1,13 @@
+{% assign val = include.value %}
+
+{% if val[page.lang] %}
+  {% assign v = val[page.lang] %}
+{% else %}
+  {% assign v = val %}
+{% endif %}
+
+{% if include.escape %}
+  {{ v | escape | strip_newlines }}
+{% else %}
+  {{ v | strip_newlines }}
+{% endif %}

data/_includes/icon-rss.html

@@ -1,5 +1,6 @@
 <a href="/feed.xml" title="RSS"><span class="icon icon--feed">{% include icon-rss.svg %}</span>
-  <span class="username">flux
+  <span class="username">
+    {{ site.data.academic_i18n.feed[page.lang] }}
   </span>
 </a>
 

data/_includes/lang_selector.html

@@ -0,0 +1,41 @@
+{% assign pagename = page.path | split:"." | first %}
+{% assign versions = site.data.academic_i18n.versions %}
+{% assign no_versions = site.data.academic_i18n.no_versions %}
+
+{% if page.layout == "post" %}
+  {% assign i18n_posts = site.posts | where_exp:"p","p.path contains pagename" %}
+{% else %}
+  {% assign i18n_posts = site.pages | where_exp:"p","p.path contains pagename" %}
+{% endif %}
+
+<ul class="lang-selector">
+  <span class="lang-intro">
+    {{ site.data.academic_i18n.langs_avail[page.lang] }}
+  </span>
+  <li class="lang">
+    <a href="{{ page.url }}" title="{{ versions[page.lang] }} {{ page.title }}">
+      {{ page.lang }}
+    </a>
+  </li>
+
+{% for t_lang in site.langs %}
+  {% unless t_lang == page.lang %}
+    {% assign t = i18n_posts | where:"lang",t_lang | first %}
+    <li class="lang">
+    {% if t %}
+      <a href="{{ t.url }}" rel="alternate" title="{{ versions[t_lang] }} {{ t.title }}">
+    {% else %}
+      <span class="no-version" title="{{ no_versions[t_lang] }}">
+    {% endif %}
+
+    {{ t_lang }}
+
+    {% if t %}
+      </a>
+    {% else %}
+      </span>
+    {% endif %}
+    </li>
+  {% endunless %}
+{% endfor %}
+</ul>

data/_includes/last_modified_at.html

@@ -10,11 +10,12 @@
     <span class="last-update">·
 
     {% if site.repo %}
-    <a title="Voir l'historique des révisions de ce billet"
+    <a title="{{ site.data.academic_i18n.revhistory[page.lang] }}"
        href="{{site.repo}}/commits/master/{{object.path}}">
     {% endif %}
 
-    mis à jour le {% include date.html date=object.last_modified_at %}
+    {{ site.data.academic_i18n.lastupdated[page.lang] }}
+    {% include date.html date=object.last_modified_at %}
 
     {% if site.repo %}
     </a>

data/_includes/link.html

@@ -0,0 +1,2 @@
+{% assign object = site.pages | where_exp:"p","p.path contains include.path" | where:"lang",page.lang | first %}
+{{ object.url }}

data/_includes/nav_menu.html

@@ -1,12 +1,16 @@
-<span class="nav-list-title">Menu :</span>
+<span class="nav-list-title">{{ site.data.academic_i18n.menu[page.lang] }}</span>
 <ul class="nav-list {{ include.class }}">
 {% for link in site.nav_ext_links %}
   {% if link.url and link.name %}
-  <li><a target="_blank" class="page-link" href="{{ link.url }}">{{ link.name | escape }}</a></li>
+  <li><a target="_blank" class="page-link" href="{{ link.url }}">
+      {% include i18n.html value=link.name %}
+  </a></li>
   {% endif %}
 {% endfor %}
 
-{% for my_page in site.pages %}
+{% assign pages = site.pages | where:"lang",page.lang %}
+
+{% for my_page in pages %}
 {% unless my_page.invisible %}
   {% if my_page.title %}
   <li><a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a></li>

data/_includes/post-li.html

@@ -1,5 +1,4 @@
 <li>
-
   <h2>
     <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
   </h2>

data/_includes/post-ul.html

@@ -0,0 +1,12 @@
+{% if include.limit %}
+  {% assign limit = site.nb_posts_page %}
+{% else %}
+  {% assign limit = 1000000 %}
+{% endif %}
+
+<ul class="post-list">
+  {% assign posts = site.posts | where:"lang",page.lang %}
+  {% for post in posts limit:limit %}
+    {% include post-li.html %}
+  {% endfor %}
+</ul>

data/_includes/sitetitle.html

@@ -0,0 +1,19 @@
+{% if include.class %}
+  {% if site.pitch %}
+    {% assign title_class = "site-title with-pitch" %}
+  {% else %}
+    {% assign title_class = "site-title" %}
+  {% endif %}
+{% else %}
+  {% assign title_class = "" %}
+{% endif %}
+
+{% capture title %}
+  {% if site.title_html %}
+    {% include i18n.html value=site.title_html escape=false %}
+  {% else %}
+    {% include i18n.html value=site.title %}
+  {% endif %}
+{% endcapture %}
+
+<a class="{{ title_class }}" href="{% include link.html path="index" %}">{{ title }}</a>

data/_layouts/archive.html

@@ -4,17 +4,13 @@ layout: default
 
 <div class="home">
   <div class="colored-block">
-    Bienvenue dans les archives de ce blog. Vous trouverez ci-dessous la liste complète des billets publiés, ordonnés du plus récent au plus ancien.
+    {{ site.data.academic_i18n.archive[page.lang] }}
   </div>
 
   {{ content }}
 
-  <ul class="post-list">
-    {% for post in site.posts %}
-      {% include post-li.html %}
-    {% endfor %}
-  </ul>
+  {% include post-ul.html %}
 
-  {% include calltoaction.html message="Le blog vous intéresse ?" %}
+  {% include calltoaction.html %}
 
 </div>

data/_layouts/default.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="{{ page.lang | default: site.lang | default: "en" }}">
+<html lang="{{ page.lang | default: site.langs[0] | default: "en" }}">
 
   {% include head.html %}
 

data/_layouts/home.html

@@ -9,29 +9,22 @@ layout: default
 {% endif %}
 
 <div class="{{ div_class }}">
-  {% if site.pitch == null %}
-  <p>{{ site.description | escape }}</p>
-  {% endif %}
+  {% unless site.pitch %}
+  <p>{% include i18n.html value=site.description %}</p>
+  {% endunless %}
 
   {{ content }}
 
-  <ul class="post-list">
-    {% for post in site.posts limit:site.nb_posts_page %}
-      {% include post-li.html %}
-    {% endfor %}
-  </ul>
+  {% include post-ul.html limit=true %}
 
-  {% include calltoaction.html message="Le blog vous intéresse ?" %}
+  {% include calltoaction.html %}
 
   {% assign nb_posts = site.posts | size %}
-  {% if site.archive_permalink %}
-    {% assign archive_link = site.archive_permalink %}
-  {% else %}
-    {% assign archive_link = "/archive" %}
-  {% endif %}
 
   {% if nb_posts > site.nb_posts_page %}
-  <div class="archive">Voir <a href="{{ archive_link }}">tous les articles publiés</a>.</div>
+  <div class="archive">
+    {{ site.data.academic_i18n.all_posts[page.lang][0] }}
+    <a href="{% include link.html path="archive" %}">{{ site.data.academic_i18n.all_posts[page.lang][1] }}</a>.</div>
   {% endif %}
 
 </div>

data/_layouts/pagenotfound.html

@@ -4,7 +4,7 @@ layout: default
 
 <div class="msg-404">
   <div class="title">404</div>
-  <div class="description">Cette page a probablement déménagé vers une nouvelle adresse...</div>
+  <div class="description">{{ site.data.academic_i18n.notfound[page.lang] }}</div>
 </div>
 
 {{ page.content }}

data/_layouts/post.html

@@ -30,7 +30,7 @@ layout: default
     {{ content }}
   </div>
 
-  {% include calltoaction.html message="Cet article vous a plu ?" %}
+  {% include calltoaction.html %}
 
   {% if site.shortbio %}
   <div class="post-author">
@@ -43,7 +43,7 @@ layout: default
         <li class="user-name">
           {{ site.author }}
         </li>
-        <li class="user-shortbio">{{ site.shortbio }}</li>
+        <li class="user-shortbio">{% include i18n.html value=site.shortbio %}</li>
       </ul>
   </div>
   {% endif %}

data/_sass/academic/_layout.scss

@@ -4,10 +4,127 @@
 .site-header {
   border-top: 5px solid $grey-color;
   border-bottom: 1px solid $grey-color-light;
-  min-height: 60px;
+
+  @include media-query($on-laptop) {
+    min-height: 100px;
+  }
 
   // Positioning context for the mobile navigation icon
   position: relative;
+
+  .site-header-float {
+    min-height: 60px;
+  }
+
+  .lang-selector {
+    position: absolute;
+    z-index: 900;
+    top: 0px;
+    right: 0px;
+    width: 30px;
+    text-align: center;
+    margin-right: 10px;
+    padding: 10px;
+
+    .lang-intro {
+      display: none;
+    }
+
+    .lang {
+      font-variant: small-caps;
+      text-transform: capitalize;
+      list-style: none;
+      line-height: 40px;
+
+      &:nth-child(n+3) {
+        display: none;
+        padding: 10px 0 10px 0;
+      }
+
+      &:nth-child(2) {
+        padding-bottom: 10px;
+      }
+
+      a {
+        color: $grey-color-light;
+      }
+
+    }
+
+    &:hover {
+      padding-bottom: 0px;
+      background: $grey-color;
+
+      .lang:first-child {
+        padding-bottom: 10px;
+      }
+
+      .lang a {
+        color: $brand-color;
+
+        &:hover {
+          text-decoration: none;
+          color: $grey-color-light;
+        }
+      }
+
+      .lang:nth-child(n+3) {
+        border-top: 1px solid $grey-color-light;
+        display: block;
+      }
+    }
+
+    @include media-query($on-laptop) {
+      position: relative;
+      left: 0;
+      width: auto;
+      clear: both;
+      margin: 0 -$spacing-unit/2 0 -$spacing-unit/2;
+      padding: 5px 5px 5px $spacing-unit/2;
+      background: $grey-color-lighter;
+      text-align: left;
+      @include size(small);
+
+      .lang-intro {
+        display: inline-block;
+      }
+
+      .lang:nth-child(n+1) {
+        padding: 5px 5px 5px 0;
+        line-height: normal;
+        display: inline-block;
+
+        a {
+          color: $grey-color-dark;
+
+          &:hover {
+            text-decoration: underline
+          }
+        }
+      }
+
+      .lang:nth-child(n+3):before {
+        content: "| ";
+      }
+
+      &:hover {
+        background: $grey-color-lighter;
+        padding: 5px 5px 5px $spacing-unit/2;
+
+        .lang:nth-child(n+1) {
+          padding: 5px 5px 5px 0;
+          display: inline-block;
+          border: none;
+
+          a { color: $grey-color-dark; }
+        }
+      }
+
+      @include media-query($on-palm) {
+        margin-top: 0px;
+      }
+    }
+  }
 }
 
 .site-title {
@@ -17,7 +134,6 @@
   line-height: 55px;
   letter-spacing: -1px;
   margin-bottom: -5px;
-  float: left;
 
   &,
   &:visited {
@@ -68,6 +184,7 @@
 .site-nav {
   float: right;
   line-height: 60px;
+  z-index: 1000;
 
   .menu-icon {
     display: none;
@@ -237,6 +354,10 @@
     a .username:hover {
       text-decoration: underline;
     }
+
+    @include media-query($on-palm) {
+      margin-bottom: $spacing-unit / 2;
+    }
   }
 
   .bottom {
@@ -248,6 +369,10 @@
     margin-top: $spacing-unit;
     margin-bottom: $spacing-unit;
 
+    @include media-query($on-palm) {
+      margin-top: 0px;
+    }
+
     a {
       color: $grey-color-light;
     }
@@ -256,6 +381,38 @@
       text-transform: uppercase;
     }
 
+    .lang-selector {
+      display: inline-block;
+      list-style: none;
+      color: $grey-color;
+      margin: $spacing-unit / 4 0 0 0;
+      padding: 10px;
+
+      @include media-query($on-palm) {
+        text-align: left;
+        padding-left: 0px;
+        margin: 0px 0px $spacing-unit/2 0px;
+
+        .lang-intro {
+          font-weight: bold;
+        }
+      }
+
+      .lang {
+        display: inline-block;
+        text-transform: lowercase;
+
+        a {
+          color: $grey-color;
+        }
+
+        &:nth-child(n+3) {
+          &:before {
+            content:"|"
+          }
+        }
+      }
+    }
   }
 
 }
@@ -607,3 +764,7 @@
     font-family: $base-font-family;
   }
 }
+
+.no-version {
+  cursor: default;
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: academic
 version: !ruby/object:Gem::Version
-  version: 0.4.0
+  version: 0.4.9
 platform: ruby
 authors:
 - gaalcaras
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-02-14 00:00:00.000000000 Z
+date: 2017-02-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -67,6 +67,7 @@ files:
 - _includes/footer.html
 - _includes/head.html
 - _includes/header.html
+- _includes/i18n.html
 - _includes/icon-email.html
 - _includes/icon-email.svg
 - _includes/icon-file.html
@@ -83,10 +84,14 @@ files:
 - _includes/icon-twitter.svg
 - _includes/icon-website.html
 - _includes/icon-website.svg
+- _includes/lang_selector.html
 - _includes/last_modified_at.html
+- _includes/link.html
 - _includes/nav_menu.html
 - _includes/piwik.html
 - _includes/post-li.html
+- _includes/post-ul.html
+- _includes/sitetitle.html
 - _layouts/about.html
 - _layouts/archive.html
 - _layouts/default.html