{% 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>