jekyll-geolexica 1.0.0

data/_sass/jekyll-theme-isotc211.scss

@@ -0,0 +1,146 @@
+@import url('https://fonts.googleapis.com/css?family=Tienne:400,700');
+
+$bodyFontFamily: Helvetica, sans-serif;
+$bigscreenBreakpoint: 900px;
+$widescreenBreakpoint: 1200px;
+$logoSize: 100px;
+$logoOffset: $logoSize + 12px;
+
+$isoTCColor: #0f6db3;
+$textColor: black;
+
+$warningColor: red;
+$importantColor: orange;
+$accentColor: $isoTCColor;
+
+$codeListingBorderColor: lighten($textColor, 70);
+$codeListingBackgroundColor: rgba($textColor, 0.03);
+
+$mainShadowColor: rgba(black, 0.4);
+$headerFooterBackgroundColor: rgba(black, 0.05);
+$mainSectionBackgroundColor: rgba(white, 0.8);
+
+$linkColor: $isoTCColor;
+$linkColorInverse: white;
+
+$stripeWidth: 30px;
+
+$homeSectionItemSidePadding: 1em;
+
+@mixin titleFontFamily($useBold: false) {
+  font-family: 'Tienne', Georgia, serif;
+
+  @if $useBold == true {
+    font-weight: 700;
+  } @else {
+    font-weight: 400;
+  }
+}
+
+@import 'normalize';
+
+a {
+  &:link, &:visited, &:hover {
+    color: inherit;
+  }
+}
+main a {
+  &:link, &:visited, &:hover {
+    color: $linkColor;
+  }
+}
+
+input, textarea, button {
+  font-size: inherit;
+  font-family: inherit;
+}
+
+html {
+  height: 100%;
+  display: flex;
+  flex-flow: column nowrap;
+  align-items: stretch;
+}
+
+.section-title {
+  font-size: 18px;
+  text-transform: uppercase;
+  flex-shrink: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+  position: relative;
+}
+
+@import 'adoc-markup';
+@import 'offsets';
+@import 'main';
+@import 'expandable-nav';
+@import 'home';
+@import 'post';
+@import 'posts';
+@import 'legacy-crossbrowser';
+
+body.resource {
+  max-height: 100vh;
+
+  > main {
+    flex: 1 1 auto;
+    padding-top: 1em;
+    overflow: hidden;
+
+    > header h1 {
+      display: none;
+    }
+  }
+
+  .two-pane-viewer {
+    display: flex;
+    flex-flow: row nowrap;
+    overflow: hidden;
+    width: 100%;
+    flex: 1;
+
+    .viewer {
+      position: relative;
+      flex: 1;
+      display: flex;
+      flex-flow: row nowrap;
+      padding: 1em;
+      margin: 0 1em;
+      border-radius: 1em;
+      background: whiteSmoke;
+
+      iframe {
+        flex: 1;
+        border: 0;
+      }
+    }
+
+    // Fix style clashes with Blueprint
+    .bp3-tree {
+      font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", "Icons16", sans-serif
+    }
+
+    .browser {
+      max-width: 300px;
+      font-size: 84%;
+      box-shadow: none;
+      overflow-y: scroll;
+      padding-top: 1em;
+
+      .bp3-tree-node-content:hover {
+        background-color: inherit;
+      }
+
+      a {
+        color: inherit;
+        text-decoration: none;
+        border: 0;
+
+        &.selected {
+          font-weight: bold;
+        }
+      }
+    }
+  }
+}

data/_sass/legacy-crossbrowser.scss

