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.
- checksums.yaml +4 -4
- data/LICENSE.txt +21 -21
- data/README.md +88 -89
- data/_includes/analytics/google.html +7 -7
- data/_includes/comment/comment.html +9 -3
- data/_includes/comment/disqus.html +73 -75
- data/_includes/comment/gitment.html +16 -16
- data/_includes/comment/livere.html +38 -27
- data/_includes/comment/valine.html +36 -19
- data/_includes/component/customCssJS.html +7 -7
- data/_includes/component/nprogress.html +24 -24
- data/_includes/component/sw.html +6 -6
- data/_includes/component/totop.html +13 -13
- data/_includes/content/403x.html +65 -0
- data/_includes/content/404x.html +65 -0
- data/_includes/content/category_list.html +86 -86
- data/_includes/content/category_post_list.html +108 -100
- data/_includes/content/component/highlight.html +11 -11
- data/_includes/content/component/imgboxed.html +304 -304
- data/_includes/content/component/lastupdate.html +35 -35
- data/_includes/content/component/lazyload.html +6 -6
- data/_includes/content/component/page_tags.html +17 -17
- data/_includes/content/component/qrcode.html +26 -26
- data/_includes/content/component/readtime.html +27 -27
- data/_includes/content/component/sns_share.html +42 -42
- data/_includes/content/component/toc.html +84 -84
- data/_includes/content/editor.html +1058 -1058
- data/_includes/content/friends.html +23 -23
- data/_includes/content/love.html +123 -0
- data/_includes/content/page_content.html +92 -87
- data/_includes/content/page_content_no_toc.html +69 -64
- data/_includes/content/paginator_button.html +24 -24
- data/_includes/content/paginator_post_list.html +103 -95
- data/_includes/content/tags_list.html +99 -99
- data/_includes/footer/footer.html +30 -30
- data/_includes/head.html +94 -88
- data/_includes/header/header.html +174 -174
- data/_includes/meng/aplayer.html +100 -100
- data/_includes/meng/background.html +34 -34
- data/_includes/meng/card.html +13 -13
- data/_includes/meng/console.html +10 -10
- data/_includes/meng/cplayer.html +61 -61
- data/_includes/meng/cursor.html +8 -8
- data/_includes/meng/head_card.html +67 -67
- data/_includes/meng/live2d.html +60 -60
- data/_includes/meng/title.html +23 -23
- data/_includes/submission/baidu.html +13 -13
- data/_layouts/category_content.html +3 -3
- data/_layouts/category_list.html +3 -3
- data/_layouts/compress.html +9 -9
- data/_layouts/default.html +49 -49
- data/_layouts/editor.html +4 -4
- data/_layouts/friends.html +3 -3
- data/_layouts/home.html +20 -20
- data/_layouts/love.html +4 -0
- data/_layouts/page.html +12 -12
- data/_layouts/post.html +12 -12
- data/_layouts/tags.html +4 -4
- data/assets/css/global.css +181 -181
- metadata +16 -13
@@ -1,25 +1,25 @@
|
|
1
|
-
<link rel="stylesheet" href="https://
|
2
|
-
<script src="https://
|
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>
|
data/_includes/component/sw.html
CHANGED
@@ -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
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
<
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
{%
|
81
|
-
{%
|
82
|
-
|
83
|
-
<
|
84
|
-
{
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
<
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
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>
|