jekyll-text-theme 2.2.2 → 2.2.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8a289b47d206254efdcf0ec13b4742d243a955fa
-  data.tar.gz: 45a185a5d48104725984416c8dc933a1b396874a
+  metadata.gz: d9461f40245b05bcb682f05f1169e055c189bfb8
+  data.tar.gz: 45b6326fe6248389591323ca8ee0c9291b65f96c
 SHA512:
-  metadata.gz: 6e9f7f16c8755e9764a9fdc09bdcd61d584b6f72a69f3f2b56f2801f74c094d42dfe542cfb2d2b5e81ca95cd53a81bf46a4ee3bcc4841c18e141ef9ae461638f
-  data.tar.gz: 93fd25d5153d4d2e4321ccc0e43542943db65d4e68e9de7bbc7a5d870ed05cd59fab02af97f50108d5d3b44478e41e0abd44d10db2e89b7cf0e7aa0d52e254a5
+  metadata.gz: 1e67d61e7806f62de0d53de3c22eb26fa0007ad0d6f12fc1e7e1aa24a9017e7ba80fa74e2fe419674d2b4c357a58b454fb65f5057b4d5d5e26ff18ccce149c53
+  data.tar.gz: 29ae740535d3211c676ffdfdd692f9c942164833d57b26363f3e2c97c57cca24b0b2c6c2f969d5efb8888ed9c0ec873b4662d39dccb038c06cecfad10d329fa3

data/CHANGELOG.md

@@ -1,6 +1,15 @@
 # Change Log
 
-## 2.2.2 (2018-11-21)
+## 2.2.3 (2018-11-11)
+
+### Enhancements
+
+- Add Swiper component
+- Special stylesheets for print
+- Add AddThis sharing service (@liao961120)
+- Add extensions for demos (CodePen)
+
+## 2.2.2 (2018-10-21)
 
 ### Enhancements
 

data/README.md

@@ -15,22 +15,21 @@ TeXt is a super customizable Jekyll theme for personal site, team site, blog, pr
 ## Features
 
 - Responsive
+- Semantic HTML
 - Skins
 - Highlight Theme
-- Table of contents
-- Authors
 - Multi-language support
 - Search
