This commit is contained in:
blek 2023-10-21 00:49:21 +10:00
parent f7e83a7c9b
commit 05a9de1605
Signed by: blek
GPG Key ID: 14546221E3595D0C
12 changed files with 79 additions and 44 deletions

View File

@ -18,6 +18,9 @@ fn extfilter(valid: String, x: Option<&OsStr>) -> bool {
} }
fn main() { fn main() {
println!("cargo:rerun-if-changed=static/assets");
let assets = fs::read_dir("static/assets").unwrap(); let assets = fs::read_dir("static/assets").unwrap();
let assets = assets let assets = assets
.map(|x| x.unwrap().path()) .map(|x| x.unwrap().path())

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.8 KiB

After

Width:  |  Height:  |  Size: 193 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 37 KiB

View File

@ -26,6 +26,7 @@ html, body {
--header-padding-x: 16px; --header-padding-x: 16px;
--header-padding-y: 12px; --header-padding-y: 12px;
--header-font-size: 12pt; --header-font-size: 12pt;
--header-height: 50px;
--view-color: #1e1e1e; --view-color: #1e1e1e;
@ -45,6 +46,7 @@ html, body {
font-weight: var(--accent-weight); font-weight: var(--accent-weight);
font-size: var(--header-font-size); font-size: var(--header-font-size);
padding: var(--header-padding-y) var(--header-padding-x); padding: var(--header-padding-y) var(--header-padding-x);
height: calc(var(--header-height) - (var(--header-padding-y)*2));
} }
.header svg { .header svg {
width: var(--header-font-size); width: var(--header-font-size);
@ -52,7 +54,32 @@ html, body {
transform: translateY(2px); transform: translateY(2px);
padding-right: var(--header-padding-y); padding-right: var(--header-padding-y);
} }
.header .header-bg {
position: fixed;
top: 0;
left: 0;
opacity: 0.75;
z-index: 0;
height: calc(var(--header-height) + 12px);
}
.header .header-text {
position: fixed;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: var(--header-height);
display: flex;
align-items: center;
padding: 0 var(--header-padding-x);
}
.content-box {
position: absolute;
top: var(--header-height);
width: 100%;
height: 100%;
}
.content { .content {
background: var(--view-color); background: var(--view-color);
border-top: 1px solid var(--header-sec-color); border-top: 1px solid var(--header-sec-color);

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
filed/static/bfile.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 204 B

After

Width:  |  Height:  |  Size: 728 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 321 B

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View File

@ -23,47 +23,52 @@
<body> <body>
<div class="header"> <div class="header">
{% include "text-x-generic.svg" %} <img class="header-bg" src="/bfile-header.webp" width="400px" height="60px">
blek! File - a minute file sharing <div class='header-text'>
{% include "text-x-generic.svg" %}
blek! File - a minute file sharing
</div>
</div> </div>
<div class="content"> <div class='content-box'>
{% block body %}{% endblock %} <div class="content">
</div> {% block body %}{% endblock %}
<div class="footer"> </div>
<div class="footer">
<table> <table>
<tbody> <tbody>
<tr> <tr>
<td> <td>
<small>Made with Rust and &lt;3</small> <small>Made with Rust and &lt;3</small>
<ul style='margin:10px 0'> <ul style='margin:10px 0'>
<li> <li>
<a href="https://git.blek.codes/blek/bfile"> <a href="https://git.blek.codes/blek/bfile">
Source code Source code
</a> </a>
</li> </li>
<li> <li>
<a href="/license"> <a href="/license">
Released under GPLv3 Released under GPLv3
</a> </a>
</li> </li>
<li> <li>
<a href="/authors"> <a href="/authors">
Made by blek! and contributors Made by blek! and contributors
</a> </a>
</li> </li>
</ul> </ul>
</td> </td>
<td style="text-align:right;vertical-align:bottom"> <td style="text-align:right;vertical-align:bottom">
<a href="https://blek.codes"> <a href="https://blek.codes">
{% include "blek.svg" %} {% include "blek.svg" %}
</a> </a>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
<script src="/js-only.js"></script> <script src="/js-only.js"></script>

View File

@ -3,19 +3,19 @@
<meta name="keywords" content="file, upload file, munite file hosting, blek!, file hosting, share files"> <meta name="keywords" content="file, upload file, munite file hosting, blek!, file hosting, share files">
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="🛸 blek! File"> <meta name="twitter:title" content="🌠 blek! File">
<meta name="twitter:description" content="A minute file hosting service"> <meta name="twitter:description" content="A minute file hosting service">
<meta name="twitter:site" content="@"> <meta name="twitter:site" content="{{ env.instanceurl }}">
<meta name="twitter:creator" content="@"> {#- <meta name="twitter:creator" content="@"> -#}
<meta name="twitter:image" content=""> <meta name="twitter:image" content="/bfile.jpg">
<meta property="og:title" content="🛸 blek! File"> <meta property="og:title" content="🌠 blek! File">
<meta property="og:description" content="A minute file hosting service"> <meta property="og:description" content="A minute file hosting service">
<meta property="og:url" content='{{ env.instanceurl }}'> <meta property="og:url" content='{{ env.instanceurl }}'>
<meta property="og:site_name" content="blek! File"> <meta property="og:site_name" content="blek! File">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:image" content=""> <meta property="og:image" content="/bfile.jpg">
<link rel="manifest" href="/site.webmanifest"> <link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#303030"> <meta name="theme-color" content="#303030">