---

layout: layouts/base.njk

eleventyExcludeFromCollections: true

templateEngineOverride: njk

---

<details class="h-card" open>

<summary>

<q class="bubble">I'm online now!</q>

<img class="p-name u-photo" src="{{ metadata.author.photo }}" alt="{{ metadata.author.name }}" width="100" height="100">

<a class="u-url u-uid" href="{{ metadata.author.url }}"></a>

<a class="u-url" href="acct:benji@benji.dog"></a>

{% if metadata.author.banner %}<img class="u-featured" src="{{ metadata.author.banner }}" hidden>{% endif %}

</summary>

<ul class="no-bullet">

<li><p class="p-note">{{ metadata.description }}</p></li>

<li>{% svg "icons.svg#envelope-simple", "email" %} <a class="u-email" href="mailto:{{ metadata.author.email }}">{{ metadata.author.email }}</a></li>

<li>{% svg "icons.svg#key", "Public Key" %} <a class="u-key" rel="pgpkey" type="application/pgp-keys" href="/pub.asc">7EBF 284E 2F90 ABB9</a></li>

</ul>

<online-now href="https://status.benji.dog"></online-now>

<div class="text-center">

<a href="/about">about</a>{#

#}<span> • </span>

<a href="/contact">contact</a>

</div>

<script src="/component/online-now.js"></script>

{% set entries = collections.publicFeed | excludeProperty('photo') | reverse | limit(3) %}

<h2>Recent <a href="/feed.xml" title="RSS Feed">{% svg "icons.svg#rss-simple", "RSS feed" %}</a></h2>

{%- include "partials/feed.njk" -%}

<hr class="sm">

<div class="cols">

<section>

{% set entries = collections.watched | reverse | limit(3) %}

<h3>Recent movies <a href="/watched" title="See more">{% svg "icons.svg#arrow-right", "See more watched posts" %}</a></h3>

<div class="h-feed posters">

{%- set skipIcons = true -%}

{%- for entry in entries %}

{%- set watched = entry.data['watch-of'] -%}

{%- include "partials/movie.njk" -%}

{%- endfor -%}

</div>

</section>

<section>

{% set entries = collections.read | reverse | limit(3) -%}

<h3>Recent books <a href="/read" title="See more">{% svg "icons.svg#arrow-right", "See more read posts" %}</a></h3>

<div class="h-feed posters">

{%- for entry in entries %}

{%- set watched = entry.data['read-of'] -%}

{%- include "partials/book.njk" -%}

{%- endfor -%}

</div>

</section>

{% set photos = collections.photos | reverse | limit(4) -%}

<h3>Recent photos <a href="/photos" title="See more">{% svg "icons.svg#arrow-right", "See more photos" %}</a></h3>

<div class="h-feed grid grid2">

{% for post in photos -%}

<a href="{{ post.url }}">

{%- set photo = (post.data.photo or []) | first -%}

{%- include "partials/photo.njk" -%}

</a>

{%- endfor %}

</div>