space-jekyll-theme 0.1.2 → 0.1.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e8845f3828ccf185c5f5704dc13e88022d8cc2c7608aac2014489644c8f27fdf
-  data.tar.gz: 4d0c7f4d69f42738a354003399f748d37f3defb78f2d56bffce5c7cebfccc16c
+  metadata.gz: 958f11fafd900584a75a2afd861638b8f9dcc14bf0070b617b27302dff859e1d
+  data.tar.gz: d439f6e977efc95fb913155e958970558c9f3f0f7100bff29529b57eb0d456c5
 SHA512:
-  metadata.gz: db78e0ea4c989c79fe653907ace7d089cd7780149acd44f12c90422e0b1cda70690f8cd7aa658860389f71abecd740fb9615297513ac7a7380865503db9c4e87
-  data.tar.gz: 97a560d1ae81cb046aef5da127fed5857857968435cefc75939b542d2e0207db74af67c8a2d646f92e3ecc1ac4793fac6fbeccaa7187acdabbf75ab63d0c68aa
+  metadata.gz: 6435a2e183109b1597c56d7beefdd54389b0d06772ca79647bfc2efb24a5ce3c9a9215565cf156156acc3be5f575d1b696eb2460aa15791d8670e10a539a7970
+  data.tar.gz: 3272a1ab816ce5721152c2d6659d1533f1a43963970d157be7c72c676e0aa2b6137029b0a0755c4bff32dbd5a95bc525181955fe3cb313ee7e376546ae7158f7

data/README.md

@@ -2,4 +2,4 @@ space-jekyll-theme
 
 gem build space-jekyll-theme.gemspec
 
-gem push space-jekyll-theme-x.x.0.gem
+gem push space-jekyll-theme-0.1.2.gem

data/_includes/posts.html

@@ -1,11 +1,11 @@
 {% for post in site.posts %}
 <div class="post">
-<h5 class="kicker">Filed under {{ post.kicker }} ▪︎ {{ post.date | date: "%m.%d.%Y" }} </h5>
+<h6 class="kicker">{{ post.kicker }}</h6>
 <h1 class="title">
     <a href="{{ post.url }}">{{ post.title }}</a>
 </h1>
 <h2 class="subtitle">{{ post.subtitle }}</h2>
-<div class="meta"><p>By {{ post.author }}</p></div>
+<div class="meta"><p>By {{ post.author }} ▪︎ {{ post.date | date: "%m.%d.%Y" }} </p></div>
 {{ post.excerpt }}
 </div>
 {% endfor %}

data/_layouts/post.html

@@ -1,8 +1,8 @@
 ---
 layout: default
 ---
-<h5 class="kicker">Filed under {{ page.kicker }} ▪︎ {{ page.date | date: "%m.%d.%Y" }} </h5>
+<p class="kicker">{{ page.kicker }}</p>
 <h1>{{ page.title }}</h1>
 <h2 class="subtitle">{{ page.subtitle }}</h2>
-<div class="meta"><p>By {{ page.author }}</p></div>
+<div class="meta"><p>By {{ page.author }} ▪︎ {{ page.date | date: "%m.%d.%Y" }} </p></div>
 {{ content }}

data/_sass/main.scss

@@ -1,15 +1,31 @@
 @import "_breakpoints";
 @import "_mixins";
 
