index.html

---
layout: default
title: 'JWorks Tech Blog'
subtitle: 'Powered by <img src="/img/ordina-logo-orange-300px.png" class="header-logo">'
show_logo: true
transparent_header: true
---

<section id="one" class="wrapper spotlight style1">
    <div class="inner">
        <div class="content" style="text-align: left">
            <h2 class="major">Most recent posts</h2>

            <section class="features">

                {% for post in paginator.posts %}
                <article onclick="openPage(event, '{{ post.url}}')">
                    <a href="{{post.url}}">
                        <img src="{{post.image}}" alt="" class="article-image">
                        <h3 class="major">{{post.title}}</h3>
                    </a>
                    <p>{{ post.date | date_to_string }} {{post.heading}}</p>
                    <a href="{{post.url}}" class="special">Read more</a>
                </article>
                {% endfor %}

            </section>

            <!-- Pagination -->
            {% if paginator.total_pages > 1 %}
            <ul class="actions"> <!-- pagination center-block -->
                {% if paginator.previous_page %}
                <li>
                    <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}"
                       aria-label="Previous">
                        <span aria-hidden="true">&laquo;</span>
                    </a>
                </li>
                {% endif %}
                {% for page in (1..paginator.total_pages) %}
                {% if page == 1 %}
                {% capture url %}
                {{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: 'page:num', '' }}
                {% endcapture %}
                {% else %}
                {% capture url %}
                {{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}
                {% endcapture %}
                {% endif %}
                <li><a href="{{ url }}" {% if page== paginator.page %}class="disabled" {% endif %}>{{ page }}</a></li>
                {% endfor %}
                {% if paginator.next_page %}
                <li>
                    <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}"
                       aria-label="Next">
                        <span aria-hidden="true">&raquo;</span>
                    </a>
                </li>
                {% endif %}
            </ul>
            {% endif %}
            <!-- End Pagination -->
        </div>
    </div>
</section>

<section id="two" class="wrapper alt spotlight style2">
    <div class="inner">
        <div class="content">
            <h2 class="major">Categories</h2>
            <div class="category-list right">
                {% assign shown_categories = '' %}
                {% for cat in site.categories %} {% assign cat_ = cat[0] | downcase | replace:' ','-' %}
                {% assign shown_cats_array = shown_categories | split: ', ' %}
                {% unless shown_cats_array contains cat_ %}
                 <a href="/categories/{{cat_ }}"><i class="fa fa-folder-o fa-fw"></i>{{cat[0]}}</a>
                {% assign shown_categories = shown_categories | append: ', ' | append: cat_ %}
                {% endunless %}
                {% endfor %}
            </div>
        </div>
    </div>
</section>

<section id="three" class="wrapper spotlight style3">
    <div class="inner">
        <div class="content">
            <h2 class="major">Tags</h2>
            <div class="category-list left">
                {% assign tags = site.tags | sort %}
                {% for tag in tags %}
                    <a href="/tags/{{ tag | first | slugify }}/" style="font-size: {{ tag | last | size  |  times: 4 | plus: 80  }}%"> 
                        <i class="fa fa-tag fa-fw"></i>{{ tag[0] | replace:'-', ' ' }} ({{ tag | last | size }})
                    </a>
                </span>
                {% endfor %}
            </div>
        </div>
    </div>
</section>