{% 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 %}

<div class="panel content">
  {{ locale.text("welcome").unwrap()|safe }}
</div>

{% endblock content %}

{% block aside %}

<aside>

  <div class="panel" style="background-color: #b52f6a; z-index: -1; font-family: 'Terminal Grotesque'; font-size: 2em">
    {{ locale.text("latest-update").unwrap() }}</div>
  {% include "latestposts.html" %}
  {% include "random-poem.html" %}

</aside>

{% endblock aside %}