tale 0.2.0 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 35bf6bde4e094c34701ace915e89eac955dedadf4f2ad7a9639f69d11e461318
-  data.tar.gz: fda55ba48aa0aecf512e29cfa733dec333d8fd4a302598c873fedacbfebf1772
+  metadata.gz: 655d15bb049ca6ef7b38a8e3db09e23660889250969ceaa7bba175a0d65ee260
+  data.tar.gz: b723f058fb374418a3d02401fa9be6a2a8b9b76e69b46b79c1adbfda021efa8e
 SHA512:
-  metadata.gz: ba7cb8bff91f52c8e55001c7dde4a3c855fa7146533bd13360b03be7bc67399f632a82a872f504905efe8efdf6e60a04feee2857d90cdb73cd130e55be82b846
-  data.tar.gz: 9f14e363c8410bfc144b6a2502992779569ca228d43501ec1aa52a245d4e7b4932a021550e2caafa1a97078f01d2f2eadfdf29e63885532773f9726f434d5172
+  metadata.gz: 4dac5296ef60c919f0909e3131b853157a303012ae2bc0cf18e9d9b36a1be62f5f3a98917e909b005ac2b9d497c12d1ebc270fc7bbd3bd7c9b010cbab16be733
+  data.tar.gz: 2c9717ebfd3c821438ea18026e7d54133fb5d55f9e110bf26a172057b30faf1fe31bd991e4bf9b5c6fa8dd87a5cb74634afca121e1e2982fe65f6a17da71a988

data/_includes/navigation.html

@@ -4,8 +4,9 @@
       <h2 class="nav-title">{{ site.title }}</h2>
     </a>
     <ul>
-      <li><a href="{{ '/about' | prepend: site.baseurl }}">About</a></li>
       <li><a href="{{ site.baseurl }}/">Posts</a></li>
+      <li><a href="{{ '/tags' | prepend: site.baseurl }}">Tags</a></li>
+      <li><a href="{{ '/about' | prepend: site.baseurl }}">About</a></li>
     </ul>
   </div>
 </nav>

data/_sass/tale.scss

@@ -6,3 +6,5 @@
 @import 'tale/layout';
 @import 'tale/pagination';
 @import 'tale/catalogue';
+@import 'tale/404';
+@import 'tale/tags';

data/_sass/tale/_404.scss

@@ -0,0 +1,22 @@
+.notfound {
+  position: relative;
+  text-align: center;
+  margin: 4rem 0;
+
+  &-error {
+    font-size: 4rem;
+    margin: 1rem 0;
+  }
+
+  &-line {
+    border-top: 0.4rem solid $default-shade;
+    display: block;
+    margin: 0 auto 3rem;
+    width: 4rem;
+  }
+
+  &-message {
+    max-width: 25rem;
+    margin: 0 auto;
+  }
+}

data/_sass/tale/_tags.scss

@@ -0,0 +1,89 @@
+.tags {
+  &-header {
+    &-title {
+      color: $default-shade;
+      font-family: $sans-serif;
+      font-size: 4rem;
+      margin: 1rem 0;
+      text-align: center;
+    }
+
+    &-line {
+      border-top: 0.4rem solid $default-shade;
+      display: block;
+      margin: 0 auto 3rem;
+      width: 4rem;
+    }
+  }
+
+  &-clouds {
+    text-align: center;
+    font-family: $sans-serif;
+
+    a {
+      display: inline-block;
+      margin: 0 0.1rem 0.2rem;
+      padding: 0.2rem 0.5rem;
+      background: rgba(0, 0, 0, 0.05);
+      border-radius: 5px;
+      color: $default-color;
+      text-decoration: none;
+
+      &:hover,
+      &:active {
+        background: rgba(0, 0, 0, 0.1);
+      }
+    }
+  }
+
+  &-item {
+    &-icon {
+      height: 1rem;
+    }
+
+    &-label {
+      display: inline-block;
+      margin: 2rem 0 0.5rem;
+      font-family: $sans-serif;
+      color: $default-color;
+    }
+  }
+
+  &-post {
+    display: flex;
+    justify-content: space-between;
+    padding: 5px 0;
+
+    &-title {
+      color: $default-color;
+      text-decoration: none;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    &-line {
+      @include transition(all 0.3s ease-out);
+      border-top: 0.1rem solid $default-shade;
+      display: block;
+      width: 0;
+    }
+
+    &-meta {
+      color: $default-tint;
+      text-align: right;
+      white-space: nowrap;
+    }
+
+    &:hover,
+    &:active {
+      .tags-post-line {
+        width: 3rem;
+      }
+
+      .tags-post-meta {
+        color: $default-shade;
+      }
+    }
+  }
+}

data/_sass/tale/_variables.scss

@@ -1,20 +1,20 @@
 // Colors
-$default-color: #555;
-$default-shade: #353535;
-$default-tint: #aaa;
-$grey-1: #979797;
-$grey-2: #e5e5e5;
-$grey-3: #f9f9f9;
-$white: #fff;
-$blue: #4a9ae1;
-$shadow-color: rgba(0, 0, 0, .2);
-$code-color: #bf616a;
+$default-color: #555 !default;
+$default-shade: #353535 !default;
+$default-tint: #aaa !default;
+$grey-1: #979797 !default;
+$grey-2: #e5e5e5 !default;
+$grey-3: #f9f9f9 !default;
+$white: #fff !default;
+$blue: #4a9ae1 !default;
+$shadow-color: rgba(0, 0, 0, .2) !default;
+$code-color: #bf616a !default;
 
 // Fonts
-$serif-primary: 'Libre Baskerville', 'Times New Roman', Times, serif;
-$serif-secondary: Palatino, 'Palatino LT STD', 'Palatino Linotype', 'Book Antiqua', 'Georgia', serif;
-$sans-serif: 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
-$monospaced: Menlo, Monaco, monospace;
+$serif-primary: 'Libre Baskerville', 'Times New Roman', Times, serif !default;
+$serif-secondary: Palatino, 'Palatino LT STD', 'Palatino Linotype', 'Book Antiqua', 'Georgia', serif !default;
+$sans-serif: 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif !default;
+$monospaced: Menlo, Monaco, monospace !default;
 
 @mixin box-sizing($type: border-box) {
   -webkit-box-sizing: $type;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: tale
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.2.1
 platform: ruby
 authors:
 - Chester How
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-03-16 00:00:00.000000000 Z
+date: 2020-09-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -112,6 +112,7 @@ files:
 - _layouts/home.html
 - _layouts/post.html
 - _sass/tale.scss
+- _sass/tale/_404.scss
 - _sass/tale/_base.scss
 - _sass/tale/_catalogue.scss
 - _sass/tale/_code.scss
@@ -119,6 +120,7 @@ files:
 - _sass/tale/_pagination.scss
 - _sass/tale/_post.scss
 - _sass/tale/_syntax.scss
+- _sass/tale/_tags.scss
 - _sass/tale/_variables.scss
 - assets/apple-touch-icon.png
 - assets/favicon-16x16.png