jekyll-theme-isotc211 0.3 → 0.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e9ea16ec48f64dc0ddfa05644d0773f34228fcea9d155d50594daf5285adf8f4
-  data.tar.gz: c81df5f9596a7ed860cc2dc80f6d979fa54f3b4fa1c624619e4baf9d2c067b29
+  metadata.gz: fbf8574599352552548cd2f2b6c8ab94c3f3225248a34cbd7e10374f9172a377
+  data.tar.gz: b03b1cfcbfe6e7d6b3185bde7f5481cb24108344cea58248eadc28583172861e
 SHA512:
-  metadata.gz: 0f9066da821978a383e0a06984ba30d0ec7b0f55cbc155c64f651b93ff6fb477bffe77ee532a30c276ceefb019562ca7514bcc61c73f502898e228d5acf8dc7c
-  data.tar.gz: 02babca920bd2532fc7f27077f5bc7a2b17010a6a00e1a8e2b26a127a6bae41841027f6758b9acfcafa99fa64819cf9952ca01a9ebb1beb7edb48e6f33ec5123
+  metadata.gz: dfc36674ccb39d7d9bc8431bce675a5205ad3cca2d492446e850eb1d8511a64cececd89ca59d49b8dd25a8e6a95386c10c5c1a10f32b6a0fef11ecd8b7a86087
+  data.tar.gz: e41b487ad7b9332aca3319ebab03877b42fcd668ef6602bcb2876c1c1423de7ec954dd7e7a17ee5469b86fc897efeb711d2e5b81d9102bb21a73598f4027ad53

data/_includes/newsroll-entry.html

@@ -3,8 +3,8 @@
     {% if post.illustration %}news-item--with-illustration{% endif %}">
 
   {% if post.illustration %}
-    <a class="illustration-container" href="{{ post.url | relative_url }}">
-      <img src="{{ post.illustration | relative_url }}">
+    <a class="illustration-container" href="{{ post.url | relative_url }}"
+      style="background-image: url({{ post.illustration | relative_url }});">
     </a>
   {% endif %}
 

data/_layouts/default.html

@@ -43,11 +43,12 @@
       {{ content }}
     </main>
 
-    {% if site.awards %}
+    {% if site.awards and page.hide_awards != true %}
       <p class="awards">
+        <i class="fa fa-certificate icon"></i>
         Winner of 
         {% for award in site.awards %}
-          <span class="award"><a href="{{ award.path }}"
+          <span class="award">the <a href="{{ award.path }}"
             >{{ award.title }}</a>{%- unless forloop.last -%}, {% endunless %}</span>{% endfor %}.
       </p>
     {% endif %}

data/_layouts/page.html

@@ -3,6 +3,6 @@ layout: default
 bodyClass: page
 ---
 
-<h2>{{ page.title }}</h2>
+<h1>{{ page.title_html | default: page.title }}</h1>
 
 {{ content }}

data/_layouts/post.html

@@ -4,7 +4,7 @@ nav_items: [home, about]
 bodyClass: post
 ---
 
-<h2>{{ page.title }}</h2>
+<h1>{{ page.title_html | default: page.title }}</h1>
 
 <p class="meta">{{ page.date | date: '%B %d, %Y' }}</p>
 

data/_sass/adoc-markup.scss

@@ -0,0 +1,129 @@
+// Asciidoctor-generated markup
+// ============================
+
+@mixin asciidoc-markup() {
+
+  // Code listing
+
+  .paragraph code {
+    word-break: break-word;
+  }
+
+  // Generic block title
+
+  .admonitionblock,
+  .listingblock,
+  .imageblock {
+    .title {
+      text-transform: uppercase;
+      font-size: 12px;
+      border-radius: .25em;
+      background-color: $textColor;
+      color: white;
+      font-weight: bold;
+      padding: .3em .6em .15em .6em;
+    }
+  }
+
+  // Specific blocks
+
+  .admonitionblock,
+  .listingblock {
+    margin-top: 1em;
+    margin-bottom: 1em;
+  }
+
+  .admonitionblock.warning {
+    td.icon .title {
+      background-color: $warningColor;
+    }
+  }
+  .admonitionblock.important {
+    td.icon .title {
+      background-color: $importantColor;
+    }
+  }
+
+  .imageblock {
+    .title {
+      background-color: $accentColor;
+      color: white;
+    }
+  }
+
+  .listingblock {
+    display: flex;
+    flex-flow: column nowrap;
+
+    .title {
+      align-self: flex-start;
+      background-color: $codeListingBorderColor;
+      color: white;
+      border-radius: 0;
+    }
+
+    .content {
+      align-self: stretch;
+
+      pre {
+        margin: 0;
+      }
+    }
+  }
+
+  .admonitionblock {
+    overflow-x: scroll;
+
+    table:first-child {
+      margin-top: 0;
+    }
+    table:last-child {
+      margin-bottom: 0;
+    }
+
+    td.icon {
+      vertical-align: top;
+      padding-left: 0;
+      padding-right: 1em;
+      font-size: 90%;
+    }
+
+    .title {
+      background-color: $linkColor;
+      color: white;
+    }
+
+    .content {
+      font-size: 90%;
+
+      .title {
+        background: transparent;
+        color: $textColor;
+        padding-left: 0;
+      }
+
+      .listingblock pre {
+        font-size: 100%;
+      }
+
+      > div:first-child {
+        > :first-child {
+          margin-top: 0;
+        }
+      }
+      > div:last-child {
+        > :last-child {
+          margin-bottom: 0;
+        }
+        &.ulist {
+          li:first-child > :first-child {
+            margin-top: 0;
+          }
+          li:last-child > :last-child {
+            margin-bottom: 0;
+          }
+        }
+      }
+    }
+  }
+}

