index.html

---
layout: default
---
<style>
.index-system h2 {
    border-left: 0 !important;
    padding-left: 0 !important;
}
.index-system h2.incident-warning::before {
    content: "⚠️";
}
.index-system h2.incident-error::before {
    content: "❌";
}
.index-system h2::before {
    content: "✔️";
}
.index-heading {margin-top: 0;}
</style>
<meta name="description" content="{{ site.description }}" />
<h1 class="site-title">
    <a href="/" title="{{ site.title }}">
        {{ site.title }}
    </a>
</h1>
{% for tag in site.data.tags %}
{% if tag.scheduled %}
<div class="posts">
    {% assign post = site.tags[tag.slug][0] %}{% if post.action contains 'resolve' %}{% assign post = nil %}{% endif %}
    {% if post %}
        <div class="post {{ post.action }}">
            <h3>
                <span class="tags">
                    <span class="tag {{ tag.slug }}">
                        {{ tag.name }}
                    </span>
                </span>
                <a href="{{ post.url }}">
                    {{ post.title }}
                </a>
            </h3>
            <div class="content">
                {{ post.content }}
            </div>
        </div>
    {% endif %}
</div>
{% endif %}
{% endfor %}

{% for tag in site.data.tags %}
{% if tag.system %}
<div class="index-system">
    {% assign post = site.tags[tag.slug][0] %}{% if post.action contains 'incident' %}
    {% else %}{% assign post = nil %}{% endif %}
    <div class="index-heading">
        <h2 class="{{ post.action }}">
            {{ tag.name }}
        </h2>
    </div>
    <hr/>
    {% if post %}
        <div class="{{ post.action }}">
            <h3>
                <a href="{{ post.url }}">
                    {{ post.title }}
                </a>
            </h3>
            <div class="content">
                {{ post.content }}
            </div>
        </div>
    {% endif %}
</div>
{% endif %}
{% endfor %}

<div class="index-heading">
    <h2>
        Uptime Last {{ site.uptime_days }} Days
    </h2>
</div>
<hr/>
<div class="uptime" style="display: none">
    {% for post in site.posts limit:100 %}
    <span class="{{ post.action }}" data-action="{{ post.action }}" data-url="{{ post.url }}" data-title="{{ post.title }}" data-date="{{ post.date | date_to_xmlschema }}">
    </span>
    {% endfor %}
</div>
<div class="uptime-scale">
    <span>
        {{ site.uptime_days }} Days Ago
    </span>
    <span>
        Latest
    </span>
</div>

<div class="index-heading">
    <h2>
        Past Events
    </h2>
    <a href="/archive">
        View Archive
    </a>
</div>
<hr/>
<div id="posts"  class="posts">
    {% for post in site.posts limit:6 %}
    <div class="post {{ post.action }}">
        <h3>
            <a href="{{ post.url }}">
                {{ post.title }}
            </a>
        </h3>
        <span>{{ post.date | date_to_string }}</span>
    </div>
    {% endfor %}
</div>
<script>
(function() {
    var wrapper = document.querySelector('.uptime'),
        posts   = document.querySelectorAll('.uptime span'),
        span    = false,
        a       = false,
        dayp    = false,
        n       = new Date(),
        day     = (1000 * 60 * 60 * 24),
        o       = new Date(n.getTime() - day * {{ site.uptime_days }}),
        diff    = Math.floor((n.getTime() - o.getTime()) / day),
        i, j    = 0;

    for (j = diff; j >= 0; j--) {
        span = document.createElement('span');
        n = (new Date(o.getTime() + day * (diff - j)));
        span.title = n.toDateString();
        span.setAttribute('data-date', n.toJSON().slice(0, 10));
        wrapper.appendChild(span);
    }
    for (i = 0; i < posts.length; i++) {
        a = document.createElement('a');
        n = (new Date(posts[i].dataset.date));
        a.title     = n.toDateString() + ' ' + posts[i].dataset.title;
        a.className = posts[i].dataset.action;
        a.href      = posts[i].dataset.url;
        dayp = wrapper.querySelector('[data-date="' + n.toJSON().slice(0, 10) + '"]');
        if (dayp) {
            dayp.appendChild(a);
        }
        wrapper.removeChild(posts[i]);
    }
    wrapper.style.display = '';
})();
</script>