jekyll-theme-isotc211 0.1.5 → 0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f9da35e3e25805d96419ad5a11cfcfffde857024aeede2cc2f2025ac519e9574
-  data.tar.gz: 7c925a7a2a98b069aebd24b48798d49baffaebd7080466750716d53a78f59a48
+  metadata.gz: 2fb84c5177bba2577c1e6312fa9ee57b84a7fa243f76f584e10f0555ca78d32d
+  data.tar.gz: 1d4ff15dfd6040fd0fdb91ec53d9d03ee11529149596ed57d55cebb34f6fe5c2
 SHA512:
-  metadata.gz: 2a08556d8fd19be249828da8d2b7e2a1748e4940b3cd711842875d7b95431ab7602b1e248b2af0873ec43bfb88c26ffefb79e46609ebae7eba1d4e021bbbe4e4
-  data.tar.gz: feee5861b5bdc9c7383132284bd6b2562413905fda43421124d702bc4878517c50eddbe4893c08d1f8baaa82c34ac594bac407d41570de312013d8c1093d3c0f
+  metadata.gz: d08f5299471f4dd0073e20ec9e5dcb1e9bf723ab4da16311f448a1c8643ce0b5b7ada188217c1ffb65a5af0e5edbf0af4a1c542c1614ae556a70970624e23cc0
+  data.tar.gz: c5751d4d423c081d75030843391e2725111a6b0c54e43fa468810b14b06df19a3a6bfb004e3b7e9ce85f7201234a657ac31e4b5632924fb02adad9ea51430657

data/_layouts/default.html

@@ -16,12 +16,17 @@
             <span class="description">
               {{ site.tagline }}
             </span>
-            <span class="committee">
-              from ISO/TC 211
-            </span>
-            <span class="committee-full">
-              Geographic information/Geomatics
-            </span>
+
+            from
+
+            <a href="{{ site.committee.link }}">
+              <span class="committee">
+                ISO/TC {{ site.committee.id }}
+              </span>
+              <span class="committee-full">
+                {{ site.committee.name }}
+              </span>
+            </a>
           </p>
         </div>
 

data/_sass/home.scss

@@ -1,23 +1,38 @@
 body.home {
+  > footer {
+    box-shadow: none;
+  }
+
   > main {
+    padding-bottom: 0;
+
     > .section > h2 {
       @extend .section-title;
     }
 
     > .news {
+
+      // Assuming it goes right before footer
+      box-shadow: 0 5px 20px -10px silver inset;
+      border-bottom: 0;
+      flex: 1;
+      background: whitesmoke;
+      margin-top: 1em;
+
       .items {
         display: flex;
         flex-flow: row nowrap;
         justify-content: flex-start;
         align-items: stretch;
         overflow-y: auto;
+        margin-bottom: 1em;
       }
       .news-item-card {
         flex-basis: 20em;
         max-width: 90vw;
         border-radius: .5em;
         padding: 0 .75em;
-        border: 1px solid #f0f0f0;
+        background: #fff;
         margin-right: 1em;
 
         .title {

data/_sass/jekyll-theme-isotc211.scss

@@ -40,9 +40,20 @@ html {
 
 .section-title {
   font-size: 18px;
-  font-weight: normal;
   text-transform: uppercase;
   flex-shrink: 0;
+  margin-top: 0;
+  position: relative;
+
+  @media screen and (min-width: $bigscreenBreakpoint) {
+    &:before {
+      position: absolute;
+      width: 112px;
+      left: -112px;
+      text-align: center;
+      content: "⧐";
+    }
+  }
 }
 
 @import 'offsets';

data/_sass/main.scss

@@ -1,14 +1,40 @@
+// Asciidoctor-generated markup
+// ============================
+
+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;
+  }
+}
+
+
 // Main layout
 // ===========
 
 body > header,
 body > main > section,
 body > main > .section {
-  padding-bottom: 1em;
+  padding-top: 1em;
+
+  > h2 {
+    @extend .section-title;
+  }
 }
 
 body {
-  $footerH: $logoSize + 40px;
+  $footerH: $logoSize + 20px;
 
   flex: 1;
 
@@ -19,23 +45,33 @@ body {
 
   > footer {
     flex-shrink: 0;
-    height: $footerH;
-    margin-top: 1em;
     font-size: 90%;
     line-height: 1.6;
 
+    background: whitesmoke;
+    box-shadow: 0 5px 20px -10px silver inset;
+
+    padding-top: 1em;
+
+    @media screen and (min-width: $bigscreenBreakpoint) {
+      height: $footerH;
+      padding-top: 0;
+    }
+
     .logo {
       width: $logoOffset;
       margin-left: 0;
+      display: inline-block;
 
       img {
         width: $logoSize;
         height: $logoSize;
-        display: block;
+        vertical-align: middle;
       }
     }
 
     .powered-by {
+      flex: 1;
       width: $logoOffset;
 
       .powered-by-text {
@@ -53,6 +89,7 @@ body {
 
     .legal {
       white-space: nowrap;
+      display: inline-block;
     }
 
     ul[role=nav] {
@@ -85,6 +122,12 @@ body {
 
   > header {
     flex-shrink: 0;
+    background: whitesmoke;
+    margin-bottom: 1em;
+    padding-top: 0;
+    padding-bottom: .5em;
+
+    box-shadow: 0 -5px 20px -10px silver inset;
 
     .site-headline {
       .parent-org-reference {
@@ -115,11 +158,11 @@ body {
         flex-flow: column nowrap;
 
         h1 {
-          @include titleFontFamily(false);
+          @include titleFontFamily(true);
 
-          font-size: 270%;
+          font-size: 170%;
           margin: 0;
-          margin-top: .6em;
+          margin-top: 1.4em;
           margin-bottom: .2em;
           margin-left: -.12em;  // Visual alignment of capital G
           letter-spacing: -.03em;
@@ -132,12 +175,7 @@ body {
 
         p {
           margin: 0;
-          text-transform: uppercase;
-          letter-spacing: .04em;
-
-          font-size: 80%;
           line-height: 1.6;
-
           padding-bottom: 1em;
           flex: 1;
 
@@ -151,15 +189,13 @@ body {
         align-self: flex-end;
 
         display: flex;
-        flex-flow: column nowrap;
+        flex-flow: row wrap;
         align-items: flex-start;
         margin: 0 0 0 .4em;
         padding: 0 0 1em 0;
         list-style: none;
 
-        font-size: 80%;
         line-height: 1.6;
-        text-transform: uppercase;
 
         li {
           margin: 0 0 0 1em;
@@ -195,5 +231,6 @@ body {
     display: flex;
     flex-flow: column nowrap;
     line-height: 1.6;
+    padding-bottom: 1em;
   }
 }

data/_sass/offsets.scss

@@ -4,11 +4,11 @@
 $sideOffsetBase: 15vw;
 
 body > header {
-  margin: 0 $sideOffsetBase 0 $sideOffsetBase;
+  padding: 0 $sideOffsetBase 0 $sideOffsetBase;
 
   // Hanging logo on the left
   @media screen and (min-width: $bigscreenBreakpoint) {
-    margin: 0 $sideOffsetBase 0 calc(#{$sideOffsetBase} - #{$logoOffset});
+    padding: 0 $sideOffsetBase 0 calc(#{$sideOffsetBase} - #{$logoOffset});
   }
 }
 body > footer {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-isotc211
 version: !ruby/object:Gem::Version
-  version: 0.1.5
+  version: '0.2'
 platform: ruby
 authors:
 - Ribose Inc.
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-02-02 00:00:00.000000000 Z
+date: 2019-03-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll