cosy-jekyll-theme 1.0.6 → 2.0.0

data/_sass/_mixins.scss

@@ -5,7 +5,7 @@
 // --------------------
 // For clearing floats like a boss h5bp.com/q
 @mixin clearfix {
-  *zoom: 1;
+  zoom: 1;
   &:before,
   &:after {
     display: table;
@@ -19,6 +19,13 @@
   }
 }
 
+
+@mixin need-dotted{
+  border-bottom: 1px dotted lighten($link-color, 50);
+  &:hover {
+    border-bottom-style: solid;
+  }
+}
 // Webkit-style focus
 // --------------------
 @mixin tab-focus() {

data/_sass/_page.scss

@@ -6,12 +6,22 @@ body {
   overflow-x: hidden;
 }
 
+iframe {
+  border: 0;
+}
 // Main
 // --------------------------------------------------
 .entry,
 .hentry {
   @include clearfix;
-  h1, h2, h3, h4, h5, h6, p, li {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  p,
+  li {
     word-wrap: break-word;
   }
 }
@@ -34,14 +44,15 @@ body {
       margin: 0 20px;
     }
     .qr-text {
-      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA9ElEQVRYR9VXWw7DIAwbN+Yo3HjTJqUfqSI/FNaWvwpIjeOYMOac75cw1lrjuzz2xXeEUOMNdcM2APkkmRR0YgSsincwcBsAOSXVyVRGgoEc78TAYwBk1SOm2hnYBqCyhJxzVgMonl0F7QBYM6ycL2uAjWc7IdIADYBdyDqjGu93sTij0oAaqzQiVNeVdaNqyfPXA6jEhHKunrRaf2gA5bTrh6fLSBWNygxab1cB8gFWpLYRdaXkPgB2tWSIKfs2ZDUgA3BbMreM23rCvwNwU5B9wWZgGwDUw7EvICS+mLerwM15+TBh7wS2J2T7CdsJXQ1k5j7FF35r3ynsoAAAAABJRU5ErkJggg==) no-repeat;
+      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA9ElEQVRYR9VXWw7DIAwbN+Yo3HjTJqUfqSI/FNaWvwpIjeOYMOac75cw1lrjuzz2xXeEUOMNdcM2APkkmRR0YgSsincwcBsAOSXVyVRGgoEc78TAYwBk1SOm2hnYBqCyhJxzVgMonl0F7QBYM6ycL2uAjWc7IdIADYBdyDqjGu93sTij0oAaqzQiVNeVdaNqyfPXA6jEhHKunrRaf2gA5bTrh6fLSBWNygxab1cB8gFWpLYRdaXkPgB2tWSIKfs2ZDUgA3BbMreM23rCvwNwU5B9wWZgGwDUw7EvICS+mLerwM15+TBh7wS2J2T7CdsJXQ1k5j7FF35r3ynsoAAAAABJRU5ErkJggg==)
+        no-repeat;
       background-size: 16px 16px;
       width: 16px;
       height: 16px;
       display: none;
       position: relative;
       &::before {
-        content: '';
+        content: "";
         position: absolute;
         top: -20px;
         right: -20px;
@@ -52,7 +63,7 @@ body {
         .qr-code {
           width: 128px;
           opacity: 1;
-          @include transform(none)
+          @include transform(none);
         }
       }
     }
@@ -62,16 +73,16 @@ body {
       @include transition(0.3s all ease-in-out);
       @include transform(scale(0) perspective(60px) rotateX(50deg));
       width: 0;
-      left:-4px;
-      top:-4px;
+      left: -4px;
+      top: -4px;
       z-index: 10;
-      >img{
+      > img {
         box-shadow: 0 0 0 0, 0 6px 12px rgba($black, 0.5);
         padding: 4px;
         background-color: #fff;
       }
     }
-    @media #{$medium}{
+    @media #{$medium} {
       @include font-size(16);
       .qr-text {
         display: inline-block;
@@ -80,13 +91,14 @@ body {
   }
   p > a,
   li > a {
-    border-bottom: 1px dotted lighten($link-color, 50);
-    &:hover {
-      border-bottom-style: solid;
-    }
+    @include need-dotted();
   }
 }
 
+.need_dotted {
+  @include need-dotted();
+}
+
 ///sections
 .content-header-title {
   text-align: center;
@@ -117,37 +129,11 @@ body {
   }
 }
 
-// Feature Image Caption
-.image-credit {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  margin: 0 auto;
-  max-width: 440px;
-  padding: 10px 15px;
-  background-color: rgba($base-color, 0.5);
-  color: $white;
-  @include font-rem(12);
-  text-align: right;
-  @include border-radius(3px, 0, 0, 3px);
-  z-index: 10;
-  @media #{$medium} {
-    max-width: 760px;
-  }
-  @media #{$large} {
-    max-width: 960px;
-  }
-  a {
-    color: $white;
-    text-decoration: none;
-  }
-}
-
 // Single Post and Page
 // --------------------------------------------------
 .entry-meta {
   @include font-rem(12);
-  margin-left: 10px;
+  margin-top: 0;
   color: lighten($base-color, 60);
   a {
     color: lighten($base-color, 60);
@@ -193,9 +179,9 @@ body {
       }
     }
   }
