minima-rock 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0a7fd8d604a724764d9179f50189b2ce1ad2c30c1c07c51bc083760a89c80eff
-  data.tar.gz: 42c1d9dc9550fbe8dc09f7def25c9bd47ec8a398571dbe972a8f4a25384e569d
+  metadata.gz: 9bbd3e891698ea6cbce71a03ece57b8b990d835e1732fc2f9435a12c5d761b2a
+  data.tar.gz: c93af1a2799471a4e05ebbd994adfd6d58803d20d6cba03d90bec7032ceb6a94
 SHA512:
-  metadata.gz: 46d216f8b107fc8bcbaf89e1d075004210c6f3f80c95fd6258fe15d78c9aa21dd30c34ac2030b088ebdfbd5e3a1d5736caac6d62a43de2d59971bfbb989f8990
-  data.tar.gz: 9db705409891d2546ccac7b4322ffe5387e38ea4409f22e3834d7d2db44c406d2534bc9185a24d32617b5abc415e02bb6c2560c4923cc3223f967723c804622a
+  metadata.gz: 92c6e08b9a57a7b892ff36dbde8ab1711861153f9930ea639fe974b74ac01226d6b37e934d30b5d7e58a20ab2e95ac51bf96d698f1470dd8d7ffa5e96bc8759c
+  data.tar.gz: 9df8225b1fbfadb81c5841692e14eb974ee59ef441039e7cc759f6e96cd2b4cb41ee0391a7ab5e153ddb9f769e56cc61e0b048ac6885313a6e9e94ff2dc2447c

data/_includes/head.html

@@ -4,6 +4,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   {%- seo -%}
   <link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}">
+  <script type="text/javascript" src="/assets/js/color.js"></script>
   {%- feed_meta -%}
   {%- if jekyll.environment == 'production' and site.google_analytics -%}
     {%- include google-analytics.html -%}

data/_includes/tags_bar.html

@@ -0,0 +1,11 @@
+<div class="tags-bar">
+{% assign tags = page.tags | sort %}
+{% for tag in tags %}
+  <span class="site-tag">
+    <a class="site-tag-text" href="/tags/{{ tag | slugify }}.html">{{ tag | replace:'-', ' ' }}</a>
+  </span>
+{% endfor %}
+</div>
+<script type="text/javascript">
+  setInvertedColor('site-tag-text');
+</script>

data/_layouts/post.html

@@ -6,13 +6,21 @@ layout: default
   <header class="post-header">
     <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h1>
     <p class="post-meta">
+      {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
       <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
-        {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
         {{ page.date | date: date_format }}
       </time>
+      {%- if page.modified_date -%}
+        / Last modified at: 
+        <time class="dt-published" datetime="{{ page.modified_date | date_to_xmlschema }}" itemprop="dateModified">
+          {{ page.modified_date | date: date_format }}
+        </time>
+      {%- endif -%}
       {%- if page.author -%}
         • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span class="p-author h-card" itemprop="name">{{ page.author | escape }}</span></span>
-      {%- endif -%}</p>
+      {%- endif -%}
+      {% include tags_bar.html %}
+    </p>
   </header>
 
   <div class="post-content e-content" itemprop="articleBody">

data/_sass/minima/_layout.scss

@@ -289,6 +289,22 @@
 }
 
 
+.site-tag a {
+  //color: orange;
+  //background-color: $grey-color-light;
+  display: inline-block;
+  padding-left: 2px;
+  padding-right: 2px;
+  border: 1px solid darken($grey-color-light, 5%);
+  border-radius: 3px;
+
+  &:hover {
+    text-decoration: unset;
+    background-color: $grey-color;
+  }
+}
+
+
 /**
  * Grid helpers
  */

data/assets/js/color.js

@@ -0,0 +1,47 @@
+function invertColor(hex, bw) {
+    if (hex.indexOf('#') === 0) {
+        hex = hex.slice(1);
+    }
+    // convert 3-digit hex to 6-digits.
+    if (hex.length === 3) {
+        hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
+    }
+    if (hex.length !== 6) {
+        throw new Error('Invalid HEX color.');
+    }
+    var r = parseInt(hex.slice(0, 2), 16),
+        g = parseInt(hex.slice(2, 4), 16),
+        b = parseInt(hex.slice(4, 6), 16);
+    if (bw) {
+        // http://stackoverflow.com/a/3943023/112731
+        return (r * 0.299 + g * 0.587 + b * 0.114) > 186
+            ? '#000000'
+            : '#FFFFFF';
+    }
+    // invert color components
+    r = (255 - r).toString(16);
+    g = (255 - g).toString(16);
+    b = (255 - b).toString(16);
+    // pad each with zeros and return
+    return "#" + padZero(r) + padZero(g) + padZero(b);
+}
+function padZero(str, len) {
+    len = len || 2;
+    var zeros = new Array(len).join('0');
+    return (zeros + str).slice(-len);
+}
+
+function randomColor() {
+    color = Math.floor(Math.random()*16777215).toString(16);
+    return '#' + padZero(color, 6);
+}
+
+function setInvertedColor(className) {
+    let elems = document.getElementsByClassName(className);
+    for (const elem of elems) {
+        const bgColor = randomColor();
+        let color = invertColor(bgColor, true);
+        elem.style['color'] = color;
+        elem.style['background-color'] = bgColor;
+    }
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: minima-rock
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - Joel Glovier
@@ -101,6 +101,7 @@ files:
 - _includes/head.html
 - _includes/header.html
 - _includes/social.html
+- _includes/tags_bar.html
 - _layouts/default.html
 - _layouts/home.html
 - _layouts/page.html
@@ -110,6 +111,7 @@ files:
 - _sass/minima/_layout.scss
 - _sass/minima/_syntax-highlighting.scss
 - assets/css/style.scss
+- assets/js/color.js
 - assets/minima-social-icons.svg
 homepage: https://github.com/alxdhuang/minima-rock
 licenses: