{% extends "base.html" %}

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

{% block header %}

<header>
  <div class="panel" id="title">
    <h1>celeste 🌸</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">now playing: {{
    listenbrainz.song.clone().unwrap_or_default() }} -
    {{ listenbrainz.artist.clone().unwrap_or_default() }}</a>
  {% endif %}

</header>

{% endblock header %}

{% block content %}

<div class="panel content">
  <h2>hallo i am celeste welcome 2 my site 🌟</h2>
  <p>this is where i do the posting</p>
  <p>i wish u a wonderful day</p>
  <br>
  <img src="/static/quinntyping.png">
  <p>perpetually under construction</p>
  <img style="border: 0;" src="/static/barraconstruction.gif">
</div>

{% endblock content %}

{% block aside %}

<aside>

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

</aside>

{% endblock aside %}