-  #disqus_thread {
+  #gitalk-container {
     margin: 20px 2px;
-    padding: 10px 15px;
+    padding: 15px;
     background-color: $white;
     box-shadow: 0 0 0 1px rgba($border-color, 0.1), 0 6px 12px rgba($black, 0.1);
     @include rounded(3px);
@@ -308,10 +294,7 @@ body {
   }
   p > a,
   li > a {
-    border-bottom: 1px dotted lighten($link-color, 50);
-    &:hover {
-      border-bottom-style: solid;
-    }
+    @include need-dotted();
   }
   h3 {
     margin: 0;
@@ -370,20 +353,6 @@ body {
   }
 }
 
-.entry-image-index {
-  margin: -25px -15px 10px -15px;
-  position: relative;
-  @media #{$medium} {
-    margin: -30px -30px 15px -30px;
-  }
-  @media #{$large} {
-    margin: -50px -80px 20px -80px;
-  }
-  img {
-    @include border-radius(3px, 0, 0, 3px); // round image corners
-  }
-}
-
 // Footer
 // --------------------------------------------------
 .footer-wrapper {
@@ -394,13 +363,13 @@ body {
   @include font-rem(14);
   @media #{$medium} {
     margin: 8px auto 35px auto;
+    @include font-rem(16);
   }
   a {
     color: lighten($text-color, 20);
   }
 }
 
-
 // Browser Upgrade
 // --------------------------------------------------
 .upgrade {
@@ -430,8 +399,8 @@ body {
   @include font-rem(14);
   background-color: $white;
   color: $text-color;
-  border-width: 2px ;
-  border-style: solid ;
+  border-width: 2px;
+  border-style: solid;
   border-color: lighten($primary, 50);
   @include rounded(3px);
 }
@@ -508,7 +477,8 @@ body {
       color: $text-color;
     }
   }
-  &.active, &:hover {
+  &.active,
+  &:hover {
     a {
       color: $header-active;
     }
@@ -543,7 +513,7 @@ body {
     padding-left: 5px;
     vertical-align: middle;
     height: $menu-height;
-    @media #{$medium}{
+    @media #{$medium} {
       display: table-cell;
     }
   }
@@ -575,40 +545,40 @@ body {
   }
 }
 
