tale 0.1.5 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 5b6ae879a14e2dc5702fd39c8c9b783cad37a817
-  data.tar.gz: faaf9866995fc0a3f379a63ccb6c8ce6be63710b
+SHA256:
+  metadata.gz: 655d15bb049ca6ef7b38a8e3db09e23660889250969ceaa7bba175a0d65ee260
+  data.tar.gz: b723f058fb374418a3d02401fa9be6a2a8b9b76e69b46b79c1adbfda021efa8e
 SHA512:
-  metadata.gz: 9c91e365c86a563100123659dc1af78d7fb0ceaa9b1f6e740b9fb0eb500f942e3655021a75933579af2a4887b1720092336fa70afefca14f10993ace23da37fd
-  data.tar.gz: 39de4c59ff11796dc10bd253e6ca52d94d246477b1af90b3468320ce671e2144a2bda4421dd747b5b082c907bd516e4e7772f957f8b7d1048120062831478ae9
+  metadata.gz: 4dac5296ef60c919f0909e3131b853157a303012ae2bc0cf18e9d9b36a1be62f5f3a98917e909b005ac2b9d497c12d1ebc270fc7bbd3bd7c9b010cbab16be733
+  data.tar.gz: 2c9717ebfd3c821438ea18026e7d54133fb5d55f9e110bf26a172057b30faf1fe31bd991e4bf9b5c6fa8dd87a5cb74634afca121e1e2982fe65f6a17da71a988

data/README.md

