{% extends "base.html" %}

{% block nav_home %}active{% endblock %}

{% block header %}

<header>
  <div class="panel" id="title">
    <h1>{{ locale.text("name").unwrap() }}</h1>
  </div>

  {% if is_live %}
  <iframe class="panel" id="stream" src="https://weirdstar.stream/embed/video" title="girlstream"
    referrerpolicy="origin" scrolling="no" allowfullscreen>
  </iframe>
  {% endif %}

  {% if listenbrainz.is_scrobbling %}
  <a href="https://listenbrainz.org/user/celblossom" class="panel" id="scrobble">{{ locale.text("now-playing").unwrap()
    }}: {{
    listenbrainz.song.clone().unwrap_or_default() }} -
    {{ listenbrainz.artist.clone().unwrap_or_default() }}</a>
  {% endif %}

</header>

{% endblock header %}

{% block content %}

{% for post in feed %}
{% match post %}
{% when HomeFeedItem::Blogpost(blogpost) %}
{% include "blogpost-panel.html" %}
{% when HomeFeedItem::Poem(poem) %}
{% include "poem-panel.html" %}
{% endmatch %}
{% endfor %}

<div class="home-feed-footer">
  <div class="panel"><a href="/blog">More blogposts...</a></div>
  <div class="panel"><a href="/poetry">More poetry...</a></div>
</div>

{% endblock content %}

{% block aside %}

<aside>

  {% include "latestposts.html" %}
  {% include "random-poem.html" %}

</aside>

{% endblock aside %}