jekyll-theme-mdui 0.5.2.4 → 0.5.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (58) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +21 -21
  3. data/README.md +88 -89
  4. data/_includes/analytics/google.html +7 -7
  5. data/_includes/comment/comment.html +2 -2
  6. data/_includes/comment/disqus.html +72 -75
  7. data/_includes/comment/gitment.html +16 -16
  8. data/_includes/comment/livere.html +42 -26
  9. data/_includes/comment/valine.html +37 -18
  10. data/_includes/component/customCssJS.html +7 -7
  11. data/_includes/component/nprogress.html +24 -24
  12. data/_includes/component/sw.html +6 -6
  13. data/_includes/component/totop.html +13 -13
  14. data/_includes/content/category_list.html +86 -86
  15. data/_includes/content/category_post_list.html +108 -100
  16. data/_includes/content/component/highlight.html +11 -11
  17. data/_includes/content/component/imgboxed.html +304 -304
  18. data/_includes/content/component/lastupdate.html +35 -35
  19. data/_includes/content/component/lazyload.html +6 -6
  20. data/_includes/content/component/page_tags.html +17 -17
  21. data/_includes/content/component/qrcode.html +26 -26
  22. data/_includes/content/component/readtime.html +27 -27
  23. data/_includes/content/component/sns_share.html +42 -42
  24. data/_includes/content/component/toc.html +84 -84
  25. data/_includes/content/editor.html +1058 -1058
  26. data/_includes/content/friends.html +23 -23
  27. data/_includes/content/love.html +123 -0
  28. data/_includes/content/page_content.html +92 -87
  29. data/_includes/content/page_content_no_toc.html +69 -64
  30. data/_includes/content/paginator_button.html +24 -24
  31. data/_includes/content/paginator_post_list.html +103 -95
  32. data/_includes/content/tags_list.html +99 -99
  33. data/_includes/footer/footer.html +30 -30
  34. data/_includes/head.html +90 -87
  35. data/_includes/header/header.html +174 -174
  36. data/_includes/meng/aplayer.html +100 -100
  37. data/_includes/meng/background.html +34 -34
  38. data/_includes/meng/card.html +13 -13
  39. data/_includes/meng/console.html +10 -10
  40. data/_includes/meng/cplayer.html +61 -61
  41. data/_includes/meng/cursor.html +8 -8
  42. data/_includes/meng/head_card.html +67 -67
  43. data/_includes/meng/live2d.html +60 -60
  44. data/_includes/meng/title.html +23 -23
  45. data/_includes/submission/baidu.html +13 -13
  46. data/_layouts/category_content.html +3 -3
  47. data/_layouts/category_list.html +3 -3
  48. data/_layouts/compress.html +9 -9
  49. data/_layouts/default.html +49 -49
  50. data/_layouts/editor.html +4 -4
  51. data/_layouts/friends.html +3 -3
  52. data/_layouts/home.html +20 -20
  53. data/_layouts/love.html +4 -0
  54. data/_layouts/page.html +12 -12
  55. data/_layouts/post.html +12 -12
  56. data/_layouts/tags.html +4 -4
  57. data/assets/css/global.css +181 -181
  58. metadata +7 -6
