jekyll-theme-mdui 0.5.2.4 → 0.5.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (60) 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 +9 -3
  6. data/_includes/comment/disqus.html +73 -75
  7. data/_includes/comment/gitment.html +16 -16
  8. data/_includes/comment/livere.html +38 -27
  9. data/_includes/comment/valine.html +36 -19
  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/403x.html +65 -0
  15. data/_includes/content/404x.html +65 -0
  16. data/_includes/content/category_list.html +86 -86
  17. data/_includes/content/category_post_list.html +108 -100
  18. data/_includes/content/component/highlight.html +11 -11
  19. data/_includes/content/component/imgboxed.html +304 -304
  20. data/_includes/content/component/lastupdate.html +35 -35
  21. data/_includes/content/component/lazyload.html +6 -6
  22. data/_includes/content/component/page_tags.html +17 -17
  23. data/_includes/content/component/qrcode.html +26 -26
  24. data/_includes/content/component/readtime.html +27 -27
  25. data/_includes/content/component/sns_share.html +42 -42
  26. data/_includes/content/component/toc.html +84 -84
  27. data/_includes/content/editor.html +1058 -1058
  28. data/_includes/content/friends.html +23 -23
  29. data/_includes/content/love.html +123 -0
  30. data/_includes/content/page_content.html +92 -87
  31. data/_includes/content/page_content_no_toc.html +69 -64
  32. data/_includes/content/paginator_button.html +24 -24
  33. data/_includes/content/paginator_post_list.html +103 -95
  34. data/_includes/content/tags_list.html +99 -99
  35. data/_includes/footer/footer.html +30 -30
  36. data/_includes/head.html +94 -88
  37. data/_includes/header/header.html +174 -174
  38. data/_includes/meng/aplayer.html +100 -100
  39. data/_includes/meng/background.html +34 -34
  40. data/_includes/meng/card.html +13 -13
  41. data/_includes/meng/console.html +10 -10
  42. data/_includes/meng/cplayer.html +61 -61
  43. data/_includes/meng/cursor.html +8 -8
  44. data/_includes/meng/head_card.html +67 -67
  45. data/_includes/meng/live2d.html +60 -60
  46. data/_includes/meng/title.html +23 -23
  47. data/_includes/submission/baidu.html +13 -13
  48. data/_layouts/category_content.html +3 -3
  49. data/_layouts/category_list.html +3 -3
  50. data/_layouts/compress.html +9 -9
  51. data/_layouts/default.html +49 -49
  52. data/_layouts/editor.html +4 -4
  53. data/_layouts/friends.html +3 -3
  54. data/_layouts/home.html +20 -20
  55. data/_layouts/love.html +4 -0
  56. data/_layouts/page.html +12 -12
  57. data/_layouts/post.html +12 -12
  58. data/_layouts/tags.html +4 -4
  59. data/assets/css/global.css +181 -181
  60. metadata +16 -13
@@ -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://cdnjs.cloudflare.com/ajax/libs/nprogress/0.2.0/nprogress.min.css">
2
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/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>
@@ -0,0 +1,65 @@
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-noimg{
19
+ padding-left: 16px;
20
+ }
21
+ .k-noimg h1::before{
22
+ color: #FF5151 ;
23
+ content: "- - -";
24
+ }
25
+ .k-noimg h1::after{
26
+ color: #FF5151 ;
27
+ content: "- - -";
28
+ }
29
+ .k-noimg h1:before,.k-noimg h1:after{
30
+ display: block;
31
+ font-size: 30px;
32
+ margin-top: 35px;
33
+ }
34
+ .k-noimg a,.k-noimg h1{
35
+ text-decoration: none;
36
+ color: white;
37
+ font-size: 24px;
38
+ font-weight: inherit;
39
+ }
40
+ .k-head-card-content .mdui-card-header-title{
41
+ line-height: 40px;
42
+ margin-left: 0;
43
+ }
44
+ .k-head-card-content{
45
+ margin-right: 12px;
46
+ }
47
+ </style>
48
+
49
+ <div class="mdui-row-md-4 mdui-row-sm">
50
+ <div class="mdui-col">
51
+ <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 %}">
52
+ <div class="mdui-card-media mdui-ripple k-post-media mdui-valign k-noimg">
53
+ <h1>{{ lang.error.main }} </a> <br /> <br /> <span class="mdui-text-color-blue">{{ lang.error.403x }}</span> </h3>
54
+ </div>
55
+ </div>
56
+ </div>
57
+ <div class="mdui-card-header k-head-card-content">
58
+ <a style="color: #000000; text-decoration: none;" href="{{ "/" | prepend: site.baseurl }}">
59
+ <div class="mdui-card-header-title">
60
+ <i style="font-style: normal;" class="material-icons">keyboard_arrow_right</i> 回到主页
61
+ </div>
62
+ </a>
63
+ </div>
64
+
65
+ </div>
@@ -0,0 +1,65 @@
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-noimg{
19
+ padding-left: 16px;
20
+ }
21
+ .k-noimg h1::before{
22
+ color: #FF5151 ;
23
+ content: "- - -";
24
+ }
25
+ .k-noimg h1::after{
26
+ color: #FF5151 ;
27
+ content: "- - -";
28
+ }
29
+ .k-noimg h1:before,.k-noimg h1:after{
30
+ display: block;
31
+ font-size: 30px;
32
+ margin-top: 35px;
33
+ }
34
+ .k-noimg a,.k-noimg h1{
35
+ text-decoration: none;
36
+ color: white;
37
+ font-size: 24px;
38
+ font-weight: inherit;
39
+ }
40
+ .k-head-card-content .mdui-card-header-title{
41
+ line-height: 40px;
42
+ margin-left: 0;
43
+ }
44
+ .k-head-card-content{
45
+ margin-right: 12px;
46
+ }
47
+ </style>
48
+
49
+ <div class="mdui-row-md-4 mdui-row-sm">
50
+ <div class="mdui-col">
51
+ <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 %}">
52
+ <div class="mdui-card-media mdui-ripple k-post-media mdui-valign k-noimg">
53
+ <h1>{{ lang.error.main }} </a> <br /> <br /> <span class="mdui-text-color-blue">{{ lang.error.404x }}</span> </h3>
54
+ </div>
55
+ </div>
56
+ </div>
57
+ <div class="mdui-card-header k-head-card-content">
58
+ <a style="color: #000000; text-decoration: none;" href="{{ "/" | prepend: site.baseurl }}">
59
+ <div class="mdui-card-header-title">
60
+ <i style="font-style: normal;" class="material-icons">keyboard_arrow_right</i> 回到主页
61
+ </div>
62
+ </a>
63
+ </div>
64
+
65
+ </div>
@@ -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>