new logo
|
@ -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())
|
||||||
|
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 41 KiB |
Before Width: | Height: | Size: 5.8 KiB After Width: | Height: | Size: 193 KiB |
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 37 KiB |
|
@ -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);
|
||||||
|
|
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 48 KiB |
Before Width: | Height: | Size: 204 B After Width: | Height: | Size: 728 B |
Before Width: | Height: | Size: 321 B After Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
@ -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 <3</small>
|
<small>Made with Rust and <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>
|
||||||
|
|
|
@ -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">
|