jekyll-theme-dml 0.0.1

data/_includes/icon-feed.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" height="16" width="16"><g transform="translate(0 -1036.4)"><path fill="#828282" d="m3.4046 1050.5a1.5674 1.5674 0 0 1 -1.5674 1.5673 1.5674 1.5674 0 0 1 -1.5674 -1.5673 1.5674 1.5674 0 0 1 1.5674 -1.5674 1.5674 1.5674 0 0 1 1.5674 1.5674z"/><path fill="#828282" d="m0.25 1043.1c5.8823-0.8432 9.8419 3.4038 8.9683 9.0982h-3.078c0.71221-2.681-0.4472-6.9843-5.8904-5.9334z"/><path fill="#828282" d="m0.25 1039.9c8.1424-0.7091 12.783 4.9201 12.22 12.277h3.2246c0.82595-10.679-7.7278-16.358-15.445-15.6z"/></g></svg>

data/_includes/icon-github.html

@@ -0,0 +1,11 @@
+{% assign bitmap_mode = site.data.config.bitmap_mode | default: site.bitmap_mode %}
+<a href="https://github.com/{{ include.username }}">
+  <span class="icon icon--github">
+    {% if bitmap_mode == true %}
+      <img src="/assets/icons/icon-github.png"/>
+    {% else %}
+      {% include icon-github.svg %}
+    {% endif %}
+  </span>
+  <span class="username">{{ include.username }}</span>
+</a> 

data/_includes/icon-github.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>

data/_includes/icon-menu.svg

@@ -0,0 +1,5 @@
+<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>

data/_includes/icon-twitter.html

@@ -0,0 +1,11 @@
+{% assign bitmap_mode = site.data.config.bitmap_mode | default: site.theme_config.bitmap_mode %}
+<a href="https://twitter.com/{{ include.username }}">
+  <span class="icon icon--twitter">
+    {% if bitmap_mode == true %}
+      <img src="/assets/icons/icon-twitter.png"/>
+    {% else %}
+      {% include icon-twitter.svg %}
+    {% endif %}
+  </span>
+  <span class="username">{{ include.username }}</span>
+</a>

data/_includes/icon-twitter.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/></svg>

data/_includes/localized_string.html

@@ -0,0 +1,3 @@
+{% assign string = include.string | downcase | replace: " ", "_" %}
+{% assign lang = include.lang | default: page.lang %}
+{{ site.data.localization.strings[string][lang] | default: include.string }}

data/_layouts/authors.html

@@ -0,0 +1,36 @@
+---
+layout: page
+---
+<div class="post-content">
+  {{ content }}
+</div>
+
+{% assign default_lang = site.lang | default: "en" %}
+{% assign lang = page.lang | default: default_lang %}
+
+{% for author in site.data.authors %}
+  <h4>{% if author[1].image %}<img src="{{ author[1].image }}" class="user-image"/>{% endif %}<span class="user-name">{{ author[1].name }}</span></h4>
+
+  <ul>
+    {% if author[1].description %}
+      {% if author[1].description.first %}
+        <li>{% include localized_string.html string="description" %}: {{ author[1].description[lang] | default: author[1].description[default_lang] }}</li>
+      {% else %}
+        <li>{% include localized_string.html string="description" %}: {{ author[1].description }}</li>
+      {% endif %}
+    {% endif %}
+
+    {% if author[1].bio %}
+      <li>{% include localized_string.html string="bio" %}: {{ author[1].bio }}</li>
+    {% endif %}
+
+    {% if author[1].links.first %}
+      <li>{% include localized_string.html string="links" %}:</li>
+      <ul>
+      {% for author_link in author[1].links %}
+        <li>{{ author_link[0] }}: <a href="{{ author_link[1] }}">{{ author_link[1] }}</a></li>
+      {% endfor %}
+      </ul>
+    {% endif %}
+  </ul>
+{% endfor %}

data/_layouts/blog.html