@@ -13,6 +13,7 @@ Tale is a minimal Jekyll theme curated for storytellers. Checkout the demo [here
 - Syntax highlighting, with the help of Pygments
 - Markdown and HTML text formatting
 - Pagination of posts
+- [Disqus comments (can be enabled if needed)](#enabling-comments)
 
 ## Installation
 There are 3 ways to install this theme
@@ -112,6 +113,15 @@ $ bundle exec jekyll serve
 
 And you're all set! Head over to http://127.0.0.1:4000/ to see your site in action.
 
+### Enabling Comments
+Comments are disabled by default. To enable them, look for the following line in `_config.yml` and change `jekyll-tale` to your site's Disqus id.
+
+```yml
+disqus: jekyll-tale
+```
+
+Next, add `comments: true` to the YAML front matter of the posts which you would like to enable comments for.
+
 ## Contributing
 Found a bug or have a suggestion? Feel free to create an issue or make a pull request!
 

data/_includes/disqus_comments.html

@@ -0,0 +1,11 @@
+<!-- Start disqus -->
+<script src="{{ "/assets/js/disqusLoader.js" | relative_url }}" /></script>
+<div id="disqus_thread"><h3>Discussion and feedback</h3></div>
+<div class="disqus"></div>
+<script>
+    disqusLoader('.disqus', {
+        scriptUrl: 'https://{{ site.disqus }}.disqus.com/embed.js'
+    });
+</script>
+<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+<!-- End disqus -->

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/_layouts/post.html

@@ -21,9 +21,12 @@ layout: default
   <div class="post-line"></div>
 
   {{ content }}
-
 </div>
 
+{% if page.comments %}
+  {% include disqus_comments.html %}
+{% endif %}
+
 <div class="pagination">
   {% if page.next.url %}
     <a href="{{ page.next.url | prepend: site.baseurl }}" class="left arrow">&#8592;</a>
@@ -33,4 +36,4 @@ layout: default
   {% endif %}
 
   <a href="#" class="top">Top</a>
-</div>
+</div>

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/_catalogue.scss

@@ -2,7 +2,7 @@
   &-item {
     border-bottom: 1px solid $grey-2;
     color: $default-color;
-    display: inline-block;
+    display: block;
     padding: 2rem 0;
 
     &:hover .catalogue-line,

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;

data/assets/js/disqusLoader.js

@@ -0,0 +1,10 @@
+/*
+    disqusLoader.js v1.0
+    A JavaScript plugin for lazy-loading Disqus comments widget.
+    -
+    By Osvaldas Valutis, www.osvaldas.info
+    Available for use under the MIT License
+*/
+(function(b,f,l){var r=function(a){a=a.getBoundingClientRect();return{top:a.top+f.body.scrollTop,left:a.left+f.body.scrollLeft}},t=function(a,c){var d=f.createElement("script");d.src=a;d.async=!0;d.setAttribute("data-timestamp",+new Date);d.addEventListener("load",function(){"function"===typeof c&&c()});(f.head||f.body).appendChild(d)};l=function(a,c){var d,e;return function(){var g=this,f=arguments,b=+new Date;d&&b<d+a?(clearTimeout(e),e=setTimeout(function(){d=b;c.apply(g,f)},a)):(d=b,c.apply(g,
+f))}};var m=!1,n=!1,p=!1,k=!1,h="unloaded",e=!1,q=function(){if(!e||!f.body.contains(e)||"loaded"==e.disqusLoaderStatus)return!0;var a=b.pageYOffset,c=r(e).top;if(c-a>b.innerHeight*n||0<a-c-e.offsetHeight-b.innerHeight*n)return!0;(a=f.getElementById("disqus_thread"))&&a.removeAttribute("id");e.setAttribute("id","disqus_thread");e.disqusLoaderStatus="loaded";"loaded"==h?DISQUS.reset({reload:!0,config:p}):(b.disqus_config=p,"unloaded"==h&&(h="loading",t(k,function(){h="loaded"})))};b.addEventListener("scroll",
+l(m,q));b.addEventListener("resize",l(m,q));b.disqusLoader=function(a,c){var d={laziness:1,throttle:250,scriptUrl:!1,disqusConfig:!1},b=c,g,h={};for(g in d)Object.prototype.hasOwnProperty.call(d,g)&&(h[g]=d[g]);for(g in b)Object.prototype.hasOwnProperty.call(b,g)&&(h[g]=b[g]);c=h;n=c.laziness+1;m=c.throttle;p=c.disqusConfig;k=!1===k?c.scriptUrl:k;e="string"===typeof a?f.querySelector(a):"number"===typeof a.length?a[0]:a;e.disqusLoaderStatus="unloaded";q()}})(window,document,0); 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: tale
 version: !ruby/object:Gem::Version
-  version: 0.1.5
+  version: 0.2.1
 platform: ruby
 authors:
 - Chester How
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-11-26 00:00:00.000000000 Z
+date: 2020-09-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -16,14 +16,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.6'
+        version: '4.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.6'
+        version: '4.0'
 - !ruby/object:Gem::Dependency
   name: jekyll-paginate
   requirement: !ruby/object:Gem::Requirement
@@ -44,56 +44,56 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.10.0
+        version: '0.10'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.10.0
+        version: '0.10'
 - !ruby/object:Gem::Dependency
   name: jekyll-seo-tag
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.5.0
+        version: '2.5'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.5.0
+        version: '2.5'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.12'
+        version: '2.0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.12'
+        version: '2.0'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '10.0'
+        version: 12.3.3
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '10.0'
+        version: 12.3.3
 description: 
 email:
 - chesterhow@gmail.com
@@ -104,6 +104,7 @@ files:
 - LICENSE
 - README.md
 - _includes/analytics.html
+- _includes/disqus_comments.html
 - _includes/footer.html
 - _includes/head.html
 - _includes/navigation.html
@@ -111,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
@@ -118,10 +120,12 @@ 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
 - assets/favicon-32x32.png
+- assets/js/disqusLoader.js
 - assets/main.scss
 homepage: https://github.com/chesterhow/tale
 licenses:
@@ -142,8 +146,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.5.2.2
+rubygems_version: 3.1.2
 signing_key: 
 specification_version: 4
 summary: Tale is a minimal Jekyll theme curated for storytellers.