jekyll-theme-open-project 1.1.17 → 1.1.18

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 985058ab03cdc730f457234ab4c643e7b5c45cfe74fe8653fb9492913bb614e3
-  data.tar.gz: b3a54a0c5596163cd28d30f22d4f3101b9593cdbbfb719230b9b9c946d65d931
+  metadata.gz: cbbeb25a641389d5a1223c874cf869f5fb272b927cc2aa2b6babbca1d48b398d
+  data.tar.gz: 9721bb489d92889b20c8054b0763bf282d152923a1edb0d50d1f2207b6eff10e
 SHA512:
-  metadata.gz: 77ad5de68ffc78ee735e629f3d269bdd687b0d302d3fd8ed03bf0c916b0885ce07a40dafc7d6db02cc4dedc98e88a0b5753b2772879f21ea06d72f37e278beaf
-  data.tar.gz: 77ac7160156d7371abc6d0ba7f9fea277d710f3614ce7b35630b6948f74b6c007a19fec9ff596e9130a30a0e0a2c9a3b02f257eb81629dd2d7a462f5aaef039e
+  metadata.gz: 42f683272134eebba6ffd7a71b6c64836be8195950bade105a62068b31032618bcc5185329d94fdeb279bb8eaed4729f05b684035a280c6458e8610cc8de38cd
+  data.tar.gz: fd373199041f54d2211e95a2d96294196ee3f0afe83289b39869d213d7e15555487c0a60cc638d9b6e859942f34a06aeed7d0cb4604c7d849f740dd2f534413c

data/_includes/home-hero.html

@@ -18,13 +18,9 @@
       {% endfor %}
     {% endif %}
   </div>
-
-  {% if site.parent_hub %}
-    <div class="parent-hub-plug">
-      <span class="label">{{ site.title }} is</span>
-      <a class="logo" role="presentation" href="{{ site.parent_hub.home_url }}">
-        {% include parent-hub/assets/symbol.svg %}&nbsp;<span class="title">{% include parent-hub/title.html %}</span>
-      </a>
-    </div>
-  {% endif %}
+</div>
+<div class="illustration">
+  <div role="presentation" class="logo">
+    {% include assets/symbol.svg %}
+  </div>
 </div>

data/_includes/home-project.html

@@ -28,7 +28,14 @@
 
   {% if num_software > 0 %}
     <section class="software">
-      <h2 class="title">Open Source Software</h2>
+      {% if num_featured_software >= num_software or num_software <= site.max_featured_software %}
+        <h2 class="title">Open-source Software</h2>
+      {% else %}
+        <h2 class="title">
+          Featured Software
+          <a class="more-link" href="/software/" title="See all {{ site.title }} software">(see all)</a>
+        </h2>
+      {% endif %}
 
       <div class="items">
         {% for item in software | limit: site.max_featured_software %}
@@ -57,18 +64,12 @@
           </a>
         {% endfor %}
       </div>
-
-      {% if num_featured_software < num_software %}
-      <footer>
-        <a class="more-link" href="/software/">See all {{ site.title }} software</a>
-      </footer>
-      {% endif %}
     </section>
   {% endif %}
 
   {% if num_posts > 0 %}
     <section class="featured-posts">
-      <h2 class="title">From the Blog</h2>
+      <h2 class="title">From the <a href="/blog/">Blog</a></h2>
 
       <div class="items">
         {% for item in posts | limit: site.max_featured_posts %}
@@ -81,7 +82,15 @@
 
 {% if num_specs > 0 %}
   <section class="specs">
-    <h2 class="title">Open Specifications</h2>
+    <h2 class="title">
+      {% if num_featured_specs >= num_specs or num_specs <= site.max_featured_specs %}
+        Open Specifications
+      {% else %}
+        Featured Specifications
+        <a class="more-link"
+          href="/specs/" title="See all {{ site.title }} specs">(see all)</a>
+      {% endif %}
+    </h2>
 
     <div class="items">
       {% for item in specs | limit: site.max_featured_specs %}
@@ -106,11 +115,5 @@
         </a>
       {% endfor %}
     </div>