@@ -0,0 +1,60 @@
+---
+layout: default
+---
+<div class="home">
+
+  <header class="page-header">
+    <h1 class="page-heading">{% include localized_string.html string="Posts" %}</h1>
+  </header>
+
+  {{ content }}
+
+  <ul class="post-list">
+    {% assign posts = paginator.posts | default: site.posts %}
+    {% for post in posts %}
+      <li>
+        <span class="post-meta">
+          {% include date.html date=post.date %}
+          {% include author.html author=post.author %}
+        </span>
+
+        <h2>
+          <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
+        </h2>
+
+        <p>
+          {% assign excerpt = post.excerpt | strip_html %}
+          {% assign size = post.content | strip_html | size %}
+          {{ excerpt }}
+          {% if excerpt.size < size %}
+            ... <a href="{{ post.url | relative_url }}">{% include localized_string.html string="read more" %}</a>
+          {% endif %}
+        </p>
+      </li>
+    {% endfor %}
+  </ul>
+
+  {% if paginator.total_pages > 1 %}
+    <div class="pagination">
+      {% if paginator.previous_page %}
+        <a href="{{ paginator.previous_page_path }}" class="previous">&laquo; {% include localized_string.html string="Previous" %}</a>
+      {% else %}
+        <span class="previous disabled">&laquo; {% include localized_string.html string="Previous" %}</span>
+      {% endif %}
+      <span class="page-number">
+        {% for page in (1..paginator.total_pages) %}
+          {% if paginator.page == page %}
+            <span class="page-link disabled">{{ page }}</span>
+          {% else %}
+            <a href="{{ site.paginate_path | replace: ':num', page | replace: 'page1/', '' }}" class="page-link">{{ page }}</a>
+          {% endif %}
+        {% endfor %}
+      </span>
+      {% if paginator.next_page %}
+        <a href="{{ paginator.next_page_path }}" class="next">{% include localized_string.html string="Next" %} &raquo;</a>
+      {% else %}
+        <span class="next disabled">{% include localized_string.html string="Next" %} &raquo;</span>
+      {% endif %}
+    </div>
+  {% endif %}
+</div>

data/_layouts/default.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: 'en' }}">
+
+  {% include head.html %}
+
+  <body>
+
+    {% include header.html %}
+
+    <main class="page-content" aria-label="Content">
+      <div class="wrapper">
+        {{ content }}
+      </div>
+    </main>
+
+    {% include footer.html %}
+
+  </body>
+</html>

data/_layouts/home.html

@@ -0,0 +1,3 @@
+---
+layout: blog
+---

data/_layouts/lang_blog.html

@@ -0,0 +1,38 @@
+---
+layout: default
+---
+<div class="home">
+
+  {% assign default_lang = site.lang | default: "en" %}
+  {% assign page_lang = page.lang | default: default_lang %}
+  <header class="page-header">
+    <h1 class="page-heading">{% include localized_string.html string="Posts" %}</h1>
+  </header>
+
+  {{ content }}
+
+  <ul class="post-list">
+    {% assign posts = site.posts | where: "lang", page_lang %}
+    {% for post in posts %}
+      <li>
+        <span class="post-meta">
+          {% include date.html date=post.date %}
+          {% include author.html author=post.author %}
+        </span>
+
+        <h2>
+          <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
+        </h2>
+
+        <p>
+          {% assign excerpt = post.excerpt | strip_html %}
+          {% assign size = post.content | strip_html | size %}
+          {{ excerpt }}
+          {% if excerpt.size < size %}
+            ... <a href="{{ post.url | relative_url }}">{% include localized_string.html string="read more" %}</a>
+          {% endif %}
+        </p>
+      </li>
+    {% endfor %}
+  </ul>
+</div>

data/_layouts/lang_chooser.html