@@ -1,19 +1,38 @@
1
- {% if site.data.site.lang == null or site.data.site.lang == "" %}
2
- {% assign lang = site.data.lang.en-US %}
3
- {% else %}
4
- {% assign lang = site.data.lang[site.data.site.lang] %}
5
- {% endif %}
6
- <script src="https://cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
7
- <script src="//cdn.jsdelivr.net/npm/valine@1.1.6/dist/Valine.min.js"></script>
8
- <div style="padding:0px 16px;" class="comment"></div>
9
- <script>
10
- new Valine({
11
- av: AV,
12
- el: '.comment',
13
- notify: {{site.data.site.comment.valine_notify}},
14
- verify: {{site.data.site.comment.valine_verify}},
15
- app_id: '{{site.data.site.comment.valine_app_id}}',
16
- app_key: '{{site.data.site.comment.valine_app_key}}',
17
- placeholder: '{{site.data.site.comment.valine_placeholder}}'
18
- });
1
+ {% if site.data.site.lang == null or site.data.site.lang == "" %}
2
+ {% assign lang = site.data.lang.en-US %}
3
+ {% else %}
4
+ {% assign lang = site.data.lang[site.data.site.lang] %}
5
+ {% endif %}
6
+ <script>
7
+ $(function () {
8
+ if($('script[src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"]').length === 0){
9
+ (function (d, s) {
10
+ var j, e = d.getElementsByTagName(s)[0];
11
+
12
+ if (typeof LivereTower === 'function') {
13
+ return;
14
+ }
15
+
16
+ j = d.createElement(s);
17
+ j.src = '//cdn1.lncld.net/static/js/3.0.4/av-min.js';
18
+
19
+
20
+ e.parentNode.insertBefore(j, e);
21
+ })(document, 'script');
22
+ }
23
+ })
24
+ </script>
25
+ <script src='//unpkg.com/valine/dist/Valine.min.js'></script>
26
+ <div style="padding:0px 16px;" class="comment"></div>
27
+ <script>
28
+ setTimeout(function(){
29
+ new Valine({
30
+ el: '.comment',
31
+ notify: {{site.data.site.comment.valine_notify}},
32
+ verify: {{site.data.site.comment.valine_verify}},
33
+ app_id: '{{site.data.site.comment.valine_app_id}}',
34
+ app_key: '{{site.data.site.comment.valine_app_key}}',
35
+ placeholder: '{{site.data.site.comment.valine_placeholder}}'
36
+ });
37
+ },1000)
19
38
  </script>
@@ -1,8 +1,8 @@
1
- {% if site.data.site.custom_css!="" %}
2
- {% assign css = site.data.site.custom_css %}
3
- <link rel="stylesheet" href="{{ "/assets/css/" | prepend: site.baseurl |append: css }}">
4
- {% endif %}
5
- {% if site.data.site.custom_js!="" %}
6
- {% assign js = site.data.site.custom_js %}
7
- <script src="{{ "/assets/js/" | prepend: site.baseurl |append: js }}"></script>
1
+ {% if site.data.site.custom_css!="" %}
2
+ {% assign css = site.data.site.custom_css %}
3
+ <link rel="stylesheet" href="{{ "/assets/css/" | prepend: site.baseurl |append: css }}">
4
+ {% endif %}
5
+ {% if site.data.site.custom_js!="" %}
6
+ {% assign js = site.data.site.custom_js %}
7
+ <script src="{{ "/assets/js/" | prepend: site.baseurl |append: js }}"></script>
8
8
  {% endif %}
@@ -1,25 +1,25 @@
1
- <link rel="stylesheet" href="https://cdn.bootcss.com/nprogress/0.2.0/nprogress.min.css">
2
- <script src="https://cdn.bootcss.com/nprogress/0.2.0/nprogress.min.js"></script>
3
- <script>
4
- $(document).ready(function () {
5
- NProgress.configure({
6
- showSpinner: true
7
- });
8
- NProgress.start();
9
- $('#nprogress .bar').css({
10
- 'background': '{{site.data.site.uiux.nprogress_color}}'
11
- });
12
- $('#nprogress .peg').css({
13
- 'box-shadow': '0 0 10px {{site.data.site.uiux.nprogress_color}}, 0 0 15px {{site.data.site.uiux.nprogress_color}}'
14
- });
15
- $('#nprogress .spinner-icon').css({
16
- 'border-top-color': '{{site.data.site.uiux.nprogress_color}}',
17
- 'border-left-color': '{{site.data.site.uiux.nprogress_color}}'
18
- });
19
- setTimeout(function() {
20
- NProgress.done();
21
- },{{site.data.site.uiux.nprogress_buffer}});
22
-
23
- });
24
-
1
+ <link rel="stylesheet" href="https://cdn.bootcss.com/nprogress/0.2.0/nprogress.min.css">
2
+ <script src="https://cdn.bootcss.com/nprogress/0.2.0/nprogress.min.js"></script>
3
+ <script>
4
+ $(document).ready(function () {
5
+ NProgress.configure({
6
+ showSpinner: true
7
+ });
8
+ NProgress.start();
9
+ $('#nprogress .bar').css({
10
+ 'background': '{{site.data.site.uiux.nprogress_color}}'
11
+ });
12
+ $('#nprogress .peg').css({
13
+ 'box-shadow': '0 0 10px {{site.data.site.uiux.nprogress_color}}, 0 0 15px {{site.data.site.uiux.nprogress_color}}'
14
+ });
15
+ $('#nprogress .spinner-icon').css({
16
+ 'border-top-color': '{{site.data.site.uiux.nprogress_color}}',
17
+ 'border-left-color': '{{site.data.site.uiux.nprogress_color}}'
18
+ });
19
+ setTimeout(function() {
20
+ NProgress.done();
21
+ },{{site.data.site.uiux.nprogress_buffer}});
22
+
23
+ });
24
+
25
25
  </script>
@@ -1,7 +1,7 @@
1
- <script>
2
- if ('serviceWorker' in navigator) {
3
- navigator.serviceWorker.register("{{ "/sw.js" | relative_url }}").then(function() {
4
- console.log("Service Worker Registered");
5
- });
6
- }
1
+ <script>
2
+ if ('serviceWorker' in navigator) {
3
+ navigator.serviceWorker.register("{{ "/sw.js" | relative_url }}").then(function() {
4
+ console.log("Service Worker Registered");
5
+ });
6
+ }
7
7
  </script>
@@ -1,14 +1,14 @@
1
- <style>
2
- .k-mdui-headroom-unpinned-top{
3
- box-shadow: none!important;
4
- -webkit-transform: translate3d(0,150%,0)!important;
5
- transform: translate3d(0,150%,0)!important;
6
- }
7
- </style>
8
- <button id="toTop" style="display:none;z-index: 1;" mdui-headroom="{unpinnedClass:'k-mdui-headroom-unpinned-top'}" class="mdui-fab mdui-color-white mdui-fab-fixed mdui-ripple"><i class="mdui-icon material-icons">expand_less</i></button>
9
- <script>
10
- (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);
11
- </script>
12
- <script>
13
- $("#toTop").scrollToTop();
1
+ <style>
2
+ .k-mdui-headroom-unpinned-top{
3
+ box-shadow: none!important;
4
+ -webkit-transform: translate3d(0,150%,0)!important;
5
+ transform: translate3d(0,150%,0)!important;
6
+ }
7
+ </style>
8
+ <button id="toTop" style="display:none;z-index: 1;" mdui-headroom="{unpinnedClass:'k-mdui-headroom-unpinned-top'}" class="mdui-fab mdui-color-white mdui-fab-fixed mdui-ripple"><i class="mdui-icon material-icons">expand_less</i></button>
9
+ <script>
10
+ (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);
11
+ </script>
12
+ <script>
13
+ $("#toTop").scrollToTop();
14
14
  </script>
