From: Chris Fulljames Date: Sun, 26 Jan 2025 02:13:18 +0000 (-0500) Subject: Add site news, visual tweaks X-Git-Url: https://littlesong.place/gitweb/?a=commitdiff_plain;h=d70f89ca2f29af5ef638883df1a11cbfbb87175e;p=littlesongplace.git Add site news, visual tweaks --- diff --git a/main.py b/main.py index 3efd180..2451d3d 100644 --- a/main.py +++ b/main.py @@ -463,6 +463,10 @@ def songs(): tag=tag, song_list=render_template("song-list.html", songs=songs)) +@app.get("/site-news") +def site_news(): + return render_template("news.html") + def flash_and_log(msg, category=None): flash(msg, category) username = session["username"] if "username" in session else "N/A" diff --git a/static/lsp_btn_delete.gif b/static/lsp_btn_delete.gif index a7b9690..fa98491 100644 Binary files a/static/lsp_btn_delete.gif and b/static/lsp_btn_delete.gif differ diff --git a/static/lsp_btn_edit.gif b/static/lsp_btn_edit.gif index c3d599f..a332335 100644 Binary files a/static/lsp_btn_edit.gif and b/static/lsp_btn_edit.gif differ diff --git a/static/lsp_btn_hide.gif b/static/lsp_btn_hide.gif index 6760fa3..e7fe8ae 100644 Binary files a/static/lsp_btn_hide.gif and b/static/lsp_btn_hide.gif differ diff --git a/static/lsp_btn_next.gif b/static/lsp_btn_next.gif index ecff72c..9f08f48 100644 Binary files a/static/lsp_btn_next.gif and b/static/lsp_btn_next.gif differ diff --git a/static/lsp_btn_pause.gif b/static/lsp_btn_pause.gif index 4dce963..c71bd8a 100644 Binary files a/static/lsp_btn_pause.gif and b/static/lsp_btn_pause.gif differ diff --git a/static/lsp_btn_play.gif b/static/lsp_btn_play.gif index 7e5d1de..063d8b0 100644 Binary files a/static/lsp_btn_play.gif and b/static/lsp_btn_play.gif differ diff --git a/static/lsp_btn_prev.gif b/static/lsp_btn_prev.gif index 9de19de..ceafb41 100644 Binary files a/static/lsp_btn_prev.gif and b/static/lsp_btn_prev.gif differ diff --git a/static/lsp_btn_show.gif b/static/lsp_btn_show.gif index 901b52a..e108230 100644 Binary files a/static/lsp_btn_show.gif and b/static/lsp_btn_show.gif differ diff --git a/static/styles.css b/static/styles.css index 1a3cae7..3745edb 100644 --- a/static/styles.css +++ b/static/styles.css @@ -4,11 +4,12 @@ --purple: #9986a6; --pink: #bc80af; --blue: #8dcbc2; + --black: #695c73; } body { background: var(--yellow); - color: var(--purple); + color: var(--black); font-family: sans-serif; border-color: var(--purple); max-width: 700px; @@ -16,6 +17,10 @@ body { } a { + color: var(--black); +} + +h1, h2, h3, h4 { color: var(--purple); } @@ -53,7 +58,7 @@ input[type=text], input[type=password] { font-family: sans-serif; font-weight: bold; color: var(--yellow); - background: var(--pink); + background: var(--purple); border: 0px; border-radius: 5px; padding: 8px; @@ -87,7 +92,7 @@ div.page-header { .profile-link { font-weight: bold; - color: var(--pink); + /* color: var(--purple); */ } .user-list-entry { @@ -153,12 +158,11 @@ div.song-list { div.song { box-shadow: 0px 0px 5px 0px; border-radius: 10px; - padding-left: 10px; } div.song-main { display: flex; - flex-wrap: wrap; + flex-wrap: nowrap; gap: 10px; align-items: center; margin: 5px; @@ -167,9 +171,22 @@ div.song-main { div.song-info { display: flex; flex-wrap: wrap; + flex-direction: row; gap: 10px; - align-items: center; + align-items: flex-start; flex-grow: 1; + margin: 10px +} + +/* Artist on separate line for mobile */ +@media screen and (max-width: 480px) { + div.song-info { + flex-direction: column; + } + + div.song-info-sep { + display: none; + } } div.song-buttons { @@ -266,7 +283,7 @@ a.player-button img { #player-position-bar { position: absolute; display: inline-block; - background-color: var(--purple); + background-color: var(--black); left: 100; top: 14px; width: 100%; @@ -277,7 +294,7 @@ a.player-button img { position: absolute; display: inline-block; visibility: hidden; - background-color: var(--pink); + background-color: var(--purple); top: 6px; width: 20px; height: 20px; diff --git a/templates/base.html b/templates/base.html index 6bc47d9..0c718a3 100644 --- a/templates/base.html +++ b/templates/base.html @@ -18,6 +18,7 @@
Home + News {% if "username" in session %} My Profile Sign Out diff --git a/templates/news.html b/templates/news.html new file mode 100644 index 0000000..13caf3d --- /dev/null +++ b/templates/news.html @@ -0,0 +1,21 @@ +{% extends "base.html" %} + +{% block title %}Site News{% endblock %} + +{% block body %} + +

Site News

+ +

2025-01-25 - Launch Day!

+

+A few minor tweaks right out of the gate! +

+ + +{% endblock %} + diff --git a/templates/song-list.html b/templates/song-list.html index 4cb9df9..730efcf 100644 --- a/templates/song-list.html +++ b/templates/song-list.html @@ -7,13 +7,15 @@
{{ song.title }}
- - - +
+ - +
+ - {{ song.username }} +
+ {{ song.username }} -
{% for collab in song.collaborators %} {% if collab.startswith("@") %} {{ collab[1:] }} diff --git a/test/test_offline.py b/test/test_offline.py index 728df53..de07c4f 100644 --- a/test/test_offline.py +++ b/test/test_offline.py @@ -511,3 +511,11 @@ def test_single_song(client): assert songs[0]["title"] == "song1" assert songs[0]["username"] == "user1" +################################################################################ +# Site News +################################################################################ + +def test_site_news(client): + response = client.get("/site-news") + assert response.status_code == 200 + assert b"Site News" in response.data diff --git a/todo.txt b/todo.txt index 84ad53e..473c749 100644 --- a/todo.txt +++ b/todo.txt @@ -1,10 +1,5 @@ -TODO (BEFORE RELEASE) - -- Automated backups - -- RELEASE IT - -TODO (AFTER RELEASE) +- Dark mode? +- Autoplay toggle - Comments, notifications - Tips and Tricks - Multiline descriptions