@@ -0,0 +1,26 @@
+---
+layout: default
+---
+<div class="home">
+
+  {% assign langs = site.data.config.langs | default: site.theme_config.langs %}
+  {% assign default_lang = site.lang | default: "en" %}
+  <header class="page-header">
+    <h1 class="page-heading">{% include localized_string.html string="Choose Language" lang=lang %}</h1>
+  </header>
+  <ul class="lang-list">
+    {% if langs %}
+      {% for lang in langs %}
+        <li>
+          <a href="{{ lang[0] | relative_url }}">{{ lang[1] | default: lang[0] }}</a>
+        </li>
+      {% endfor %}
+    {% else %}
+      <li>
+        <a href="{{ '/en' | relative_url }}">english</a>
+      </li>
+    {% endif %}
+  </ul>
+
+  {{ content }}
+</div>

data/_layouts/page.html

@@ -0,0 +1,14 @@
+---
+layout: default
+---
+<article class="post">
+
+  <header class="page-header">
+    <h1 class="post-title">{{ page.title | escape }}</h1>
+  </header>
+
+  <div class="post-content">
+    {{ content }}
+  </div>
+
+</article>

data/_layouts/post.html

@@ -0,0 +1,51 @@
+---
+layout: default
+---
+<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
+
+  <header class="post-header">
+    <h1 class="post-title" itemprop="name headline">{{ page.title | escape }}</h1>
+    <p class="post-meta">
+      <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
+        {% include date.html date=page.date %}
+      </time>
+      {% include author.html author=page.author %}
+    </p>
+  </header>
+
+  <div class="post-content" itemprop="articleBody">
+    {{ content }}
+  </div>
+</article>
+
+<!-- prev/next links -->
+<div class="pagination">
+  {% for post in site.posts %}
+    {% if post.lang == page.lang %}
+      {% if prev %}
+        <a href="{{ post.url }}" class="previous">&laquo; {% include localized_string.html string="Previous" %}</a>
+      {% endif %}
+      {% assign prev = false %}
+      {% if post.id == page.id %}
+        {% assign prev = true %}
+      {% endif %}
+    {% endif %}
+  {% endfor %}
+
+  {% for post in site.posts reversed %}
+    {% if post.lang == page.lang %}
+      {% if next %}
+        <a href="{{ post.url }}" class="next">{% include localized_string.html string="Next" %} &raquo;</a>
+        {% break %}
+      {% endif %}
+      {% assign next = false %}
+      {% if post.id == page.id %}
+        {% assign next = true %}
+      {% endif %}
+    {% endif %}
+  {% endfor %}
+</div>
+
+{% if site.disqus.shortname %}
+  {% include disqus_comments.html %}
+{% endif %}

data/_layouts/projects.html

@@ -0,0 +1,32 @@
+---
+layout: page
+---
+<div class="post-content">
+  {{ content }}
+</div>
+
+{% assign default_lang = site.lang | default: "en" %}
+{% assign lang = page.lang | default: default_lang %}
+
+{% for project in site.data.projects %}
+  {% if project[1].link %}
+    <h4 id="{{ project[0] }}"><a href="{{ project[1].link[lang] | default: project[1].link }}">{{ project[1].name | default: project[0] }}</a></h4>
+  {% else %}
+    <h4>{{ project[1].name | default: project[0] }}</h4>
+  {% endif %}
+
+  <ul>
+    {% if project[1].description %}
+      {% if project[1].description.first %}
+        <li>{% include localized_string.html string="description" %}:
+        {{ project[1].description[lang] | default: project[1].description[default_lang] }}</li>
+      {% else %}
+        <li>{% include localized_string.html string="description" %}: {{ project[1].description }}</li>
+      {% endif %}
+    {% endif %}
+
+    {% if project[1].url %}
+      <li>{% include localized_string.html string="url" %}: <a href="{{ project[1].url }}">{{ project[1].url }}</a></li>
+    {% endif %}
+  </ul>
+{% endfor %}

data/_sass/jekyll-theme-dml.scss

