From: Chris Fulljames Date: Sat, 21 Jun 2025 14:16:49 +0000 (-0400) Subject: More work on mobile navigation X-Git-Url: https://littlesong.place/gitweb/?a=commitdiff_plain;h=bf21f648fb6ed6d0f88c665bee3d1bfab9ec0d70;p=littlesongplace.git More work on mobile navigation --- diff --git a/src/littlesongplace/__init__.py b/src/littlesongplace/__init__.py index 846b83e..27f7b7d 100644 --- a/src/littlesongplace/__init__.py +++ b/src/littlesongplace/__init__.py @@ -29,6 +29,7 @@ root_logger.addHandler(handler) app = Flask(__name__) app.secret_key = os.environ["SECRET_KEY"] if "SECRET_KEY" in os.environ else "dev" app.config["MAX_CONTENT_LENGTH"] = 1 * 1024 * 1024 * 1024 +app.config["SESSION_COOKIE_SAMESITE"] = "Strict" app.register_blueprint(activity.bp) app.register_blueprint(auth.bp) app.register_blueprint(comments.bp) @@ -78,6 +79,16 @@ def index(): def site_news(): return render_template("news.html") +@app.get("/folks") +def folks(): + all_users = db.query("select * from users order by username asc") + all_users = [dict(row) for row in all_users] + for user in all_users: + user["has_pfp"] = users.user_has_pfp(user["userid"]) + for key, value in users.get_user_colors(user).items(): + user[key] = value + return render_template("folks.html", users=all_users) + @app.get("/about") def about(): return render_template("about.html") diff --git a/src/littlesongplace/static/styles.css b/src/littlesongplace/static/styles.css index f6791d9..de81bfe 100644 --- a/src/littlesongplace/static/styles.css +++ b/src/littlesongplace/static/styles.css @@ -152,14 +152,6 @@ div.main { padding: 10px; } -div.page-header { - box-shadow: 5px 5px 0px 0px var(--black); - border: 1px solid var(--black); - border-radius: var(--radius); - margin: 10px; - padding: 5px; -} - .flashes { border: 3px solid var(--blue); border-radius: var(--radius); @@ -258,7 +250,21 @@ input[type=range]::-moz-range-thumb { } /* Desktop Navbar */ -div.navbar { +#page-header { + display: none; + box-shadow: 5px 5px 0px 0px var(--black); + border: 1px solid var(--black); + border-radius: var(--radius); + margin: 10px; + padding: 5px; +} +@media screen and (min-width: 480px) { + #page-header { + display: block; + } +} + +#navbar { display: flex; flex-wrap: wrap; flex-direction: row; @@ -292,11 +298,25 @@ div.navbar { border-radius: var(--radius); box-shadow: 3px 3px 0px 0px; } +@media screen and (min-width: 480px) { + #mobile-navbar { + display: none; + } +} -#mobile-navbar button { +#mobile-navbar a { color: var(--black); border: none; background: none; + width: 56px; + text-align: center; + font-size: 0.8em; + text-decoration: none; +} + +#mobile-nav-pfp { + border: 2px solid var(--black); + border-radius: var(--radius); } /* Upload/Edit Form */ diff --git a/src/littlesongplace/templates/base.html b/src/littlesongplace/templates/base.html index 75a82ee..5ad4ff9 100644 --- a/src/littlesongplace/templates/base.html +++ b/src/littlesongplace/templates/base.html @@ -21,13 +21,13 @@ {{ gif_data|safe }} -
+

little song place

-
+