-
-    {% if num_featured_specs < num_specs %}
-    <footer>
-      <a class="more-link" href="/specs/">See all {{ site.title }} specs</a>
-    </footer>
-    {% endif %}
   </section>
 {% endif %}

data/_sass/jekyll-theme-open-project.scss

@@ -302,6 +302,9 @@ main {
           display: inline-block;
           height: 80px;
           width: 80px;
+
+          // Without this, some items’ logos don’t conform to above dimensions
+          overflow: hidden;
         }
 
         header > .title {
@@ -311,9 +314,14 @@ main {
 
         .body {
           font-size: 16px;
-          height: 100px;
+          padding-bottom: 20px;
           overflow: hidden;
           text-overflow: ellipsis;
+
+          @media screen and (min-width: $bigscreen-breakpoint) {
+            height: 100px;
+            padding-bottom: 0;
+          }
         }
 
         .cta-view-project {
@@ -434,6 +442,59 @@ main {
 /* Project */
 
 .site--project {
+  &.layout--home > main > .underlay.summary-background {
+    padding-top: 20px;
+
+    > svg {
+      > polygon {
+        fill: #F7F7F7;
+      }
+      bottom: 0;
+      width: 100%;
+      height: 35vw;
+    }
+
+    .summary {
+      font-size: 18px;
+
+      ul.you-can {
+        padding: 0;
+        display: flex;
+        flex-flow: column nowrap;
+        li {
+          flex: 1 1 auto;
+          &:first-child {
+            margin-right: 40px;
+          }
+        }
+      }
+      .cta {
+        margin-top: 30px;
+        .button {
+          @include cta-button($primary-dark-color, white);
+          border-radius: 25px;
+          border: 1px solid $primary-color;
+        }
+      }
+      p:first-child:first-letter {
+        color: $accent-color;
+        float: left;
+        font-size: 75px;
+        line-height: 60px;
+        padding-right: 8px;
+        margin-left: -5px;
+      }
+      @media screen and (min-width: $bigscreen-breakpoint) {
+        p:first-child {
+          padding-right: 20vw;
+        }
+        ul.you-can {
+          flex-flow: row nowrap;
+        }
+      }
+    }
+  }
+
   &.layout--home > main > .underlay > .software,
   &.layout--home > main > .specs,
   &.layout--software-index > main,
@@ -456,7 +517,6 @@ main {
 
         padding: 30px 32px;
         text-align: left;
-        margin-bottom: 20px;
 
         header > .title {
           margin: 0;
@@ -498,6 +558,35 @@ main {
   &.layout--home > main > .underlay > .software,
   &.layout--home > main > .specs {
     @extend .main-section;
+
+    .items {
+      @extend .item-grid;
+      justify-content: center;
+
+      > .item {
+        @media screen and (min-width: $bigscreen-breakpoint) {
+          box-sizing: border-box;
+          flex-basis: calc( 100%/#{$featured-cols-narrow} - #{$gutter} );
+
+          // Hide third element (there’re at most 3)
+          &:nth-child(3) {
+            opacity: 0;
+            display: none;
+          }
+        }
+
+        @media screen and (min-width: $widescreen-breakpoint) {
+          box-sizing: border-box;
+          flex-basis: calc( 100%/#{$featured-cols} - #{$gutter} );
+
+          // Show third element
+          &:nth-child(3) {
+            opacity: 1;
+            display: block;
+          }
+        }
+      }
+    }
   }
 
   &.layout--software-index > main,

data/_sass/open-project-base.scss

@@ -32,6 +32,7 @@ a {
 
     > .item {
       margin-right: $gutter;
+      flex: 1;
     }
   }
 }
@@ -50,10 +51,6 @@ a {
   display: flex;
   flex-flow: column nowrap;
 
-  @media screen and (min-width: $bigscreen-breakpoint) {
-    margin-top: 100px;
-  }
-
   > .puny-label {
     align-self: center;
 
@@ -72,10 +69,14 @@ a {
 
     margin-top: 0;
     margin-bottom: 1em;
-    font-size: 32px;
 
     position: relative;
 
+    .more-link {
+      margin-left: .5em;
+      font-size: 70%;
+    }
+
     &:after {
       // Underlaying border feature can be turned on
       // in extending sections by providing border-bottom-color
@@ -95,16 +96,6 @@ a {
   > .items {
     align-self: stretch;
   }
-
-  > footer {
-    text-align: center;
-
-    .more-link {
-      @include cta-button-mini(white, $primary-color);
-      border-radius: 25px;
-      border: 1px solid $primary-color;
-    }
-  }
 }
 
 .with-symbol-background {

data/_sass/open-project-header-footer.scss

@@ -43,12 +43,6 @@ body > .underlay > footer {
   .logo {
     display: block;
   }
-  .layout--home > .underlay.header > .hero > .text > & {
-    position: absolute;
-    bottom: 0;
-    right: 0;
-    text-align: right;
-  }
   body > .underlay.footer & {
     display: flex;
     flex-flow: row nowrap;
@@ -75,17 +69,11 @@ body > .underlay > footer {
 
     > .hero {
       padding-top: 20px;
-
-      @media screen and (min-width: $widescreen-breakpoint) {
-        padding-top: 55px;
-        padding-bottom: 30px;
-      }
-
       color: white;
 
       > .text {
+        padding-bottom: 50px;
         position: relative;
-        padding-bottom: 80px;
 
         > .title {
           font-size: 44px;
@@ -123,15 +111,6 @@ body > .underlay > footer {
   }
   .layout--home > & {
     background: $superhero-background;
-
-    > .hero {
-      > .text {
-        padding-bottom: 85px;
-        @media screen and (min-width: $bigscreen-breakpoint) {
-          padding-bottom: 100px;
-        }
-      }
-    }
   }
 
   .site--hub > & {
@@ -141,47 +120,47 @@ body > .underlay > footer {
   .site--hub.layout--home > & {
     > .hero {
       text-align: left;
-
+      @media screen and (min-width: $bigscreen-breakpoint) {
+        padding-bottom: 50px;
+      }
+    }
+  }
+  .layout--home > & {
+    > .hero {
       .illustration {
         display: none;
       }
-
       @media screen and (min-width: $bigscreen-breakpoint) {
         display: flex;
         flex-flow: row nowrap;
-
+        position: relative;
         .text {
-          width: 550px;
+          z-index: 4;
         }
         .illustration {
-          flex: 1;
-          display: flex;
-          flex-flow: column nowrap;
-          align-items: center;
+          display: block;
+          position: absolute;
         }
       }
     }
   }
-
-  .site--project > & {
-    > .hero {
-      text-align: center;
-
-      > .text {
-        > .desc {
-          @media screen and (min-width: $bigscreen-breakpoint) {
-            margin: 0 7em;
-          }
+  @media screen and (min-width: $bigscreen-breakpoint) {
+    .site--hub.layout--home > & > .hero {
+      .illustration {
+        bottom: 100px;
+        right: -15%;
+        svg {
+          width: 700px;
         }
       }
     }
-  }
-
-  .site--project.layout--home > & {
-    > .hero {
-      padding-bottom: 30px;
-      @media screen and (min-width: $widescreen-breakpoint) {
-        padding-bottom: 40px;
+    .site--project.layout--home > & > .hero {
+      .illustration {
+        bottom: 40px;
+        right: 0;
+        svg {
+          width: 200px;
+        }
       }
     }
   }
@@ -194,6 +173,7 @@ body > .underlay.footer {
 body > .underlay > header {
   padding-top: 26px;
   padding-bottom: 26px;
+  z-index: 2;
 
   align-items: flex-start;
   flex-flow: row nowrap;

data/_sass/open-project-mixins.scss

@@ -70,7 +70,7 @@
 @mixin cta-button($bgcolor, $color) {
   font-weight: 800;
   font-size: 18px;
-  padding: 12px 22px;
+  padding: 12px 32px;
   display: inline-block;
 
   .icon {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-open-project
 version: !ruby/object:Gem::Version
-  version: 1.1.17
+  version: 1.1.18
 platform: ruby
 authors:
 - Ribose Inc.
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-10-22 00:00:00.000000000 Z
+date: 2018-10-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -72,14 +72,14 @@ dependencies:
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 1.1.17
+        version: 1.1.18
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 1.1.17
+        version: 1.1.18
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement