jekyll-theme-isotc211 0.2.2 → 0.2.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6d65a5465bf7a5248e1ffb8289b43defbc1ac59051acae07127a1134872da5d6
-  data.tar.gz: 52420d829d3050ab546388f9b98b3ec56c9ce36c5a31dbf4f786c522b2c020a0
+  metadata.gz: 648b52e3cb050dbc2261025ec9f928a1eb6ebf1b4987845448da7b002b392d1d
+  data.tar.gz: 2708bf15dcc00822b810fd4148fe4cd8abc6965d038adb93116d11eae6df1161
 SHA512:
-  metadata.gz: 694626f3d46d6b78a2ea123e64424b52a4d0a88bf865a44d65b26042b2a7f4950564bd42108f29f39095a4fe9c2463b6d344d179264c04882358a23c74c00a72
-  data.tar.gz: 5b241541263e3be7271d112fcd60470d3bf20925f7babe3dec0b2f8122c6dd0a788fc6770297a812310437e6f985f9f9b7524e4ca02c6e32b299eba38e9c976d
+  metadata.gz: a089f2c6231b93500cb413b42d54753b5203e2267b20e2ea6111425d0be36bd1e8615d36c8fef01b04423240fd28f8d3e33d1dcffe2776cf6a98e403938c5a7d
+  data.tar.gz: be82f897bb606168f78a1abc393025e2991ec104d0fde547328bbea2d59c83f79718a757b53ae7d9be5fcdca48aef89b0f07a29c429c6ba64728e7355d5d5061

data/_layouts/home.html

@@ -13,7 +13,17 @@ bodyClass: home
 
     <div class="items">
       {% for post in site.posts %}
-        <article class="news-item-card">
+
+        <article class="
+            news-item-card
+            {% if post.illustration %}news-item--with-illustration{% endif %}">
+
+          {% if post.illustration %}
+            <div class="illustration-container">
+              <img src="{{ post.illustration | relative_url }}">
+            </div>
+          {% endif %}
+
           <h3 class="title"><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h3>
           <div class="excerpt">{{ post.excerpt }}</div>
         </article>

data/_layouts/post.html

@@ -6,4 +6,10 @@ bodyClass: post
 
 <h2>{{ page.title }}</h2>
 
+{% if page.illustration %}
+  <div class="illustration">
+    <img src="{{ page.illustration | relative_url }}">
+  </div>
+{% endif %}
+
 {{ content }}

data/_sass/home.scss

@@ -35,6 +35,31 @@ body.home {
         background: #fff;
         margin-right: 1em;
 
+        &.news-item--with-illustration {
+          position: relative;
+
+          .title, .excerpt {
+            margin-left: 155px;
+          }
+
+          .illustration-container {
+            position: absolute;
+            top: 0; left: 0; bottom: 0;
+            width: 155px;
+            overflow: hidden;
+
+            img {
+              display: block;
+              width: 300px;
+              height: auto;
+              position: absolute;
+              top: 50%;
+              left: 50%;
+              transform: translateY(-50%) translateX(-50%);
+            }
+          }
+        }
+
         .title {
           font-weight: normal;
           a {

data/_sass/jekyll-theme-isotc211.scss

@@ -59,3 +59,4 @@ html {
 @import 'offsets';
 @import 'main';
 @import 'home';
+@import 'post';

data/_sass/post.scss

@@ -0,0 +1,17 @@
+body.post {
+  > main {
+    margin-bottom: 1em;
+  }
+
+  .illustration {
+    margin-bottom: 1em;
+
+    img {
+      display: block;
+      width: 100%;
+      @media screen and (min-width: $bigscreenBreakpoint) {
+        width: 85%;
+      }
+    }
+  }
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-isotc211
 version: !ruby/object:Gem::Version
-  version: 0.2.2
+  version: 0.2.3
 platform: ruby
 authors:
 - Ribose Inc.
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-03-13 00:00:00.000000000 Z
+date: 2019-03-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -146,6 +146,7 @@ files:
 - _sass/main.scss
 - _sass/normalize.scss
 - _sass/offsets.scss
+- _sass/post.scss
 - assets/logo-iso-noninverted.svg
 - assets/logo-iso.svg
 - assets/logo-ribose.svg