-.coffee{
+.coffee {
   width: 100%;
   @include flexbox();
   @include flex-direction(column);
   @include align-items(center);
-  margin:20px 0 15px;
-  @media #{$medium} {
-    margin: 40px 0 -20px;
+  margin: 40px 0 10px;
+  position: relative;
+  @media #{$large} {
+    margin-bottom: -20px;
   }
-  .buy-me-coffee{
+  .buy-me-coffee {
     @extend .btn;
     margin: 0 auto;
     position: relative;
     height: 36px;
-    width: 174px;
-    padding-left: 38px;
-    font-size: 16px;
-    line-height: 18px;
+    width: 158px;
+    padding-left: 36px;
+    line-height: 17px;
     text-align: center;
     @include text-overflow(clip);
     cursor: pointer;
     @include user-select(none);
-    &:hover{
+    &:hover {
       background-color: #222;
       color: #fff;
     }
-    &.active{
+    &.active {
       background-color: #fff;
       color: #222;
     }
-    &::after{
+    &::after {
       content: "";
       position: absolute;
-      top: 12px;
+      top: 11px;
       left: 10px;
       width: 20px;
       height: 13px;
@@ -616,16 +586,49 @@ body {
       background-size: 20px 13px;
     }
   }
-  .my-pay-img{
-    width: 360px;
+  .my-pay-img {
+    width: 300px;
+    height: 0;
     display: block;
     overflow: hidden;
-    height: 0;
-    @include transition(0.5s all ease-in-out);
-    @include transform(scale(0) perspective(360px) rotateX(60deg));
-    &.active{
-      height: 489px;
+    box-shadow: 0 0 0 0, 0 6px 12px rgba($black, 0.5);
+    margin: 0 auto;
+    position: absolute;
+    top: 34px;
+    left: 0;
+    right: 0;
+    z-index: 101;
+    @include transition(0.4s all ease-in-out);
+    @include transform(scale(0) perspective(600px) rotateX(45deg));
+    &.active {
+      height: 300px;
+      top: 38px;
       @include transform(none);
     }
   }
 }
+
+.img-zoom {
+  cursor: -webkit-zoom-in;
+  cursor: -moz-zoom-in;
+  cursor: zoom-in;
+}
+
+.lazyload,
+.lazyloading {
+  -webkit-filter: blur(5px);
+  filter: blur(5px);
+  transition: filter 400ms, -webkit-filter 400ms;
+}
+
+.lazyloaded {
+  -webkit-filter: blur(0);
+  filter: blur(0);
+}
+
+.share-img {
+  margin: 0 auto;
+  width: 0px;
+  height: 0px;
+  overflow: hidden;
+}

data/_sass/_reset.scss

@@ -81,7 +81,7 @@ blockquote {
 
 // Img border in a's and image quality
 // -------------------------
-img {
+img,video {
   /* Responsive images (ensure images don't scale beyond their parents) */
   max-width: 100%; /* Part 1: Set a maxium relative to the parent */
   width: auto\9; /* IE7-8 need help adjusting responsive images */
@@ -153,4 +153,4 @@ input[type="search"]::-webkit-search-cancel-button {
 textarea {
   overflow: auto; // Remove vertical scrollbar in IE6-9
   vertical-align: top; // Readability and alignment cross-browser
-}
+}

data/_sass/_typography.scss

@@ -102,7 +102,6 @@ li {
 	code {
 		@include font-rem(12);
 		line-height: 1.5;
-		white-space: nowrap;
 		margin: 0 2px;
 		padding: 0 5px;
 		border: 1px solid lighten($black, 90);

data/_sass/_variables.scss

@@ -1,7 +1,7 @@
 // Typography
 // --------------------------------------------------
 
-$base-font: 'Lato', Calibri, Arial, sans-serif;
+$base-font: Calibri, Arial, sans-serif;
 $heading-font: $base-font;
 $caption-font: $base-font;
 $code-font: monospace;

metadata

@@ -1,57 +1,63 @@
 --- !ruby/object:Gem::Specification
 name: cosy-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 1.0.6
+  version: 2.0.0
 platform: ruby
 authors:
 - Tw93
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-02-02 00:00:00.000000000 Z
+date: 2020-08-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - ">="
       - !ruby/object:Gem::Version
         version: '3.3'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - ">="
       - !ruby/object:Gem::Version
         version: '3.3'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '1.12'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '1.12'
 - !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:
 - tangweiyuanyou@gmail.com
@@ -65,6 +71,7 @@ files:
 - _includes/feed-footer.html
 - _includes/footer.html
 - _includes/gallery
+- _includes/gitalk.html
 - _includes/head.html
 - _includes/header.html
 - _includes/pagination.html
@@ -72,9 +79,11 @@ files:
 - _layouts/home.html
 - _layouts/page.html
 - _layouts/post.html
+- _sass/_404.scss
 - _sass/_animations.scss
 - _sass/_coderay.scss
 - _sass/_elements.scss
+- _sass/_gitalk.scss
 - _sass/_grid.scss
 - _sass/_mixins.scss
 - _sass/_page.scss
@@ -87,25 +96,24 @@ homepage: https://github.com/tw93/tw93.github.io
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message: Thanks for installing! You can view the live demo on http://tw93.github.io
 rdoc_options: []
 require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
-  - - '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.6.8
+rubygems_version: 3.0.3
 signing_key: 
 specification_version: 4
-summary: cosy-jekyll-theme is a responsive and better reading experience blog template.
-  No jQuery,And More concise,More geeks and Faster than other jekyll theme.
+summary: cosy jekyll theme is a responsive blog template providing a good reading
+  experience. No jQuery,And More concise,More geeks and Faster than other jekyll theme.
 test_files: []