-$display-font   : "Sporting Grotesque", sans-serif;
-$body-font      : "Proza Libre";
-$mono-font      : "Inconsolata";
-$orange         : #fd5200;
-$rust           : #af3800;
+$display-font   : "Space Grotesk";
+$body-font      : "Space Grotesk";
+$mono-font      : "Space Mono";
+$green          : #4CB963;
+$dark-green     : #157f1f;
+
+$ptsize         : 16px;
+$scalefactor    : 1.414;
+
+@function pow($number, $exponent) {
+    $value: 1;
+  
+    @if $exponent > 0 {
+      @for $i from 1 through $exponent {
+        $value: $value * $number;
+      }
+    }
+  
+    @return $value;
+  }
 
 * {
     box-sizing: border-box;
     text-rendering: optimizeLegibility;
+    font-kerning: auto;
 }
 
 .logo {
@@ -23,27 +39,28 @@ h4,
 h5,
 h6, blockquote {
     font-family: $display-font;
-    font-weight: normal;
+    // line-height: 1.5em;
 }
 
 a {
     text-decoration: none;
-    color: $orange;
-    padding-bottom: 0.01em;
+    color: $green;
+    padding-bottom: 0.005em;
     border-bottom: 1px solid lightgray;
 }
 
 a:hover {
-    color: $rust;
-    border-bottom: 1px solid $rust;
+    color: $dark-green;
+    border-bottom: 1px solid $dark-green;
 }
 
 h1 {
-    font-size: 40px;
-    line-height: 135%;
+    font-size: $ptsize * pow($scalefactor, 3);
+    line-height: 1.5;
     margin-top: 80px;
     margin-bottom: 40px;
-    font-weight: 700;
+    // font-weight: 700;
+    font-family: $body-font;
 }
 
 h1.title {
@@ -55,49 +72,52 @@ h1.title {
 }
 
 h2 {
-    color: $orange;
-    font-size: 34px;
-    line-height: 160%;
+    
+    color: $green;
+    font-size: $ptsize * pow($scalefactor, 2);
+    // line-height: 160%;
     margin-top: 60px;
     margin-bottom: 40px;
 }
 
 h2.subtitle {
-    font-weight: 200;
-    font-size: 28px;
-    font-family: $body-font;
+    // font-weight: 200;
+    // font-style: italic;
+    font-size: $ptsize * pow($scalefactor, 2);
+    // font-family: $body-font;
     margin-top: -30px;
+    font-weight: 300;
 }
 
 h3 {
-    font-size: 30px;
-    line-height: 150%;
+    font-size: $ptsize * pow($scalefactor, 1);
+    // line-height: 150%;
     margin-top: 40px;
     margin-bottom: 20px;
 }
 
 h4 {
-    font-size: 26px;
+    font-size: $ptsize * pow($scalefactor, 1);
     line-height: 140%;
 }
 h5 {
-    font-size: 18px;
+    font-size: $ptsize * pow($scalefactor, 1);
     letter-spacing: 1px;
     text-transform: uppercase;
-    line-height: 140%;
+    // line-height: 140%;
 }
 h6 {
-    font-size: 14px;
+    font-size: $ptsize;
     letter-spacing: 2px;
     text-transform: uppercase;
-    line-height: 140%;
+    // line-height: 140%;
 }
 
 p {
-    color: #353535;
-    font-size: 20px;
+    color: rgb(68, 68, 68);
+    font-size: $ptsize;
     font-weight: 400;
-    line-height: 170%;
+    line-height: 1.6;
     margin-top: 40px;
     margin-bottom: 40px;
 }
@@ -130,7 +150,7 @@ iframe {
     background-color: white;
     margin: 2em auto 2em auto;
     padding: 0 2em 0 2em;
-    max-width: 800px;
+    max-width: 760px;
     @include sm {
         margin: 2em auto 2em auto;
         padding: 0 2em 0 2em;
@@ -144,7 +164,7 @@ nav {
     margin-top: 40px;
     margin-bottom: 40px;
     font-family: $display-font;
-    font-size: 20px;
+    font-size: $ptsize;
 
     a {
         color: black;
@@ -160,9 +180,9 @@ nav {
     }
     a.active {
         text-decoration: none;
-        color: $orange;
+        color: $green;
         padding-bottom: 0.3em;
-        border-bottom: 1px solid $orange;
+        border-bottom: 1px solid $green;
     }
 }
 
@@ -184,7 +204,7 @@ nav {
 
 table {
     text-align: left;
-    font-size: 20px;
+    font-size: $ptsize;
 
     caption {
         text-align: left;
@@ -197,14 +217,16 @@ li {
 }
 
 blockquote {
-    font-family: $display-font;
+    font-family: $body-font;
     color: black;
-    font-size: 20px;
-    line-height: 180%;
+    font-size: $ptsize * pow($scalefactor, 1);
+    // font-style: italic;
+    line-height: 140%;
     margin-top: 40px;
     margin-bottom: 40px;
     p {
         color: inherit;
+        font-style: italic;
     }
 }
 
@@ -219,7 +241,7 @@ kbd {
 }
 
 pre {
-    font-size: 20px;
+    font-size: $ptsize;
 }
 
 cite {
@@ -236,7 +258,7 @@ hr {
 
 footer {
     margin-top: 80px;
-    font-size: 16px;
+    font-size: $ptsize/1.2;
     margin-bottom: 160px;
     color: grey;
 
@@ -247,10 +269,14 @@ footer {
 }
 
 figcaption {
+    font-family: $display-font;
+    margin-top: 10px;
     color: grey;
+    text-align: center;
 }
 
 .meta {
+    font-family: $body-font;
     margin-top: -20px;
     margin-bottom: 40px;
     p {
@@ -263,11 +289,16 @@ figcaption {
 }
 
 .kicker {
-    font-family: $body-font;
+    font-family: $display-font;
     color: grey;
     margin-top: 80px;
-    margin-bottom: -60px;
+    margin-bottom: -70px;
     text-transform: none;
     letter-spacing: 0;
     font-weight: 400;
+    text-transform: uppercase;
+}
+
+strong, b {
+    color: black;
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: space-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.7
 platform: ruby
 authors:
 - '0xf17'
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-12-10 00:00:00.000000000 Z
+date: 2020-12-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll