moonq/mirva
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

even better folders

Browse Source
This commit is contained in:
Q
2023-10-14 11:28:26 +03:00
parent 8bf91e9599
commit b36a6fab89
4 changed files with 36 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
mirva/mirva.py
View File

@@ -308,7 +308,9 @@ Released : 20110306
<link rel="shortcut icon" href="{resource}/mirva.ico"/> <link rel="shortcut icon" href="{resource}/mirva.ico"/>
<title>{page_title}</title> <title>{page_title}</title>
<link href="{resource}/mirva.css" rel="stylesheet" type="text/css" media="screen" /> <link href="{resource}/mirva.css" rel="stylesheet" type="text/css" media="screen" />
<link href="{resource}/user.css" rel="stylesheet" type="text/css" media="screen" />
<script src="{resource}/mirva.js"></script> <script src="{resource}/mirva.js"></script>
<script src="{resource}/user.js"></script>
</head> </head>
<body data-scroll="{scroll}"> <body data-scroll="{scroll}">
<div id="wrapper"> <div id="wrapper">
@@ -411,7 +413,7 @@ Released : 20110306
img = "" img = ""
else: else:
img = "style=\"background-image: url('{}')\"".format(thumb) img = "style=\"background-image: url('{}')\"".format(thumb)
return '<div class=folder_wrapper><a href="{path}" title="{title}"><span class="folder_thumb" {img}></span>{title}</a></div>'.format( return '<div class="folder_wrapper" {img}><a href="{path}" title="{title}"><span class="folder_title"><p>{title}</p></span></a></div>'.format(
path=urllib.parse.quote(path), title=title, img=img path=urllib.parse.quote(path), title=title, img=img
) )
@@ -437,14 +439,18 @@ Released : 20110306
except Exception: except Exception:
pass pass
# Force overwrite
for f in ( for f in (
"mirva.css", "mirva.css",
"arrow_up.png",
"arrow_down.png",
"mirva.ico",
"mirva.js", "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)): if os.path.exists(os.path.join(self.resource_dir, f)):
continue continue
shutil.copy( shutil.copy(

38
mirva/resources/mirva.css
View File

@@ -11,6 +11,7 @@ Released for free under the Creative Commons Attribution License
--headercolor: #ffffff; --headercolor: #ffffff;
--title-text: #000000; --title-text: #000000;
--title-background: rgba(255, 255, 255, 0.7); --title-background: rgba(255, 255, 255, 0.7);
--folder-background: rgba(0, 0, 0, 0.4);
--links: #ff8300; --links: #ff8300;
--subtitle-text: #ffffff; --subtitle-text: #ffffff;
} }
@@ -176,27 +177,34 @@ a:hover {}
.post-bgbtm {} .post-bgbtm {}
.folder_wrapper { .folder_wrapper {
margin-top: 3px; margin: 3px;
font-size: 15px;
}
.folder_thumb {
width: 150px;
height: 40px;
background-size: cover; background-size: cover;
vertical-align: middle;
margin-right: 2em;
display: inline-block; display: inline-block;
background-position: top; 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) { @media only screen and (max-width: 800px) {
.folder_wrapper { .folder_title {
text-align: center;
}
.folder_thumb {
width: 100vw; width: 100vw;
height: 80px;
} }
} }
@@ -310,4 +318,4 @@ a:hover {}
.float_down { .float_down {
float: left; float: left;
} }

1
mirva/resources/user.css Normal file
View File

@@ -0,0 +1 @@
/* custom css */

1
mirva/resources/user.js Normal file
View File

@@ -0,0 +1 @@
/* custom js */