@@ -0,0 +1,67 @@
+// Layout workaround without using Flexbox for IE 10 and below
+
+@media screen and (min-width:0\0) {
+  body>header {
+    margin: 0;
+    padding: 0;
+    padding-left: 15%;
+    padding-top: 12px;
+  }
+
+  body>header .site-headline .site-title .committee-widget {
+    font-size: 95%;
+  }
+
+  body>header .site-headline .site-title .title {
+    display: block;
+    margin-top: 12px;
+    padding-bottom: 12px;
+  }
+
+  body>main {
+    display: block;
+  }
+
+  body.home>main>.news .items {
+    padding: 0;
+    margin: 0;
+    margin-left: 15%;
+    width: 75%;
+  }
+
+  body.home>main>.news .news-item-card {
+    display: block;
+    margin-top: 18px;
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  body.home>main>.news .items .news-item-card:first-child {
+    margin-left: 0;
+  }
+
+  body.home>main>.news .news-item-card.news-item--with-illustration {
+    min-height: 208px;
+  }
+
+  body.home>main>.news {
+    clear: both;
+    display: block;
+  }
+
+  body.home>main>.news .items {
+    padding-bottom: 18px;
+  }
+
+  body>footer {
+    padding-top: 8px;
+  }
+
+  body>footer ul[role="nav"] li {
+    display: inline-block;
+  }
+
+  body>footer .powered-by {
+    float: right
+  }
+}

data/_sass/main.scss

@@ -0,0 +1,413 @@
+a {
+  text-decoration: none;
+  color: $textColor;
+}
+
+body > main a {
+  color: $linkColor;
+  border-bottom: 1px solid $linkColor;
+
+  &:hover {
+    text-decoration: none;
+  }
+
+  &[rel=external] {
+    border-bottom-style: dotted;
+    &:link, &:hover, &:focus, &:active {
+      .ico-ext {
+        font-size: 50%;
+        vertical-align: text-top;
+        position: relative;
+        left: .15em;
+      }
+    }
+  }
+}
+
+// Main layout
+// ===========
+
+body {
+  font-size: 16px;
+  line-height: 1.15;
+}
+
+body {
+  font-family: $bodyFontFamily;
+}
+
+body > main {
+  font-size: 18px;
+  @include asciidoc-markup();
+}
+
+body > header,
+body > main > section,
+body > main > .section {
+  padding-top: 1em;
+
+  > h2 {
+    @extend .section-title;
+  }
+}
+
+body > main,
+body.home > main > section,
+body.home > main > .section {
+  background: $mainSectionBackgroundColor;
+}
+
+body.home > main {
+  background: transparent;
+}
+
+body {
+  $footerLogoSize: 60px;
+  $footerH: $footerLogoSize + 20px;
+  $footerPoweredByLogoWidth: 100px;
+
+  flex: 1;
+
+  display: flex;
+  flex-flow: column nowrap;
+  align-items: stretch;
+  margin-bottom: -$footerH;
+
+  background: linear-gradient(90deg, $isoTCColor $stripeWidth, transparent 20px);
+
+  > .awards {
+    color: grey;
+    margin: 0;
+    padding: 1em 15vw;
+    background: rgba(black, 0.1);
+    font-size: 80%;
+
+    .icon {
+      margin-right: 1em;
+    }
+  }
+
+  > footer {
+    flex-shrink: 0;
+    font-size: 90%;
+    line-height: 1.6;
+
+    background: $headerFooterBackgroundColor;
+    box-shadow: 0 10px 20px -20px $mainShadowColor inset;
+
+    padding-top: 1em;
+
+    .logo {
+      width: $footerLogoSize + 12px;
+      margin-left: 0;
+      display: inline-block;
+
+      img {
+        width: $footerLogoSize;
+        height: $footerLogoSize;
+        vertical-align: middle;
+      }
+    }
+
+    .powered-by {
+      flex: 1;
+      width: $logoOffset;
+
+      .powered-by-text {
+        font-size: 0.5em;
+        text-transform: uppercase;
+        font-weight: 600;
+        display: block;
+      }
+
+      img {
+        width: $footerPoweredByLogoWidth;
+        display: block;
+      }
+    }
+
+    .legal {
+      white-space: nowrap;
+      display: inline-block;
+    }
+
+    ul[role=nav] {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      display: flex;
+      flex-flow: row wrap;
+
+      li {
+        margin-left: 1em;
+        white-space: nowrap;
+        &:first-child {
+          margin-left: 0;
+        }
+      }
+    }
+
+    @media screen and (min-width: $bigscreenBreakpoint) {
+      display: flex;
+      flex-flow: row nowrap;
+      align-items: center;
+      justify-content: flex-end;
+
+      height: $footerH;
+      padding-top: 0;
+
+      .powered-by {
+        margin-left: 2em;
+      }
+    }
+  }
+
+  > header {
+    flex-shrink: 0;
+    padding-top: .5em;
+
+    background: $headerFooterBackgroundColor;
+    box-shadow: 0 -10px 20px -20px $mainShadowColor inset;
+
+    .site-headline {
+      margin: 0;
+      padding: 0;
+      font-size: 100%;
+      font-weight: normal;
+
+      > .parent-org-reference {
+        display: none;
+
+        flex-flow: column nowrap;
+        justify-content: space-between;
+        width: $logoOffset;
+
+        .logo-link {
+          height: $logoOffset;
+          width: $logoOffset;
+          display: flex;
+          flex-flow: column nowrap;
+          align-items: center;
+          justify-content: center;
+
+          img {
+            display: block;
+            height: $logoSize;
+            width: $logoSize;
+          }
+        }
+      }
+      .site-title {
+        flex: 1;
+        display: flex;
+        flex-flow: column nowrap;
+
+        .title {
+          font-size: 150%;
+          font-weight: normal;
+          margin: 0;
+          margin-bottom: 1em;
+          margin-left: -.12em;  // Visual alignment of capital G
+          letter-spacing: -.025em;
+        }
+
+        .committee-widget {
+          font-size: 80%;
+          line-height: 1.5;
+          margin: 0;
+          padding-bottom: 1.5em;
+
+          display: flex;
+          flex-flow: row wrap;
+          align-items: center;
+
+          @media screen and (min-width: $bigscreenBreakpoint) {
+            margin-top: 3.3em;
+          }
+
+          .widget-group {
+            display: flex;
+            flex-flow: row wrap;
+            margin-bottom: 3px;
+
+            @media screen and (min-width: $bigscreenBreakpoint) {
+              flex-flow: row nowrap;
+              margin-bottom: 0;
+            }
+          }
+
+          .widget-item {
+            margin-right: 2px;
+            margin-bottom: 2px;
+            padding: .3em .6em;
+            box-shadow: 1px 1px 2px rgba(black, 0.1);
+            border-width: 1px;
+            border-style: solid;
+
+            background: lighten(desaturate($isoTCColor, 50), 20);
+            border-color: lighten(desaturate($isoTCColor, 50), 20);
+            color: white;
+
+            box-sizing: border-box;
+
+            @media screen and (max-width: $bigscreenBreakpoint) {
+              margin-right: -1px;
+              margin-bottom: -1px;
+              flex: 1;
+            }
+          }
+
+          .committee-id {
+            padding-left: .7em;
+            // Corrects visual padding inconsistency of unclear origin
+
+            white-space: nowrap;
+            background: black;
+            border-color: black;
+            font-weight: bold;
+            color: white;
+          }
+
+          .committee-menu {
+            flex-flow: row wrap;
+
+            .widget-item {
+              @media screen and (max-width: $bigscreenBreakpoint) {
+                flex-basis: 50%;
+                &.home {
+                  flex: 0;
+                  &:only-child {
+                    flex: 1;
+                  }
+                }
+              }
+            }
+          }
+
+          .widget-item.home {
+            white-space: nowrap;
+            .fa-home {
+              margin-right: .25em;
+            }
+          }
+
+          .widget-item.parent-org-reference {
+            display: inline;
+            background: #e30b1f;
+            border-color: #e30b1f;
+            font-weight: bold;
+
+            @media screen and (min-width: $bigscreenBreakpoint) {
+              display: none;
+            }
+          }
+
+          .committee-name {
+            background: $isoTCColor;
+            border-color: $isoTCColor;
+            color: white;
+          }
+        }
+      }
+
+      @media screen and (min-width: $bigscreenBreakpoint) {
+        display: flex;
+        flex-flow: row nowrap;
+        align-items: flex-start;
+
+        > .parent-org-reference {
+          display: flex;
+        }
+      }
+
+      @media screen and (max-width: $bigscreenBreakpoint) {
+        .parent-org-reference .logo-link img {
+          visibility: hidden;
+        }
+      }
+    }
+
+    &.brand {
+      .site-headline {
+        .title {
+          font-size: 220%;
+          margin-bottom: .5em;
+        }
+      }
+    }
+  }
+
+  > header > nav.priority-nav {
+    ul {
+      padding: 0;
+      margin: 0;
+      margin-right: -$logoOffset;
+
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+
+      padding-bottom: 1em;
+
+      @media screen and (min-width: $bigscreenBreakpoint) {
+        margin-left: $logoOffset;
+        margin-right: 0;
+      }
+
+      li {
+        display: inline;
+        margin-right: 1em;
+        overflow: hidden;
+
+        a {
+          text-transform: uppercase;
+          font-size: 80%;
+          letter-spacing: -.01em;
+        }
+      }
+    }
+  }
+
+  > header > nav.expandable-nav {
+    display: none;
+  }
+
+  > main {
+    flex: 1 0 auto;
+    display: flex;
+    flex-flow: column nowrap;
+    line-height: 1.6;
+    padding-bottom: 1em;
+
+    position: relative;
+
+    > header {
+      p.section-title {
+        margin: 0;
+        @extend .section-title;
+        transform-origin: top left;
+        transform: rotate(-90deg) translateX(-100%);
+        position: absolute;
+        color: $isoTCColor;
+        font-size: 80%;
+        top: 3em;
+        left: .3em;
+      }
+      h1 {
+        margin-bottom: 0;
+        font-weight: normal;
+        font-size: 200%;
+      }
+      .meta {
+        color: lighten($textColor, 50);
+        margin-bottom: 2em;
+      }
+    }
+
+    .lead {
+      background-color: rgba(0, 0, 0, 0.05);
+      font-size: 120%;
+      margin-bottom: 1em;
+    }
+  }
+}