jekyll-theme-mdui 0.4.2 → 0.4.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 3072d6794fb268e825cdbdf198f60cf77fe70119
-  data.tar.gz: 1fbdbc61dbe4a16fc25fb358cff6ecf5d0c154e3
+  metadata.gz: fac4c71cd7e970e7e7c2dee8d4cc89d25197d4fb
+  data.tar.gz: beafbffc970a18e4ceedca8580199332fdc9c84b
 SHA512:
-  metadata.gz: 2286c8866dcdad5fd7c7a5f6223570250ea8b938c367931cdf7034aa51a611b4aa1c4e81b5bcf4760353b357a0adf394d83eff61e04c854684f2ac6b0b5ac051
-  data.tar.gz: 0c25a17e3353a57da56e23c2d71eedf4476f5ef47a5b1103985846a834bebaa8242b1ead6169dc6b82efbfd413386243f40fd1845f6e5bd577e938f9870b199c
+  metadata.gz: 89f6b6b1987b2580bc137827d61037e9ca40fe904819ae88f417feb591ea142a886c61e19b2743e600787f8853d877011f510fcca025ced1d0ca55e671933ef6
+  data.tar.gz: 60a46c5f7c0c502cce7893109cea5113c31746946418708b6c3ef3302d92f026afcfa975ffa4315aec0ce1687042a1c0b824ab81910cc710e7db10fa9371ebee

data/README.md

@@ -18,7 +18,7 @@
 
 ## General
 
