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.
- 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 +2 -2
- data/_includes/comment/disqus.html +72 -75
- data/_includes/comment/gitment.html +16 -16
- data/_includes/comment/livere.html +42 -26
- data/_includes/comment/valine.html +37 -18
- 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/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 +90 -87
- 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 +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
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
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>
|
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>
|
@@ -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>
|