{% if site.data.site.lang == null or site.data.site.lang == “” %} {% assign lang = site.data.lang.en-US %} {% else %} {% assign lang = site.data.lang %} {% endif %} {% assign filename = page.url | replace_first: '/', '' | replace: '/', '' | replace: '.html', '' | replace: 'category', '' %} {{filename}} <div class=“k-posts-list”></div>
<style>
.k-list-card{ margin-bottom: 45px; }
.k-post-media {
display:block cursor: pointer; max-height: 245px; min-height: 245px; background-position: 50% 50%; background-size: cover; background-color: #303033;
} .k-post-media .mdui-card-primary-title a {
text-decoration: none;
} .k-post-categories {
line-height: 40px;
} .k-noimg{
padding-left: 16px;
} .k-noimg h1::before{
content: "“";
} .k-noimg h1::after{
content: "”";
} .k-noimg h1:before,.k-noimg h1:after{
display: block; font-size: 80px; margin-top: 40px;
} .k-noimg a,.k-noimg h1{
text-decoration: none; color: white;
} </style> <div class=“k-container”>
{% for post in site.categories[filename] %} <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 %}"> {% if post.img == "" or post.img == null %} <div class="mdui-card-media mdui-ripple k-post-media mdui-valign k-noimg"> <h1><a href="{{post.url| prepend: site.baseurl}}">{{post.title}}</a></h3> </div> {% else %} <div class="mdui-card-media mdui-ripple k-post-media lazy" data-original="{{post.img}}" style="background-image:url()"> <div class="mdui-card-media-covered mdui-card-media-covered-gradient"> <div class="mdui-card-primary"> <div class="mdui-card-primary-title"><a class="mdui-text-color-white-text" href="{{post.url| prepend: site.baseurl}}">{{post.title}}</a></div> </div> </div> </div> {% endif %} {% if post.describe != null %} <div class="mdui-card-content mdui-text-color-black-secondary mdui-typo"> {{ post.describe}} <a href="{{post.url | prepend: site.baseurl}}">{{lang.post.continue}}</a> </div> {% else %} <div class="mdui-card-content mdui-text-color-black-secondary mdui-typo"> {{ post.excerpt | strip_html}} <a href="{{post.url | prepend: site.baseurl}}">{{lang.post.continue}}</a> </div> {% endif %} <div class="mdui-divider"></div> <div class="mdui-card-header"> <div class="mdui-card-menu mdui-typo"> {% for category in post.categories %} <a class="k-post-categories" href="{{ "/category" | prepend: site.baseurl }}/{{category}}.html">{{category}}</a> {% endfor %} </div> {% if site.data.site.many_authors == true %} {% if post.author != null %} {% assign author = site.data.authors[post.author] %} <img class="mdui-card-header-avatar" src="{{author.avatar}}" /> <div class="mdui-card-header-title">{{author.name}}</div> {% else %} <img class="mdui-card-header-avatar" src="{{site.data.site.img.avatar}}" /> <div class="mdui-card-header-title">{{site.author}}</div> {% endif %} {% else %} <img class="mdui-card-header-avatar" src="{{site.data.site.img.avatar}}" /> <div class="mdui-card-header-title">{{site.author}}</div> {% endif %} <div class="mdui-card-header-subtitle">{{ post.date | date: "%b %-d, %Y" }}</div> </div> </div> {% endfor %} </div> {% include content/component/lazyload.html %}
<script>
Array.prototype.forEach.call(document.querySelectorAll(".mdui-card-media"), function(a) { var b = a.querySelector("a"); if (!b) { return } a.addEventListener("click", function() { b.click(); }) }); </script>