-[![Version](https://img.shields.io/badge/version-0.4.2-green.svg?style=flat-square)]()
+[![Version](https://img.shields.io/badge/version-0.4.5-green.svg?style=flat-square)]()
 [![Jekyll](https://img.shields.io/badge/Jekyll-3.4+-green.svg?style=flat-square)](https://jekyllrb.com/)
 [![Gem](https://img.shields.io/gem/dt/jekyll-theme-mdui.svg?style=flat-square)](https://rubygems.org/gems/jekyll-theme-mdui/)
 

data/_includes/header.html

@@ -1,3 +1,9 @@
+{% if  site.data.site.lang == 'zh-CN' %}
+{% assign lang = site.data.lang[site.data.site.lang] %}
+{% else %}
+{% assign lang = site.data.lang.en-US %}
+{% endif %}
+
 {% for menu in site.data.menus %}
 {% if menu.name == "navSearch" %}
 {% if menu.switch == true %}
@@ -15,7 +21,7 @@
         <div class="mdui-hidden-xs-down">
         {% for menu in site.data.menus %}
         {% if menu.name != "navSearch" %}
-        <a href="{{menu.url | prepend: site.baseurl }}" class="mdui-btn {% if menu.url  == page.url %}mdui-list-item-active{% endif %}">{{menu.name}}</a>
+        <a href="{{menu.url | prepend: site.baseurl }}" class="mdui-btn mdui-ripple {% if menu.url  == page.url %}mdui-list-item-active{% endif %}">{{menu.name}}</a>
         {% endif %}
         {% endfor %}
         {% if navSearch == true %}
@@ -24,7 +30,7 @@
             <div class="typeahead__container">
                 <div class="typeahead__field">
                     <span class="typeahead__query">
-                        <input class="mdui-textfield-input k-nav-search" type="text" placeholder="Search"/>
+                        <input class="mdui-textfield-input k-nav-search" type="text" placeholder="{{lang.page.search}}"/>
                     </span>
                 </div>
             </div>
@@ -41,7 +47,7 @@
             <div class="typeahead__field">
                 <span class="typeahead__query">
                     <i class="mdui-icon material-icons">&#xe8b6;</i>
-                    <input class="mdui-textfield-input k-nav-search" type="text" placeholder="Search"/>
+                    <input class="mdui-textfield-input k-nav-search" type="text" placeholder="{{lang.page.search}}"/>
                 </span>
             </div>
         </div>

data/_includes/script.html

@@ -5,6 +5,46 @@
 <script>
     (function($){$.fn.scrollToTop=function(options){var config={"speed":800};if(options){$.extend(config,{"speed":options})}return this.each(function(){var $this=$(this);$(window).scroll(function(){if($(this).scrollTop()>100){$this.fadeIn()}else{$this.fadeOut()}});$this.click(function(e){e.preventDefault();$("body, html").animate({scrollTop:0},config.speed)})})};$.fn.scrollBodyToTop=function(options){var config={"speed":800};if(options){$.extend(config,{"speed":options})}return this.each(function(){var $this=$(this);$(".placeholder").scroll(function(){if($(this).scrollTop()>100){$this.fadeIn()}else{$this.fadeOut()}});$this.click(function(e){e.preventDefault();$(".placeholder").animate({scrollTop:0},config.speed)})})}})(jQuery);
 </script>
+<!--/* global-meng-script-start */-->
+{% if site.data.site.uiux.meng == true %}
+{% if site.data.meng.console.switch == true %}
+{% if site.data.meng.console.theme_info == true %}
+<script>
+console.info("\n %c © Jekyll Theme MDUI |  Version: 0.4.5 | https://github.com/KeJunMao/jekyll-theme-mdui \n\n", "color: #fff; background: #448aff; padding:5px 0; border-radius: 5px 5px 5px 5px;");
+</script>
+{% endif %}
+<script>
+console.info("\n %c {{site.data.meng.console.text}} \n\n", "color: {{site.data.meng.console.color}}; background: {{site.data.meng.console.background}}; padding:5px 0; border-radius: 5px 5px 5px 5px;");
+</script>
+{% endif %}
+{% if site.data.meng.title.switch == true %}
+<script>
+    var defaultTitle = document.title;
+    {% if site.data.meng.title.with_default_title == true %}
+    var hiddenText = '{{site.data.meng.title.hidden}}' +' '+ defaultTitle;
+    var visibleText = '{{site.data.meng.title.visible}}' +' '+ defaultTitle;
+    {% else %}
+    var hiddenText = '{{site.data.meng.title.hidden}}';
+    var visibleText = '{{site.data.meng.title.visible}}';
+    {% endif %}
+    var resetTime = {{site.data.meng.title.reset_time}};
+    document.addEventListener("visibilitychange", function() {
+	    if(document.visibilityState == "hidden" ){
+            document.title = hiddenText;
+        }
+        if(document.visibilityState == "visible"){
+            document.title = visibleText;
+            setTimeout(function(){
+                if(document.visibilityState == "visible"){
+                    document.title = defaultTitle;
+                }
+            },resetTime);
+        }
+    }, false);
+</script>
+{% endif %}
+{% endif %}
+<!--/* global-meng-script-end */-->
 <script type="text/javascript">
 /* NProgress */
 NProgress.configure({
@@ -42,7 +82,6 @@ drawer.addEventListener('closed.mdui.drawer', function () {
 $('body').on('touchstart',function(e){
     var touch = e.targetTouches[0];
     if (touch.pageX < 15){
-        console.log(touch.pageX);
         var touchstartX = touch.pageX;
         $('body').on('touchmove',function(e){
                 if (e.targetTouches[0].pageX < 240-touchstartX){
@@ -232,6 +271,90 @@ var disqus = {
 <script src="https://cdn.bootcss.com/highlight.js/9.11.0/highlight.min.js"></script>
 <script src="{{ "/assets/js/toc.min.js" | prepend: site.baseurl }}"></script>
 <script src="{{ "/assets/js/pushpin.js" | prepend: site.baseurl }}"></script>
+<!--/* post-meng-script-start */-->
+{% if site.data.site.uiux.meng == true %}
+{% if site.data.site.meng.header.switch == true%}
+<script>
+    const REG_HEX = /(^#?[0-9A-F]{6}$)|(^#?[0-9A-F]{3}$)/i;
+
+/*
+ * rgb字符串解析
+ * accepts: #333 #accded (without # is also fine)
+ * not accept yet: rgb(), rgba()
+ */
+var rgbToHex = function(rgb) {
+    var color = rgb.toString().match(/\d+/g);
+    var hex = "#";
+    for (var i = 0; i < 3; i++) {
+        hex += ("0" + Number(color[i]).toString(16)).slice(-2);
+    }
+    return hex;
+};
+function parseRGB(str){
+    if(typeof str === 'string' && REG_HEX.test(str) ){
+        str = str.replace('#', '');
+        let arr;
+        if(str.length === 3){
+            arr = str.split('').map(c => (c+c));
+        }
+        else if(str.length === 6){
+            arr = str.match(/[a-zA-Z0-9]{2}/g);
+        }
+        else{
+            throw new Error('wrong color format');
+        }
+        return arr.map((c) => parseInt(c, 16));
+    }
+    throw new Error('color should be string');
+}
+
+/*
+ * rgb value to hsl 色相(H)、饱和度(S)、明度(L)
+ */
+function rgbToHsl(rgbStr){
+    let [r, g, b] = parseRGB(rgbStr);
+    r /= 255, g /= 255, b /= 255;
+    let max = Math.max(r, g, b), min = Math.min(r, g, b);
+    let h, s, l = (max + min) / 2;
+
+    if(max == min){
+        h = s = 0; 
+    }else{
+        let d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+        switch(max){
+            case r: h = (g - b) / d + (g < b ? 6 : 0); break;
+            case g: h = (b - r) / d + 2; break;
+            case b: h = (r - g) / d + 4; break;
+        }
+        h /= 6;
+    }
+    return [h, s, l];
+}
+
+/*
+ * 判断颜色属于深色还是浅色
+ */
+function isColorDarkOrLight(rgbStr){
+    var color = rgbToHex(rgbStr);
+    let [h, s, l] = rgbToHsl(color);
+    return (l > 0.5)? 'light' : 'dark';
+}
+var appVersion = navigator.appVersion;
+
+if (appVersion.indexOf('Mobile') > 0){
+    var isMobile = true;
+}
+if (isMobile){
+    var s = document.createElement('script'); s.async = true;
+    s.type = 'text/javascript';
+    s.src = '{{ "/assets/js/rgbaster.min.js" | prepend: site.baseurl }}';
+    (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
+}
+</script>
+{% endif %}
+{% endif %}
+<!--/* post-meng-script-end */-->
 <script>
 $(function(){
     $('.mdui-card-content').find('a').attr('target','_blank');

data/_layouts/home.html

@@ -11,7 +11,7 @@ layout: default
   <div class="k-posts-list">
     {% for post in paginator.posts %}
     <div class="mdui-card k-list-card mdui-shadow-{{site.data.site.card.card_shadow}} {% if site.data.site.card.card_hoverable == true%}mdui-hoverable{% endif %}">
-      <div class="mdui-card-media k-post-media" data-original="{{post.img}}">
+      <div class="mdui-card-media mdui-ripple k-post-media" data-original="{{post.img}}">
         <div class="mdui-card-media-covered mdui-card-media-covered-gradient">
           <div class="mdui-card-primary">
             <div class="mdui-card-primary-title"><a class="mdui-text-color-white-text" href="{{post.url| prepend: site.baseurl}}">{{post.title}}</a></div>

data/assets/css/main.css

@@ -196,6 +196,20 @@ body,header,#toc-card{
     opacity: .7;
 }
 
+{% if site.data.site.uiux.meng == true %}
+{% if site.data.meng.cursor.switch == true %}
+body{
+    cursor:url({{site.data.meng.cursor.auto_url}}), auto;
+}
+a{
+    cursor:url({{site.data.meng.cursor.pointer_url}}), pointer;
+}
+.k-post-media{
+    cursor:url({{site.data.meng.cursor.pointer_url}}), pointer;
+}
+{% endif %}
+{% endif %}
+
 {% for sns in site.data.sns %}
 {% if sns.name =='bilibili' and sns.url != null %}
 .k-bilibili{

data/assets/js/rgbaster.min.js

@@ -0,0 +1,14 @@
+!function(n,t){"use strict";var e=function(n,t){var e=document.createElement("canvas");return e.setAttribute("width",n),e.setAttribute("height",t),e.getContext("2d")},r=function(n,t){var r=new Image,i=n.src||n;"data:"!==i.substring(0,5)&&(r.crossOrigin="Anonymous"),r.onload=function(){var n=e(r.width,r.height);n.drawImage(r,0,0);var i=n.getImageData(0,0,r.width,r.height);t&&t(i.data)},r.src=i},i=function(n){return["rgb(",n,")"].join("")},a=function(n){var t=[];for(var e in n)t.push(o(e,n[e]));return t.sort(function(n,t){return t.count-n.count}),t},u=function(n,t){if(n.length>t)return n.slice(0,t);for(var e=n.length-1;t-1>e;e++)n.push(o("0,0,0",0));return n},o=function(n,t){return{name:i(n),count:t}},c=10,s={};s.colors=function(n,e){e=e||{};var o=e.exclude||[],s=e.paletteSize||c;r(n,function(n){for(var r={},c="",f=[],d=0;d<n.length;d+=4)f[0]=n[d],f[1]=n[d+1],f[2]=n[d+2],c=f.join(","),-1===f.indexOf(t)&&0!==n[d+3]&&-1===o.indexOf(i(c))&&(r[c]=c in r?r[c]+1:1);if(e.success){var g=u(a(r),s+1);e.success({dominant:g[0].name,secondary:g[1].name,palette:g.map(function(n){return n.name}).slice(1)})}})},n.RGBaster=n.RGBaster||s}(window);
+    var img = $('.k-post-media').css('background-image').replace('url(','').replace(')','').replace(/\"/gi, "");
+    var colors = RGBaster.colors(img, {
+      paletteSize: 30,
+      success: function(colors){
+        if(isColorDarkOrLight(colors.dominant) === "dark"){
+            $('header').css('color','#fff');
+        }else{
+            $('header').css('color','#000');
+        }
+        $('header').css('background-color',colors.dominant);
+        $("meta[name='theme-color']").attr('content', colors.dominant);
+      }
+    });

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-mdui
 version: !ruby/object:Gem::Version
-  version: 0.4.2
+  version: 0.4.5
 platform: ruby
 authors:
 - KeJun
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-06-12 00:00:00.000000000 Z
+date: 2017-06-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -106,6 +106,7 @@ files:
 - assets/js/jquery.typeahead.min.js
 - assets/js/pickerdata.js
 - assets/js/pushpin.js
+- assets/js/rgbaster.min.js
 - assets/js/toc.min.js
 homepage: https://github.com/KeJunMao/jekyll-theme-mdui.git
 licenses: