web/_includes/panel.html

<!--
  The Pannel on right side (Desktop views)
  © 2017-2019 Cotes Chung
  MIT License
-->

<div class="panel-group">

  {% assign lastmod_list = "" | split: "" %}
  {% assign index = 0 %}

  {% for post in site.posts %}
    {% if post.seo.date_modified > post.date and post.seo.date_modified != nil %}
      {% capture item %}
        {{ post.seo.date_modified }}::{{ index }}
      {% endcapture %}
      {% assign lastmod_list = lastmod_list | push: item %}
    {% endif %}
    {% assign index = index | plus: 1 %}
  {% endfor %}

  {% if lastmod_list.size > 0 %}
  <div id="panel-update" class="post mb-4"">
    <h3 data-toc-skip>
      {{ site.data.label.panel.lastmod }}
    </h3>
    <ul class="post-content pl-0 pb-1 ml-1 mt-2">
    {% assign MAX_SIZE = 5 %}
    {% assign sum = 0 %}
    {% assign lastmod_list = lastmod_list | sort | reverse %}
    {% for item in lastmod_list %}
      {% assign index = item | split: "::" | last | plus: 0 %}
      {% assign post = site.posts[index] %}
      <li><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></li>
      {% assign sum = sum | plus: 1 %}
      {% if sum >= MAX_SIZE %}
        {% break %}
      {% endif %}
    {% endfor %}
    </ul>
  </div><!-- #panel-update -->
  {% endif %}

  <div id="panel-tags">
    <h3 data-toc-skip>
      {{ site.data.label.panel.trending_tags }}
    </h3>
    <div class="d-flex flex-wrap mt-2 pb-1 pr-3">
      {% capture tags_array %}
        {% for tag in site.tags %}
          {{ tag[1] | size }}:{{ tag[0] | replace: ' ', '-' }}
        {% endfor %}
      {% endcapture %}

      {% assign MAX = 10 %}
      {% assign count = 0 %}
      {% assign trends = tags_array | split: " " | sort | reverse %}

      <div>
      {% for trend in trends %}
        {% assign count = count | plus: 1 %}
        {% assign tag = trend | split: ":" | last  %}
        <a class="post-tag" href="{{ site.baseurl }}/tags/{{ tag | downcase }}/">{{ tag | replace: '-', ' ' }}</a>
        {% if count >= MAX %}
          {% break %}
        {% endif %}
      {% endfor %}
      </div>

    </div>
  </div><!-- #panel-tags -->

</div>