data/_sass/home.scss

@@ -23,7 +23,7 @@ body.home {
         flex-flow: row nowrap;
         justify-content: flex-start;
         align-items: stretch;
-        overflow-y: auto;
+        overflow-x: auto;
         padding-top: 1em;
         padding-bottom: 1em;
       }
@@ -55,16 +55,8 @@ body.home {
             display: block;
             width: 155px;
             overflow: hidden;
-
-            img {
-              display: block;
-              width: 300px;
-              height: auto;
-              position: absolute;
-              top: 50%;
-              left: 50%;
-              transform: translateY(-50%) translateX(-50%);
-            }
+            background-size: cover;
+            background-position: center center;
           }
         }
 
@@ -72,6 +64,8 @@ body.home {
           font-weight: normal;
           margin-top: .75em;
           margin-bottom: .4em;
+          font-size: 110%;
+          line-height: 1.3;
 
           a {
             text-decoration: none;

data/_sass/jekyll-theme-isotc211.scss

@@ -8,6 +8,12 @@ $logoSize: 100px;
 $isoTCColor: #0f6db3;
 $textColor: black;
 
+$warningColor: red;
+$importantColor: orange;
+$accentColor: $isoTCColor;
+
+$codeListingBorderColor: silver;
+
 $mainShadowColor: rgba(black, 0.4);
 $headerFooterBackgroundColor: rgba(black, 0.05);
 $mainSectionBackgroundColor: rgba(white, 0.8);
@@ -65,6 +71,7 @@ html {
   position: relative;
 }
 
+@import 'adoc-markup';
 @import 'offsets';
 @import 'main';
 @import 'home';

data/_sass/main.scss

@@ -1,28 +1,11 @@
-// Asciidoctor-generated markup
-// ============================
+// Main layout
+// ===========
 
 body > main {
-  .admonitionblock {
-    margin-bottom: 1em;
-
-    td.icon {
-      vertical-align: top;
-      padding-right: 1em;
-      font-weight: bold;
-    }
-    .content {
-      word-break: break-word;
-    }
-  }
-  .paragraph code {
-    word-break: break-word;
-  }
+  font-size: 18px;
+  @include asciidoc-markup();
 }
 
-
-// Main layout
-// ===========
-
 body > header,
 body > main > section,
 body > main > .section {
@@ -63,6 +46,10 @@ body {
     padding: 1em 15vw;
     background: rgba(black, 0.1);
     font-size: 80%;
+
+    .icon {
+      margin-right: 1em;
+    }
   }
 
   > footer {

data/_sass/offsets.scss

@@ -39,7 +39,11 @@ body.home > main > .news {
 
 body.post, body.page {
   > main > * {
-    margin-left: $sideOffsetBase;
-    margin-right: $sideOffsetBase;
+    padding-left: $sideOffsetBase;
+    padding-right: $sideOffsetBase / 2;
+
+    @media screen and (min-width: $bigscreenBreakpoint) {
+      padding-right: $sideOffsetBase;
+    }
   }
 }

data/_sass/post.scss

@@ -1,27 +1,34 @@
-body.post {
+body.post,
+body.page {
   > main {
     padding-bottom: 1em;
-  }
 
-  .meta {
-    color: lighten($textColor, 50);
-    margin-bottom: 2em;
-  }
+    h1 {
+      margin-bottom: 0;
+      font-weight: normal;
+      font-size: 200%;
+    }
 
-  h2 {
-    margin-bottom: 0;
-    font-weight: normal;
-    font-size: 200%;
-  }
+    .lead {
+      background-color: rgba(0, 0, 0, 0.05);
+      font-size: 120%;
+      margin-bottom: 1em;
+    }
+
+    .meta {
+      color: lighten($textColor, 50);
+      margin-bottom: 2em;
+    }
 
-  .illustration {
-    margin-bottom: 1em;
+    .illustration {
+      margin-bottom: 1em;
 
-    img {
-      display: block;
-      width: 100%;
-      @media screen and (min-width: $bigscreenBreakpoint) {
-        width: 85%;
+      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.3'
+  version: 0.3.1
 platform: ruby
 authors:
 - Ribose Inc.
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-03-24 00:00:00.000000000 Z
+date: 2019-03-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -142,6 +142,7 @@ files:
 - _layouts/page.html
 - _layouts/post.html
 - _pages/404.adoc
+- _sass/adoc-markup.scss
 - _sass/home.scss
 - _sass/jekyll-theme-isotc211.scss
 - _sass/main.scss