01categories.html

---
layout: page
permalink: /categories/
tagline: A complete list of categories and the respective posts in each category.
title: Categories
---

<div class="share-box"> 
    {% assign tags = site.categories | sort %}
    {% for tag in tags %}
    <a href="#{{ tag[0] | slugify }}" class="btn" style="font-size: {{ tag | last | size  |  times: 4 | plus: 80  }}%"> <!-- style="color: #1C1C1C;" is font color of cloud index -->
      <span class="highlighter-rouge" aria-hidden="true"> 
        {{ tag[0] }} <i>{{ tag | last | size }}</i>
      </span>
    </a>
    {% endfor %}
</div>


<div class="post-preview"> 
    {% for tag in tags %} 
      <h2 id="{{ tag[0] | slugify }}" style="padding-top: 70px;"> {{ tag[0] }}<i class="e">{{ tag | last | size }}</i></h2>
        <ul class="post-preview">
        {% for post in tag[1] %}
        <a class="post-subtitle" href="{{ site.baseurl }}{{ post.url }}">
        <li>
          {{ post.title }}
        <small class="post-meta"> - Posted on {{ post.date | date: "%B %-d, %Y" }}</small>
        </li>
        </a>
        {% endfor %}
      </ul>
	<span class="share-box">
        <a href="#top" class="e">Go back to the top</a> 
	</span>
    {% endfor %}
</div>

<!--
<div id="archives">
{% for category in site.categories %}
  <div class="archive-group">
    {% capture category_name %}{{ category | first }}{% endcapture %}
    <div id="#{{ category_name | slugize }}"></div>
    <p></p>
    
    <h3 class="category-head">{{ category_name }}</h3>
    <a name="{{ category_name | slugize }}"></a>
    {% for post in site.categories[category_name] %}
    <article class="archive-item">
      <h4><a href="{{ site.baseurl }}{{ post.url }}">{{post.title}}</a></h4>
    </article>
    {% endfor %}
  </div>
{% endfor %}
</div>
//-->