diff options
-rw-r--r-- | static/style.css | 5 | ||||
-rw-r--r-- | templates/home.html.tera | 33 |
2 files changed, 22 insertions, 16 deletions
diff --git a/static/style.css b/static/style.css index fc2d69e..1b68815 100644 --- a/static/style.css +++ b/static/style.css @@ -61,6 +61,10 @@ a.active { color: #311f20; } +blockquote { + font-style: italic; +} + img, video { max-width: 100%; @@ -123,6 +127,7 @@ header { display: flex; align-items: end; flex-wrap: wrap; + gap: 4vw; } main { diff --git a/templates/home.html.tera b/templates/home.html.tera index 483c2f9..9a6041f 100644 --- a/templates/home.html.tera +++ b/templates/home.html.tera @@ -8,23 +8,24 @@ <div class="panel" id="title"> <h1>cel 🌸</h1> </div> -</header> -{% 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 }} - {{ listenbrainz.artist }}</a> -{% endif %} + {% 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 }} - {{ listenbrainz.artist }}</a> + {% endif %} + +</header> {% endblock header %} |