{{ define "main" }}
<div class="index-wrapper">
    <div class="box index-content">
        {{ .Content }}
    </div>
    <div class="box index-blog">
        <h3>Latest Blog Posts</h3>
        <ul>
            {{ range first 3 (where .Site.RegularPages.ByDate.Reverse "Section" "blog") }}
            <li>
                <time class="dt-published" datetime="{{ .PublishDate }}">{{ .PublishDate.Format "01/02/06" }}</time>
                <a class="title u-url p-name" href="{{ .RelPermalink }}">{{ .Title }}</a>
            </li>
            {{ end }}
        </ul>
    </div>
    <div class="box index-social">
        <h3>Socials</h3>
        <ul class="social">
            {{ range site.Menus.social }}
            <li class="social">
                <img class="social" src="/icons/{{.Params.icon}}">
                {{ if .URL }}
                <a rel="me" href="{{ .URL | safeURL }}">
                    {{ .Name }}
                </a>
                {{ else }}
                {{ .Name }}
                {{ end }}
            </li>
            {{ end }}
        </ul>
    </div>
    <div class="box index-recent">
        <h3>What I'm Up To</h3>
        <ul>
            {{ range .Site.Data.now }}
            <li>{{ . | markdownify }}</li>
            {{ end }}
        </ul>
    </div>
    <div class="box index-bookmarks">
        <h3>Bookmarks</h3>
        <p>Links I frequently need</p>
        <ul>
            {{ range $.Site.Data.bookmarks }}
            <li><a href="{{ .url }}">{{ .title }}</a></li>
            {{ end }}
        </ul>
    </div>
</div>
{{ end }}