From: Chris Fulljames Date: Fri, 20 Jun 2025 22:46:08 +0000 (-0400) Subject: Initial work on mobile navbar X-Git-Url: https://littlesong.place/gitweb/?a=commitdiff_plain;h=373d60680924c0b8a5f2d353d9bc114c63d64225;p=littlesongplace.git Initial work on mobile navbar --- diff --git a/src/littlesongplace/db.py b/src/littlesongplace/db.py index 4a2d489..16b4107 100644 --- a/src/littlesongplace/db.py +++ b/src/littlesongplace/db.py @@ -21,8 +21,10 @@ def get(): # Run update script if DB is out of date schema_update_script = Path(current_app.root_path) / 'sql' / 'schema_update.sql' if user_version < DB_VERSION and schema_update_script.exists(): + current_app.logger.info(f"Expected schema {DB_VERSION}, have {user_version}. Updating DB...") with current_app.open_resource(schema_update_script, mode='r') as f: db.cursor().executescript(f.read()) + current_app.logger.info(f"DB updated successfully") db.commit() return db diff --git a/src/littlesongplace/static/mingcute--guitar-fill.svg b/src/littlesongplace/static/mingcute--guitar-fill.svg new file mode 100644 index 0000000..d96627b --- /dev/null +++ b/src/littlesongplace/static/mingcute--guitar-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/littlesongplace/static/mingcute--happy-fill.svg b/src/littlesongplace/static/mingcute--happy-fill.svg new file mode 100644 index 0000000..079f953 --- /dev/null +++ b/src/littlesongplace/static/mingcute--happy-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/littlesongplace/static/mingcute--music-fill.svg b/src/littlesongplace/static/mingcute--music-fill.svg new file mode 100644 index 0000000..14c66cc --- /dev/null +++ b/src/littlesongplace/static/mingcute--music-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/littlesongplace/static/mingcute--notification-fill.svg b/src/littlesongplace/static/mingcute--notification-fill.svg new file mode 100644 index 0000000..43addc9 --- /dev/null +++ b/src/littlesongplace/static/mingcute--notification-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/littlesongplace/static/mingcute--notification-newdot-fill.svg b/src/littlesongplace/static/mingcute--notification-newdot-fill.svg new file mode 100644 index 0000000..308e1cc --- /dev/null +++ b/src/littlesongplace/static/mingcute--notification-newdot-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/littlesongplace/static/styles.css b/src/littlesongplace/static/styles.css index b446426..f6791d9 100644 --- a/src/littlesongplace/static/styles.css +++ b/src/littlesongplace/static/styles.css @@ -257,7 +257,7 @@ input[type=range]::-moz-range-thumb { cursor: pointer; } -/* Navbar */ +/* Desktop Navbar */ div.navbar { display: flex; flex-wrap: wrap; @@ -276,6 +276,29 @@ div.navbar { display: inline-block; } +/* Mobile Navbar */ +#mobile-navbar { + position: fixed; + width: calc(100% - 20px); + left: 10px; + bottom: 5px; + margin-left: auto; + margin-right: auto; + padding: 5px 0px; + display: flex; + justify-content: space-evenly; + background-color: var(--yellow); + border: 2px solid var(--black); + border-radius: var(--radius); + box-shadow: 3px 3px 0px 0px; +} + +#mobile-navbar button { + color: var(--black); + border: none; + background: none; +} + /* Upload/Edit Form */ div.upload-form { diff --git a/src/littlesongplace/templates/base.html b/src/littlesongplace/templates/base.html index 01cfcac..75a82ee 100644 --- a/src/littlesongplace/templates/base.html +++ b/src/littlesongplace/templates/base.html @@ -66,6 +66,30 @@
+ +
+ + + + + +
+