---
layout: default
title: Patterns
permalink: /patterns/
icon: fa-th-large
page-index: 1
---

{% assign allPatterns = site.pages | where:"layout","pattern" | sort: 'title' %}
<div id="patterns" class="row">
    <!-- SIDEBAR -->
    <div class="col-md-3 col-md-push-9">
        {% include sidebar.html allItems=allPatterns %}
    </div>
    <!-- MAIN -->
    <div class="col-md-9 col-md-pull-3">
        <div class="content-area">
            <div class="list-item-search">
                <div class="input-group">
                    <i class="fa fa-search input-group-addon" aria-hidden="true"
                        data-toggle="tooltip" data-placement="left" title="Powered by lunrjs.com"></i>
                    <input type="text" class="form-control" id="searchBox" placeholder="logging...">
                </div>
            </div>
            <div class="post-list-body">

                <div>
                    {% for page in allPatterns %}
                    <div class="list-item" href="{{ page.url | prepend: site.baseurl }}"
                            cats='All;{{ page.categories | join: ';' }}'
                            tags='All;{{ page.tags | join: ';' }}'>
                        <a class="list-item-url" href="{{ page.url | prepend: site.baseurl }}">
                            <span class="list-item-title">{{ page.title }}</span>
                        </a>
                        <div class="float-right">
                            {% include labels.html categories=page.categories tags=page.tags useLinks="true" %}
                        </div>
                    </div>

                    {% endfor %}
                </div>
            </div>
        </div>
    </div>
</div>
<div class="pattern-statistics row">
    <div class="col-md-9">
        Currently showing <span id="current-pattern-count-showing">{{ allPatterns | size }}</span> Patterns of {{ allPatterns | size }} Patterns total
    </div>
</div>