From 91c8ef31f9fc0fdbbcd4d070ee04c3a1e5add4bc Mon Sep 17 00:00:00 2001 From: Florian Festi Date: Sun, 16 Apr 2023 22:18:24 +0200 Subject: [PATCH] Make Gallery the default view and add large buttons to switch between Gallery and Menu. Needs some more love to really look good. --- scripts/boxesserver | 23 ++++++++++++++++------- static/self.css | 31 ++++++++++++++++++++++++++++++- 2 files changed, 46 insertions(+), 8 deletions(-) diff --git a/scripts/boxesserver b/scripts/boxesserver index 47fb9cd..3acca17 100755 --- a/scripts/boxesserver +++ b/scripts/boxesserver @@ -235,7 +235,7 @@ class BServer: -
+

{_("Boxes.py")}
@@ -316,10 +316,15 @@ class BServer: {self.genHTMLJS()} -
+
{self.genPagePartHeader(lang)} +
+{_("Gallery")} +{_("Menu")} +
+
"""] @@ -433,7 +438,6 @@ class BServer:
-
\U0001f50d @@ -443,14 +447,13 @@ class BServer: _ = lang.gettext return """ -
+
""" @@ -543,9 +546,13 @@ class BServer: {self.genHTMLJS()} -
+
{self.genPagePartHeader(lang)} +
+{_("Gallery")} +{_("Menu")} +
"""] for nr, group in enumerate(self.groups): result.append(f"

{_(group.title)}

\n") @@ -562,6 +569,8 @@ class BServer: result.append(f""" {alt}\n""") result.append(f""" +
+
{self.genPagePartFooter(lang)} @@ -590,7 +599,7 @@ class BServer: lang = self.getLanguage(args, environ.get("HTTP_ACCEPT_LANGUAGE", "")) _ = lang.gettext - if name == "Gallery": + if not name or name == "Gallery": return self.serveGallery(environ, start_response, lang) box_cls = self.boxes.get(name, None) diff --git a/static/self.css b/static/self.css index 5b44ba7..3327ac1 100644 --- a/static/self.css +++ b/static/self.css @@ -79,6 +79,7 @@ table tr p { /* Container */ .container { + background-color: #FFF8EA; margin-top: 20px; margin-left: auto; margin-right: auto; @@ -124,7 +125,12 @@ video { } .footer { - box-shadow: none; + margin-left: auto; + margin-right: auto; + padding: 10px; + padding-bottom: 15px; + width: 996px; + border-radius: 30px; text-align: center; margin-top: 0px; } @@ -141,6 +147,7 @@ video { .search { float : right; + padding-top: 10px; } .footer ul li a { @@ -206,3 +213,25 @@ textarea { max-width : 200px; margin : 5px; } + +.modenav { + overflow: hidden; +} + +.modebutton { + float: left; + border: none; + outline: none; + padding: 10px 16px; + margin-right: 10px; + text-align : center; + border-radius: 10px; + font-size: 17px; + width: 25%; + background-color: #EFE8DA; +} + +.modeactive { + background-color: #DFD8BA; + +}