From b36a6fab897b4c01a36711f1c741d5a943ba8d4a Mon Sep 17 00:00:00 2001 From: Q Date: Sat, 14 Oct 2023 11:28:26 +0300 Subject: [PATCH] even better folders --- mirva/mirva.py | 16 +++++++++++----- mirva/resources/mirva.css | 38 +++++++++++++++++++++++--------------- mirva/resources/user.css | 1 + mirva/resources/user.js | 1 + 4 files changed, 36 insertions(+), 20 deletions(-) create mode 100644 mirva/resources/user.css create mode 100644 mirva/resources/user.js diff --git a/mirva/mirva.py b/mirva/mirva.py index 72d228b..d7945ea 100755 --- a/mirva/mirva.py +++ b/mirva/mirva.py @@ -308,7 +308,9 @@ Released : 20110306 {page_title} + +
@@ -411,7 +413,7 @@ Released : 20110306 img = "" else: img = "style=\"background-image: url('{}')\"".format(thumb) - return '
{title}
'.format( + return '

{title}

'.format( path=urllib.parse.quote(path), title=title, img=img ) @@ -437,14 +439,18 @@ Released : 20110306 except Exception: pass + # Force overwrite for f in ( "mirva.css", - "arrow_up.png", - "arrow_down.png", - "mirva.ico", "mirva.js", - "share.svg", ): + shutil.copy( + os.path.join(self.resource_src, f), + os.path.join(self.resource_dir, f), + ) + + # Coppy only if not exist + for f in ("arrow_up.png", "arrow_down.png", "mirva.ico", "share.svg", "user.css", "user.js"): if os.path.exists(os.path.join(self.resource_dir, f)): continue shutil.copy( diff --git a/mirva/resources/mirva.css b/mirva/resources/mirva.css index c58b2d9..890b622 100644 --- a/mirva/resources/mirva.css +++ b/mirva/resources/mirva.css @@ -11,6 +11,7 @@ Released for free under the Creative Commons Attribution License --headercolor: #ffffff; --title-text: #000000; --title-background: rgba(255, 255, 255, 0.7); + --folder-background: rgba(0, 0, 0, 0.4); --links: #ff8300; --subtitle-text: #ffffff; } @@ -176,27 +177,34 @@ a:hover {} .post-bgbtm {} .folder_wrapper { - margin-top: 3px; - font-size: 15px; -} - -.folder_thumb { - width: 150px; - height: 40px; + margin: 3px; background-size: cover; - vertical-align: middle; - margin-right: 2em; display: inline-block; background-position: top; } +.folder_title { + word-break: break-all; + text-align: center; + overflow: hidden; + font-size: 16px; + font-weight: bold; + width: 450px; + padding-top: 50px; + padding-bottom: 50px; + height: 50px; + position: relative; + backdrop-filter: blur(3px) brightness(0.5) grayscale(0.3); + display: block; +} + +.folder_title p { + margin: 10px; +} + @media only screen and (max-width: 800px) { - .folder_wrapper { - text-align: center; - } - .folder_thumb { + .folder_title { width: 100vw; - height: 80px; } } @@ -310,4 +318,4 @@ a:hover {} .float_down { float: left; -} +} \ No newline at end of file diff --git a/mirva/resources/user.css b/mirva/resources/user.css new file mode 100644 index 0000000..cc4e284 --- /dev/null +++ b/mirva/resources/user.css @@ -0,0 +1 @@ +/* custom css */ diff --git a/mirva/resources/user.js b/mirva/resources/user.js new file mode 100644 index 0000000..4e1d023 --- /dev/null +++ b/mirva/resources/user.js @@ -0,0 +1 @@ +/* custom js */