index.html

---
layout: default
class: home
css: ['pages/index.css']
comments: false
---

<section class="banner">
    <div class="collection-head">
        <div class="container">
            <div class="collection-title">
              <h1 class="collection-header" id="sub-title" style="font-size: 35px;"><span style="font-size: 35px;">{{ site.subtitle }}</span></h1>
                <div class="collection-info">
                    <span class="meta-info mobile-hidden">
                        <span class="octicon octicon-location"></span>
                        {{ site.location }}
                    </span>
                    {% if site.organization %}
                    <span class="meta-info">
                        <span class="octicon octicon-organization"></span>
                        <a href="{{ site.organization_url }}" target="_blank">{{ site.organization }}</a>
                    </span>
                    {% endif %}
                     <span class="meta-info">
                        <span class="octicon octicon-mark-github"></span>
                        <a href="https://github.com/{{ site.github_username }}" target="_blank">{{ site.github_username }}</a>
                    </span>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- /.banner -->
<section class="container content">
    <div class="columns">
        <div class="column four-fifths" >
            <ol class="repo-list">
                {% for post in paginator.posts %}
                <li class="repo-list-item">
                    <h3 class="repo-list-name">
                      <a href="{{ site.url }}{{ post.url }}" target="_blank">{{ post.title }}</a>
                    </h3>
                    <p class="repo-list-description" style="max-width: 750px;">
                        {{ post.excerpt | strip_html | strip }}
                    </p>
                    <p class="repo-list-meta">
                        <span class="meta-info">
                          <span class="octicon octicon-calendar" style="font-weight: bold;color: #ff9800;"></span> {{ post.date | date: "%Y/%m/%d" }}
                        </span>
                        {% for cat in post.categories %}
                        <span class="meta-info" style="color: #42b983">
                          <span class="octicon octicon-file-directory"></span>
                          <a href="{{ site.url }}/categories/#{{ cat }}" target="_blank" title="{{ cat }}">{{ cat }}</a>
                        </span>
                        {% endfor %}
                    </p>
                </li>
                {% endfor %}
            </ol>
        </div>
        <div class="column one-fifth">
        </div>
    </div>
    <div class="pagination text-align">
      <div class="btn-group">
        {% if paginator.previous_page %}
          {% if paginator.previous_page == 1 %}
              <a href="{{ site.url }}/" class="btn btn-outline">&laquo;</a>
          {% else %}
              <a href="{{ site.url }}/page{{paginator.previous_page}}"  class="btn btn-outline">&laquo;</a>
          {% endif %}
        {% else %}
            <button disabled="disabled" href="javascript:;" class="btn btn-outline">&laquo;</button>
        {% endif %}
        {% if paginator.page == 1 %}
            <a href="javascript:;" class="active btn btn-outline">1</a>
        {% else %}
            <a href="{{ site.url }}/"  class="btn btn-outline">1</a>
        {% endif %}
        {% for count in (2..paginator.total_pages) %}
          {% if count == paginator.page %}
              <a href="javascript:;"  class="active btn btn-outline">{{count}}</a>
          {% else %}
              <a href="{{ site.url }}/page{{count}}"  class="btn btn-outline">{{count}}</a>
          {% endif %}
        {% endfor %}
        {% if paginator.next_page %}
            <a href="{{ site.url }}/page{{paginator.next_page}}"  class="btn btn-outline">&raquo;</a>
        {% else %}
            <button disabled="disabled" href="javascript:;" class="btn btn-outline">&raquo;</button>
        {% endif %}
        </div>
    </div>
    <!-- /pagination -->
</section>
<!-- /section.content -->