@page
@using OliverBooth.Common.Services
@model Index

@{
    ViewData["Title"] = "Blog";
}

@await Html.PartialAsync("Partials/_MastodonStatus")

<div id="all-blog-posts">
    @await Html.PartialAsync("_LoadingSpinner")
</div>

<script id="blog-post-template" type="text/x-handlebars-template">
    <div class="card-header">
        <span class="text-muted">
            <img class="blog-author-icon" src="{{author.avatar}}" alt="{{author.name}}">
            <span>{{author.name}}<span>
            <span> &bull; </span>
            <abbr title="{{ post.formattedDate }}">{{ post.date_humanized }}</abbr>
        </span>
    </div>
    <div class="card-body">
        <h2>
            <a href="{{post.url}}"> {{post.title}}</a>
        </h2>

        <p>{{{post.excerpt}}}</p>

        {{#if post.trimmed}}
            <p>
                <a href="{{post.url}}">
                    Read more...
                </a>
            </p>
        {{/if}}
    </div>
    <div class="card-footer">
        {{#each post.tags}}
            <a href="?tag={{urlEncode this}}" class="badge text-bg-dark">{{this}}</a>
        {{/each}}
    </div>
</script>