@@ -1,87 +1,87 @@
1
- <div class="k-posts-list"></div>
2
- <style>
3
- .k-list-card{
4
- margin-bottom: 45px;
5
- }
6
- .k-post-media {
7
- display:block
8
- cursor: pointer;
9
- max-height: 245px;
10
- min-height: 245px;
11
- background-position: 50% 50%;
12
- background-size: cover;
13
- background-color: #303033;
14
- }
15
- .k-post-media .mdui-card-primary-title a {
16
- text-decoration: none;
17
- }
18
- .k-post-categories {
19
- line-height: 40px;
20
- }
21
- .k-noimg{
22
- padding-left: 16px;
23
- }
24
- .k-noimg h1::before{
25
- content: "“";
26
- }
27
- .k-noimg h1::after{
28
- content: "”";
29
- }
30
- .k-noimg h1:before,.k-noimg h1:after{
31
- display: block;
32
- font-size: 80px;
33
- margin-top: 40px;
34
- }
35
- .k-noimg a,.k-noimg h1{
36
- text-decoration: none;
37
- color: white;
38
- font-size: 24px;
39
- font-weight: inherit;
40
- }
41
- </style>
42
- <div class="mdui-row-md-3 mdui-row-sm-2">
43
- {% for category in site.categories %}
44
- <div class="mdui-col">
45
- <div class="animated bounceIn mdui-card k-list-card mdui-shadow-{{site.data.site.card.card_shadow}} {% if site.data.site.card.card_hoverable == true%}mdui-hoverable{% endif %}">
46
- {% assign havedata = false %}
47
- {% for catedata in site.data.category %}
48
- {% capture catename %}{{category|first}}{% endcapture %}
49
- {% if catename == catedata.name %}
50
- {% if catedata.img != null %}
51
- <div class="mdui-card-media mdui-ripple k-post-media lazy" data-original="{{catedata.img}}" style="background-image:url()">
52
- <div class="mdui-card-media-covered mdui-card-media-covered-gradient">
53
- <div class="mdui-card-primary">
54
- <div class="mdui-card-primary-title"><a class="mdui-text-color-white-text" href="{{ "/category" | prepend: site.baseurl }}/{{category|first}}.html">{{category|first}} <span class="mdui-text-color-blue">({{category | last | size}})</span></a></div>
55
- </div>
56
- </div>
57
- </div>
58
- {% assign havedata = true %}
59
- {% else %}
60
- <div class="mdui-card-media mdui-ripple k-post-media mdui-valign k-noimg">
61
- <h1><a href="{{ "/category" | prepend: site.baseurl }}/{{category|first}}.html">{{category|first}} <span class="mdui-text-color-blue">({{category | last | size}})</span></a></h3>
62
- </div>
63
- {% assign havedata = true %}
64
- {% endif %}
65
- {% endif %}
66
- {% endfor %}
67
- {% if havedata == false %}
68
- <div class="mdui-card-media mdui-ripple k-post-media mdui-valign k-noimg">
69
- <h1><a href="{{ "/category" | prepend: site.baseurl }}/{{category|first}}.html">{{category|first}} <span class="mdui-text-color-blue">({{category | last | size}})</span></a></h3>
70
- </div>
71
- {% endif %}
72
- </div>
73
- </div>
74
- {% endfor %}
75
- </div>
76
- {% include content/component/lazyload.html %}
77
- <script>
78
- Array.prototype.forEach.call(document.querySelectorAll(".mdui-card-media"), function(a) {
79
- var b = a.querySelector("a");
80
- if (!b) {
81
- return
82
- }
83
- a.addEventListener("click", function() {
84
- b.click();
85
- })
86
- });
1
+ <div class="k-posts-list"></div>
2
+ <style>
3
+ .k-list-card{
4
+ margin-bottom: 45px;
5
+ }
6
+ .k-post-media {
7
+ display:block
8
+ cursor: pointer;
9
+ max-height: 245px;
10
+ min-height: 245px;
11
+ background-position: 50% 50%;
12
+ background-size: cover;
13
+ background-color: #303033;
14
+ }
15
+ .k-post-media .mdui-card-primary-title a {
16
+ text-decoration: none;
17
+ }
18
+ .k-post-categories {
19
+ line-height: 40px;
20
+ }
21
+ .k-noimg{
22
+ padding-left: 16px;
23
+ }
24
+ .k-noimg h1::before{
25
+ content: "“";
26
+ }
27
+ .k-noimg h1::after{
28
+ content: "”";
29
+ }
30
+ .k-noimg h1:before,.k-noimg h1:after{
31
+ display: block;
32
+ font-size: 80px;
33
+ margin-top: 40px;
34
+ }
35
+ .k-noimg a,.k-noimg h1{
36
+ text-decoration: none;
37
+ color: white;
38
+ font-size: 24px;
39
+ font-weight: inherit;
40
+ }
41
+ </style>
42
+ <div class="mdui-row-md-3 mdui-row-sm-2">
43
+ {% for category in site.categories %}
44
+ <div class="mdui-col">
45
+ <div class="animated bounceIn mdui-card k-list-card mdui-shadow-{{site.data.site.card.card_shadow}} {% if site.data.site.card.card_hoverable == true%}mdui-hoverable{% endif %}">
46
+ {% assign havedata = false %}
47
+ {% for catedata in site.data.category %}
48
+ {% capture catename %}{{category|first}}{% endcapture %}
49
+ {% if catename == catedata.name %}
50
+ {% if catedata.img != null %}
51
+ <div class="mdui-card-media mdui-ripple k-post-media lazy" data-original="{{catedata.img}}" style="background-image:url()">
52
+ <div class="mdui-card-media-covered mdui-card-media-covered-gradient">
53
+ <div class="mdui-card-primary">
54
+ <div class="mdui-card-primary-title"><a class="mdui-text-color-white-text" href="{{ "/category" | prepend: site.baseurl }}/{{category|first}}.html">{{category|first}} <span class="mdui-text-color-blue">({{category | last | size}})</span></a></div>
55
+ </div>
56
+ </div>
57
+ </div>
58
+ {% assign havedata = true %}
59
+ {% else %}
60
+ <div class="mdui-card-media mdui-ripple k-post-media mdui-valign k-noimg">
61
+ <h1><a href="{{ "/category" | prepend: site.baseurl }}/{{category|first}}.html">{{category|first}} <span class="mdui-text-color-blue">({{category | last | size}})</span></a></h3>
62
+ </div>
63
+ {% assign havedata = true %}
64
+ {% endif %}
65
+ {% endif %}
66
+ {% endfor %}
67
+ {% if havedata == false %}
68
+ <div class="mdui-card-media mdui-ripple k-post-media mdui-valign k-noimg">
69
+ <h1><a href="{{ "/category" | prepend: site.baseurl }}/{{category|first}}.html">{{category|first}} <span class="mdui-text-color-blue">({{category | last | size}})</span></a></h3>
70
+ </div>
71
+ {% endif %}
72
+ </div>
73
+ </div>
74
+ {% endfor %}
75
+ </div>
76
+ {% include content/component/lazyload.html %}
77
+ <script>
78
+ Array.prototype.forEach.call(document.querySelectorAll(".mdui-card-media"), function(a) {
79
+ var b = a.querySelector("a");
80
+ if (!b) {
81
+ return
82
+ }
83
+ a.addEventListener("click", function() {
84
+ b.click();
85
+ })
86
+ });
87
87
  </script>