@@ -0,0 +1,53 @@
+@charset "utf-8";
+
+// Define defaults for each variable.
+
+$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$base-font-size:   16px !default;
+$base-font-weight: 400 !default;
+$small-font-size:  $base-font-size * 0.875 !default;
+$base-line-height: 1.5 !default;
+
+$spacing-unit:     30px !default;
+
+$text-color:       #fff !default; //#111 !default;
+$background-color: #282828 !default; //#fdfdfd !default;
+$brand-color:      #800 !default; //#2a7ae2 !default;
+
+$grey-color:       #7b7b7b !default; //#828282 !default;
+$grey-color-light: #bbb !default; //lighten($grey-color, 40%) !default;
+$grey-color-dark:  #666 !default; //darken($grey-color, 25%) !default;
+
+$border-color: darken($grey-color, 28%) !default;
+$border-color-dark: darken($grey-color-dark, 28%) !default; //#464646 !default;
+$border-color-light: darken($grey-color-light, 28%) !default;
+
+// Width of the content area
+$content-width:    800px !default;
+
+$on-palm:          600px !default;
+$on-laptop:        800px !default;
+
+// Use media queries like this:
+// @include media-query($on-palm) {
+//   .wrapper {
+//     padding-right: $spacing-unit / 2;
+//     padding-left: $spacing-unit / 2;
+//   }
+// }
+@mixin media-query($device) {
+  @media screen and (max-width: $device) {
+    @content;
+  }
+}
+
+@mixin relative-font-size($ratio) {
+  font-size: $base-font-size * $ratio;
+}
+
+// Import partials.
+@import
+  "jekyll-theme-dml/base",
+  "jekyll-theme-dml/layout",
+  "jekyll-theme-dml/syntax-highlighting"
+;

data/_sass/jekyll-theme-dml/_base.scss

@@ -0,0 +1,231 @@
+/**
+ * Correct tag display mode on older browsers
+ */
+main { display: block; }
+
+
+/**
+ * Reset some basic elements
+ */
+body, h1, h2, h3, h4, h5, h6,
+p, blockquote, pre, hr,
+dl, dd, ol, ul, figure {
+  margin: 0;
+  padding: 0;
+}
+
+
+
+/**
+ * Basic styling
+ */
+body {
+  font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
+  color: $text-color;
+  background-color: $background-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;
+}
+
+
+
+/**
+ * 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;
+}
+
+hr {
+  margin-bottom: $spacing-unit / 2;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  & + hr {
+    margin-top: -$spacing-unit / 2;
+  }
+}
+
+
+/**
+ * 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: $grey-color-light; //$brand-color;
+  text-decoration: none;
+
+  &:visited {
+    color: current-color
+  }
+
+  &:hover {
+    color: $grey-color; //$text-color;
+    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-dark; //$grey-color-light;
+  border-radius: 3px;
+  background-color: #222; //#eef;
+}
+
+code {
+  padding: 1px 5px;
+}
+
+pre {
+  padding: 8px 12px;
+  overflow-x: auto;
+
+  > code {
+    border: 0;
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+
+
+/**
+ * Wrapper
+ */
+.wrapper {
+  max-width: 740px;
+  max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
+  max-width:         calc(#{$content-width} - (#{$spacing-unit} * 2));
+  margin-right: auto;
+  margin-left: auto;
+  padding-right: $spacing-unit;
+  padding-left: $spacing-unit;
+  @extend %clearfix;
+
+  @include media-query($on-laptop) {
+    max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
+    max-width:         calc(#{$content-width} - (#{$spacing-unit}));
+    padding-right: $spacing-unit / 2;
+    padding-left: $spacing-unit / 2;
+  }
+}
+
+
+
+/**
+ * Clearfix
+ */
+%clearfix:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+
+
+/**
+ * Icons
+ */
+.icon > svg {
+  display: inline-block;
+  vertical-align: middle;
+
+  path {
+    fill: $grey-color;
+  }
+}
+
+.social-media-list {
+  .icon {
+    padding-right: 5px;
+  }
+
+  li + li {
+    padding-top: 5px;
+  }
+}