-- Semantic HTML
-- RSS（[jekyll-feed](https://github.com/jekyll/jekyll-feed))
-- Contact information (Email, Facebook, Twitter, Linkedin, Weibo, Zhihu, etc)
-- Mathematical formula ([MathJax](https://www.mathjax.org/))
-- Flowchart, Sequence diagram, Gantt diagram ([mermaid](https://mermaidjs.github.io/))
-- Line Chart, Bar Chart, Radar Chart, Pie Chart ([chartjs](http://www.chartjs.org/))
-- Page views ([LeanCloud](https://leancloud.cn/))
-- Share ([AddToAny](https://www.addtoany.com/))
-- Comments ([Disqus](https://disqus.com/))
-- Google Analytics
+- Table of contents
+- Authors (Email, Facebook, Twitter, Linkedin, Weibo, Zhihu, etc)
+- Additional styles (alert, tag, image, icon, button, grid, etc)
+- Extensions (audios, videos, slides, demos)
+- Markdown enhancements ([MathJax](https://www.mathjax.org/), [mermaid](https://mermaidjs.github.io/), [chartjs](http://www.chartjs.org/))
+- Sharing ([AddToAny](https://www.addtoany.com/), [AddThis](https://www.addthis.com/))
+- Comments ([Disqus](https://disqus.com/), [Gitalk](https://gitalk.github.io/))
+- Pageview ([LeanCloud](https://leancloud.cn/))
+- Analytics ([Google Analytics](https://analytics.google.com/analytics/web/))
+- RSS ([jekyll-feed](https://github.com/jekyll/jekyll-feed))
 
 ## Skins
 

data/_includes/article-footer/author-profile.html

@@ -13,7 +13,7 @@
     {%- endif -%}
       {%- include snippets/get-nav-url.html path=_author.avatar -%}
       {%- assign _author_avatar = __return -%}
-      <img itemprop="image" src="{{ _author_avatar }}" />
+      <img class="author-profile__avatar" itemprop="image" src="{{ _author_avatar }}" />
     {%- if _author.url -%}
     </a>
     {%- endif -%}

data/_includes/article-list.html

@@ -90,7 +90,7 @@
         {%- assign _currentdate = _article.date | date: '%Y' -%}
         {%- if _currentdate != _date -%}
           {%- unless forloop.first -%}</ul></section>{%- endunless -%}
-          <section><h2 class="article-list__group-header">{{ _currentdate }}</h2><ul>
+          <section><h2 class="article-list__group-header">{{ _currentdate }}</h2><ul class="items">
           {%- assign _date = _currentdate -%}
         {%- endif -%}
       {%- endif -%}
@@ -105,7 +105,7 @@
 
     {%- elsif include.type == 'grid' -%}
       {%- if include.size == 'sm' -%}
-        <div class="cell cell--3 cell--md-4 cell--sm-12">
+        <div class="cell cell--12 cell--md-4 cell--lg-3">
           <div class="card">
             {%- if _article.cover -%}
               <div class="card__image">
@@ -121,7 +121,7 @@
         </div>
       {%- else -%}
 
-        <div class="cell cell--4 cell--md-6 cell--sm-12">
+        <div class="cell cell--12 cell--md-6 cell--lg-4">
           <div class="card card--flat">
             {%- if _article.cover -%}
               <div class="card__image"><img src="{{ _article_cover }}" /></div>

data/_includes/extensions/codepen.html

@@ -0,0 +1,4 @@
+<div class="extensions extensions--demo">
+<iframe src='//codepen.io/{{ include.user }}/embed/{{ include.hash }}/?theme-id=0&default-tab={{ include.default_tab | default: result }}'
+  frameborder="0" scrolling="no" allowfullscreen></iframe>
+</div>

data/_includes/extensions/youtube.html

@@ -1,4 +1,4 @@
 <div class="extensions extensions--video">
-  <iframe src="https://www.youtube.com/embed/{{ include.id }}?showinfo=0"
+  <iframe src="https://www.youtube.com/embed/{{ include.id }}?rel=0&showinfo=0"
     frameborder="0" scrolling="no" allowfullscreen></iframe>
 </div>

data/_includes/scripts/article.js

@@ -14,7 +14,7 @@
       });
       $articleContent.find('h1[id], h2[id], h3[id], h4[id], h5[id], h6[id]').each(function() {
         $this = $(this);
-        $this.append($('<a class="anchor" aria-hidden="true"></a>').html('<i class="fas fa-anchor"></i>'));
+        $this.append($('<a class="anchor d-print-none" aria-hidden="true"></a>').html('<i class="fas fa-anchor"></i>'));
       });
       $articleContent.on('click', '.anchor', function() {
         $scroll.scrollToAnchor('#' + $(this).parent().attr('id'), 400);

data/_includes/scripts/lib/affix.js

@@ -1,100 +1,97 @@
 (function() {
   var SOURCES = window.TEXT_VARIABLES.sources;
   window.Lazyload.js(SOURCES.jquery, function() {
-    var $window = $(window), $root, $scrollTarget, $scroller, $scroll;
-    var rootTop, rootLeft, rootHeight, scrollBottom, rootBottomTop;
-    var offsetBottom = 0, disabled = false, scrollTarget = window, scroller = 'html, body', scroll = window.document;
-    var hasInit = false, isOverallScroller = true, curState;
+    function affix(options) {
+      var $root = this, $window = $(window), $scrollTarget, $scroll,
+        offsetBottom = 0, scrollTarget = window, scroll = window.document, disabled = false, isOverallScroller = true,
+        rootTop, rootLeft, rootHeight, scrollBottom, rootBottomTop,
+        hasInit = false, curState;
 
-    function setOptions(options) {
-      var _options = options || {};
-      _options.offsetBottom && (offsetBottom = _options.offsetBottom);
-      _options.scrollTarget && (scrollTarget = _options.scrollTarget);
-      _options.scroller && (scroller = _options.scroller);
-      _options.scroll && (scroll = _options.scroll);
-      _options.disabled !== undefined && (disabled = _options.disabled);
-      $scrollTarget = $(scrollTarget);
-      $scroller = $(scroller);
-      isOverallScroller = window.isOverallScroller($scrollTarget[0]);
-      $scroll = $(scroll);
-    }
-    function initData() {
-      top();
-      rootHeight = $root.outerHeight();
-      rootTop = $root.offset().top + (isOverallScroller ? 0 :  $scrollTarget.scrollTop());
-      rootLeft = $root.offset().left;
-    }
-    function calc(needInitData) {
-      needInitData && initData();
-      scrollBottom = $scroll.outerHeight() - offsetBottom - rootHeight;
-      rootBottomTop = scrollBottom - rootTop;
-    }
-    function top() {
-      if (curState !== 'top') {
-        $root.removeClass('fixed').css({
-          left: 0,
-          top: 0
-        });
-        curState = 'top';
+      function setOptions(options) {
+        var _options = options || {};
+        _options.offsetBottom && (offsetBottom = _options.offsetBottom);
+        _options.scrollTarget && (scrollTarget = _options.scrollTarget);
+        _options.scroll && (scroll = _options.scroll);
+        _options.disabled !== undefined && (disabled = _options.disabled);
+        $scrollTarget = $(scrollTarget);
+        isOverallScroller = window.isOverallScroller($scrollTarget[0]);
+        $scroll = $(scroll);
       }
-    }
-    function fixed() {
-      if (curState !== 'fixed') {
-        $root.addClass('fixed').css({
-          left: rootLeft + 'px',
-          top: 0
-        });
-        curState = 'fixed';
+      function preCalc() {
+        top();
+        rootHeight = $root.outerHeight();
+        rootTop = $root.offset().top + (isOverallScroller ? 0 :  $scrollTarget.scrollTop());
+        rootLeft = $root.offset().left;
       }
-    }
-    function bottom() {
-      if (curState !== 'bottom') {
-        $root.removeClass('fixed').css({
-          left: 0,
-          top: rootBottomTop + 'px'
-        });
-        curState = 'bottom';
+      function calc(needPreCalc) {
+        needPreCalc && preCalc();
+        scrollBottom = $scroll.outerHeight() - offsetBottom - rootHeight;
+        rootBottomTop = scrollBottom - rootTop;
       }
-    }
-    function setState() {
-      var scrollTop = $scrollTarget.scrollTop();
-      if (scrollTop >= rootTop && scrollTop <= scrollBottom) {
-        fixed();
-      } else if (scrollTop < rootTop) {
-        top();
-      } else {
-        bottom();
+      function top() {
+        if (curState !== 'top') {
+          $root.removeClass('fixed').css({
+            left: 0,
+            top: 0
+          });
+          curState = 'top';
+        }
       }
-    }
-    function init() {
-      if(!hasInit) {
-        var interval, timeout;
-        calc(true); setState();
-        // run calc every 100 millisecond
-        interval = setInterval(function() {
-          calc();
-        }, 100);
-        timeout = setTimeout(function() {
-          clearInterval(interval);
-        }, 45000);
-        window.pageLoad.then(function() {
-          setTimeout(function() {
+      function fixed() {
+        if (curState !== 'fixed') {
+          $root.addClass('fixed').css({
+            left: rootLeft + 'px',
+            top: 0
+          });
+          curState = 'fixed';
+        }
+      }
+      function bottom() {
+        if (curState !== 'bottom') {
+          $root.removeClass('fixed').css({
+            left: 0,
+            top: rootBottomTop + 'px'
+          });
+          curState = 'bottom';
+        }
+      }
+      function setState() {
+        var scrollTop = $scrollTarget.scrollTop();
+        if (scrollTop >= rootTop && scrollTop <= scrollBottom) {
+          fixed();
+        } else if (scrollTop < rootTop) {
+          top();
+        } else {
+          bottom();
+        }
+      }
+      function init() {
+        if(!hasInit) {
+          var interval, timeout;
+          calc(true); setState();
+          // run calc every 100 millisecond
+          interval = setInterval(function() {
+            calc();
+          }, 100);
+          timeout = setTimeout(function() {
             clearInterval(interval);
-            clearTimeout(timeout);
-          }, 3000);
-        });
-        $scrollTarget.on('scroll', function() {
-          disabled || setState();
-        });
-        $window.on('resize', function() {
-          disabled || (calc(true), setState());
-        });
-        hasInit = true;
+          }, 45000);
+          window.pageLoad.then(function() {
+            setTimeout(function() {
+              clearInterval(interval);
+              clearTimeout(timeout);
+            }, 3000);
+          });
+          $scrollTarget.on('scroll', function() {
+            disabled || setState();
+          });
+          $window.on('resize', function() {
+            disabled || (calc(true), setState());
+          });
+          hasInit = true;
+        }
       }
-    }
 
-    function affix(options) {
-      $root = this;
       setOptions(options);
       if (!disabled) {
         init();

data/_includes/scripts/lib/swiper.js

@@ -0,0 +1,150 @@
+(function() {
+  var SOURCES = window.TEXT_VARIABLES.sources;
+  window.Lazyload.js(SOURCES.jquery, function() {
+    function swiper(options) {
+      var $window = $(window), $root = this, $swiperWrapper, $swiperButtonPrev, $swiperButtonNext,
+        initialSlide, width, height, animation,
+        rootWidth, rootHeight, count, curIndex, translateX, CRITICAL_ANGLE = Math.PI / 4;
+
+      function setOptions(options) {
+        var _options = options || {};
+        initialSlide = _options.initialSlide || 0;
+        animation = _options.animation === undefined && true;
+        width = _options.width === undefined ||
+          typeof _options.width === 'string' ? _options.width :
+          typeof _options.width === 'number' ? _options.width + 'px' : undefined;
+        height = _options.height  === undefined ||
+          typeof _options.height === 'string' ? _options.height :
+          typeof _options.height === 'number' ? _options.height + 'px' : undefined;
+        init();
+      }
+
+      function init() {
+        $swiperWrapper = $root.find('.swiper__wrapper');
+        $swiperButtonPrev = $root.find('.swiper__button--prev');
+        $swiperButtonNext = $root.find('.swiper__button--next');
+        count = $swiperWrapper.children('.swiper__slide').length;
+        curIndex = initialSlide || 0;
+        translateX = getTranslateXFromCurIndex();
+        var _cssObj = {};
+        width === undefined || (_cssObj.width = width);
+        height === undefined || (_cssObj.height = height);
+        $root.css(_cssObj);
+        animation && $swiperWrapper.addClass('swiper__wrapper--animation');
+      }
+
+      function preCalc() {
+        rootWidth = $root.width();
+        rootHeight = $root.height();
+        translateX = getTranslateXFromCurIndex();
+      }
+
+      var calc = (function() {
+        var preAnimation;
+        return function (needPreCalc, params) {
+          needPreCalc && preCalc();
+          var _animation = (params && params.animation !== undefined) ? params.animation : animation;
+          if (preAnimation === undefined || preAnimation !== _animation) {
+            preAnimation = _animation ? $swiperWrapper.addClass('swiper__wrapper--animation') :
+              $swiperWrapper.removeClass('swiper__wrapper--animation');
+          }
+          $swiperWrapper.css('transform', 'translate(' + translateX + 'px, 0)');
+          if (curIndex <= 0) {
+            $swiperButtonPrev.addClass('disabled');
+          } else if (curIndex < count - 1) {
+            $swiperButtonPrev.removeClass('disabled');
+            $swiperButtonNext.removeClass('disabled');
+          } else {
+            $swiperButtonNext.addClass('disabled');
+          }
+        };
+      })();
+
+      function getTranslateXFromCurIndex() {
+        return curIndex <= 0 ? 0 : - rootWidth * curIndex;
+      }
+
+      function moveToIndex(index ,params) {
+        curIndex = index;
+        translateX = getTranslateXFromCurIndex();
+        calc(false, params);
+      }
+
+      function move(type) {
+        var nextIndex = curIndex, unstableTranslateX;
+        if (type === 'prev') {
+          nextIndex > 0 && nextIndex--;
+        } else if (type === 'next') {
+          nextIndex < count - 1 && nextIndex++;
+        }
+        if (type === 'cur') {
+          moveToIndex(curIndex, { animation: true });
+          return;
+        }
+        unstableTranslateX = translateX % rootWidth !== 0;
+        if (nextIndex !== curIndex || unstableTranslateX) {
+          unstableTranslateX ? moveToIndex(nextIndex, { animation: true }) : moveToIndex(nextIndex);
+        }
+      }
+
+      setOptions(options);
+      calc(true);
+
+      $swiperButtonPrev.on('click', function() {
+        move('prev');
+      });
+      $swiperButtonNext.on('click', function() {
+        move('next');
+      });
+      $window.on('resize', function() {
+        translateX = getTranslateXFromCurIndex();
+        calc(true, { animation: false });
+      });
+
+      (function() {
+        var pageX, pageY, velocityX, preTranslateX = translateX, timeStamp, touching;
+        $swiperWrapper.on('touchstart', function(e) {
+          var point = e.touches ? e.touches[0] : e;
+          pageX = point.pageX;
+          pageY = point.pageY;
+          velocityX = 0;
+          preTranslateX = translateX;
+        });
+        $swiperWrapper.on('touchmove', function(e) {
+          var point = e.touches ? e.touches[0] : e;
+          var deltaX = point.pageX - pageX;
+          var deltaY = point.pageY - pageY;
+          velocityX = deltaX / (e.timeStamp - timeStamp);
+          timeStamp = e.timeStamp;
+          if (e.cancelable && Math.abs(Math.atan(deltaY / deltaX)) < CRITICAL_ANGLE) {
+            touching = true;
+            translateX += deltaX;
+            calc(false, { animation: false });
+          }
+          pageX = point.pageX;
+          pageY = point.pageY;
+        });
+        $swiperWrapper.on('touchend', function() {
+          touching = false;
+          var deltaX = translateX - preTranslateX;
+          var distance = deltaX + velocityX * rootWidth;
+          if (Math.abs(distance) > rootWidth / 2) {
+            distance > 0 ? move('prev') : move('next');
+          } else {
+            move('cur');
+          }
+        });
+        $root.on('touchmove', function(e) {
+          if (e.cancelable & touching) {
+            e.preventDefault();
+          }
+        });
+      })();
+
+      return {
+        setOptions: setOptions
+      };
+    }
+    $.fn.swiper = swiper;
+  });
+})();