@@ -1,101 +1,109 @@
1
- {% if site.data.site.lang == null or site.data.site.lang == "" %}
2
- {% assign lang = site.data.lang.en-US %}
3
- {% else %}
4
- {% assign lang = site.data.lang[site.data.site.lang] %}
5
- {% endif %}
6
- {% assign filename = page.url | replace_first: '/', '' | replace: '/', '' | replace: '.html', '' | replace: 'category', '' %}
7
- {{filename}}
8
- <div class="k-posts-list"></div>
9
-
10
- <style>
11
- .k-list-card{
12
- margin-bottom: 45px;
13
- }
14
- .k-post-media {
15
- display:block
16
- cursor: pointer;
17
- max-height: 245px;
18
- min-height: 245px;
19
- background-position: 50% 50%;
20
- background-size: cover;
21
- background-color: #303033;
22
- }
23
- .k-post-media .mdui-card-primary-title a {
24
- text-decoration: none;
25
- }
26
- .k-post-categories {
27
- line-height: 40px;
28
- }
29
- .k-noimg{
30
- padding-left: 16px;
31
- }
32
- .k-noimg h1::before{
33
- content: "“";
34
- }
35
- .k-noimg h1::after{
36
- content: "”";
37
- }
38
- .k-noimg h1:before,.k-noimg h1:after{
39
- display: block;
40
- font-size: 80px;
41
- margin-top: 40px;
42
- }
43
- .k-noimg a,.k-noimg h1{
44
- text-decoration: none;
45
- color: white;
46
- }
47
- </style>
48
- <div class="k-container">
49
- {% for post in site.categories[filename] %}
50
- <div class="animated fadeInUp mdui-card k-list-card mdui-shadow-{{site.data.site.card.card_shadow}} {% if site.data.site.card.card_hoverable == true%}mdui-hoverable{% endif %}">
51
- {% if post.img == "" or post.img == null %}
52
- <div class="mdui-card-media mdui-ripple k-post-media mdui-valign k-noimg">
53
- <h1><a href="{{post.url| prepend: site.baseurl}}">{{post.title}}</a></h3>
54
- </div>
55
- {% else %}
56
- <div class="mdui-card-media mdui-ripple k-post-media lazy" data-original="{{post.img}}" style="background-image:url()">
57
- <div class="mdui-card-media-covered mdui-card-media-covered-gradient">
58
- <div class="mdui-card-primary">
59
- <div class="mdui-card-primary-title"><a class="mdui-text-color-white-text" href="{{post.url| prepend: site.baseurl}}">{{post.title}}</a></div>
60
- </div>
61
- </div>
62
- </div>
63
- {% endif %}
64
- <div class="mdui-card-content mdui-text-color-black-secondary mdui-typo">
65
- {{ post.excerpt | strip_html}} <a href="{{post.url | prepend: site.baseurl}}">{{lang.post.continue}}</a>
66
- </div>
67
- <div class="mdui-divider"></div>
68
- <div class="mdui-card-header">
69
- <div class="mdui-card-menu mdui-typo">
70
- <a class="k-post-categories" href="{{ "/category" | prepend: site.baseurl }}/{{post.categories}}.html">{{post.categories}}</a>
71
- </div>
72
- {% if site.data.site.many_authors == true %}
73
- {% if post.author != null %}
74
- {% assign author = site.data.authors[post.author] %}
75
- <img class="mdui-card-header-avatar" src="{{author.avatar}}" />
76
- <div class="mdui-card-header-title">{{author.name}}</div>
77
- {% else %}
78
- <img class="mdui-card-header-avatar" src="{{site.data.site.img.avatar}}" />
79
- <div class="mdui-card-header-title">{{site.author}}</div>
80
- {% endif %}
81
- {% else %}
82
- <img class="mdui-card-header-avatar" src="{{site.data.site.img.avatar}}" />
83
- <div class="mdui-card-header-title">{{site.author}}</div>
84
- {% endif %}
85
- <div class="mdui-card-header-subtitle">{{ post.date | date: "%b %-d, %Y" }}</div>
86
- </div>
87
- </div>
88
- {% endfor %}
89
- </div>
90
- {% include content/component/lazyload.html %}
91
- <script>
92
- Array.prototype.forEach.call(document.querySelectorAll(".mdui-card-media"), function(a) {
93
- var b = a.querySelector("a");
94
- if (!b) {
95
- return
96
- }
97
- a.addEventListener("click", function() {
98
- b.click();
99
- })
100
- });
1
+ {% if site.data.site.lang == null or site.data.site.lang == "" %}
2
+ {% assign lang = site.data.lang.en-US %}
3
+ {% else %}
4
+ {% assign lang = site.data.lang[site.data.site.lang] %}
5
+ {% endif %}
6
+ {% assign filename = page.url | replace_first: '/', '' | replace: '/', '' | replace: '.html', '' | replace: 'category', '' %}
7
+ {{filename}}
8
+ <div class="k-posts-list"></div>
9
+
10
+ <style>
11
+ .k-list-card{
12
+ margin-bottom: 45px;
13
+ }
14
+ .k-post-media {
15
+ display:block
16
+ cursor: pointer;
17
+ max-height: 245px;
18
+ min-height: 245px;
19
+ background-position: 50% 50%;
20
+ background-size: cover;
21
+ background-color: #303033;
22
+ }
23
+ .k-post-media .mdui-card-primary-title a {
24
+ text-decoration: none;
25
+ }
26
+ .k-post-categories {
27
+ line-height: 40px;
28
+ }
29
+ .k-noimg{
30
+ padding-left: 16px;
31
+ }
32
+ .k-noimg h1::before{
33
+ content: "“";
34
+ }
35
+ .k-noimg h1::after{
36
+ content: "”";
37
+ }
38
+ .k-noimg h1:before,.k-noimg h1:after{
39
+ display: block;
40
+ font-size: 80px;
41
+ margin-top: 40px;
42
+ }
43
+ .k-noimg a,.k-noimg h1{
44
+ text-decoration: none;
45
+ color: white;
46
+ }
47
+ </style>
48
+ <div class="k-container">
49
+ {% for post in site.categories[filename] %}
50
+ <div class="animated fadeInUp mdui-card k-list-card mdui-shadow-{{site.data.site.card.card_shadow}} {% if site.data.site.card.card_hoverable == true%}mdui-hoverable{% endif %}">
51
+ {% if post.img == "" or post.img == null %}
52
+ <div class="mdui-card-media mdui-ripple k-post-media mdui-valign k-noimg">
53
+ <h1><a href="{{post.url| prepend: site.baseurl}}">{{post.title}}</a></h3>
54
+ </div>
55
+ {% else %}
56
+ <div class="mdui-card-media mdui-ripple k-post-media lazy" data-original="{{post.img}}" style="background-image:url()">
57
+ <div class="mdui-card-media-covered mdui-card-media-covered-gradient">
58
+ <div class="mdui-card-primary">
59
+ <div class="mdui-card-primary-title"><a class="mdui-text-color-white-text" href="{{post.url| prepend: site.baseurl}}">{{post.title}}</a></div>
60
+ </div>
61
+ </div>
62
+ </div>
63
+ {% endif %}
64
+ {% if post.describe != null %}
65
+ <div class="mdui-card-content mdui-text-color-black-secondary mdui-typo">
66
+ {{ post.describe}} <a href="{{post.url | prepend: site.baseurl}}">{{lang.post.continue}}</a>
67
+ </div>
68
+ {% else %}
69
+ <div class="mdui-card-content mdui-text-color-black-secondary mdui-typo">
70
+ {{ post.excerpt | strip_html}} <a href="{{post.url | prepend: site.baseurl}}">{{lang.post.continue}}</a>
71
+ </div>
72
+ {% endif %}
73
+ <div class="mdui-divider"></div>
74
+ <div class="mdui-card-header">
75
+ <div class="mdui-card-menu mdui-typo">
76
+ {% for category in post.categories %}
77
+ <a class="k-post-categories" href="{{ "/category" | prepend: site.baseurl }}/{{category}}.html">{{category}}</a>
78
+ {% endfor %}
79
+ </div>
80
+ {% if site.data.site.many_authors == true %}
81
+ {% if post.author != null %}
82
+ {% assign author = site.data.authors[post.author] %}
83
+ <img class="mdui-card-header-avatar" src="{{author.avatar}}" />
84
+ <div class="mdui-card-header-title">{{author.name}}</div>
85
+ {% else %}
86
+ <img class="mdui-card-header-avatar" src="{{site.data.site.img.avatar}}" />
87
+ <div class="mdui-card-header-title">{{site.author}}</div>
88
+ {% endif %}
89
+ {% else %}
90
+ <img class="mdui-card-header-avatar" src="{{site.data.site.img.avatar}}" />
91
+ <div class="mdui-card-header-title">{{site.author}}</div>
92
+ {% endif %}
93
+ <div class="mdui-card-header-subtitle">{{ post.date | date: "%b %-d, %Y" }}</div>
94
+ </div>
95
+ </div>
96
+ {% endfor %}
97
+ </div>
98
+ {% include content/component/lazyload.html %}
99
+ <script>
100
+ Array.prototype.forEach.call(document.querySelectorAll(".mdui-card-media"), function(a) {
101
+ var b = a.querySelector("a");
102
+ if (!b) {
103
+ return
104
+ }
105
+ a.addEventListener("click", function() {
106
+ b.click();
107
+ })
108
+ });
101
109
  </script>