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,9 +23,13 @@
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="header">
|
<div class="header">
|
||||||
|
<img class="header-bg" src="/bfile-header.webp" width="400px" height="60px">
|
||||||
|
<div class='header-text'>
|
||||||
{% include "text-x-generic.svg" %}
|
{% include "text-x-generic.svg" %}
|
||||||
blek! File - a minute file sharing
|
blek! File - a minute file sharing
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='content-box'>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
{% block body %}{% endblock %}
|
{% block body %}{% endblock %}
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -65,6 +69,7 @@
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<script src="/js-only.js"></script>
|
<script src="/js-only.js"></script>
|
||||||
{% block scripts %}{% endblock %}
|
{% block scripts %}{% endblock %}
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||