diff --git a/filed/build.rs b/filed/build.rs
index 9bac611..6d6c080 100644
--- a/filed/build.rs
+++ b/filed/build.rs
@@ -18,6 +18,9 @@ fn extfilter(valid: String, x: Option<&OsStr>) -> bool {
}
fn main() {
+
+ println!("cargo:rerun-if-changed=static/assets");
+
let assets = fs::read_dir("static/assets").unwrap();
let assets = assets
.map(|x| x.unwrap().path())
diff --git a/filed/static/android-chrome-192x192.png b/filed/static/android-chrome-192x192.png
index 46b4046..086772d 100644
Binary files a/filed/static/android-chrome-192x192.png and b/filed/static/android-chrome-192x192.png differ
diff --git a/filed/static/android-chrome-512x512.png b/filed/static/android-chrome-512x512.png
index baa0049..8d4ed7d 100644
Binary files a/filed/static/android-chrome-512x512.png and b/filed/static/android-chrome-512x512.png differ
diff --git a/filed/static/apple-touch-icon.png b/filed/static/apple-touch-icon.png
index f3d7ade..6cc2049 100644
Binary files a/filed/static/apple-touch-icon.png and b/filed/static/apple-touch-icon.png differ
diff --git a/filed/static/assets/paint.css b/filed/static/assets/paint.css
index 804d769..af5ddac 100644
--- a/filed/static/assets/paint.css
+++ b/filed/static/assets/paint.css
@@ -26,6 +26,7 @@ html, body {
--header-padding-x: 16px;
--header-padding-y: 12px;
--header-font-size: 12pt;
+ --header-height: 50px;
--view-color: #1e1e1e;
@@ -45,6 +46,7 @@ html, body {
font-weight: var(--accent-weight);
font-size: var(--header-font-size);
padding: var(--header-padding-y) var(--header-padding-x);
+ height: calc(var(--header-height) - (var(--header-padding-y)*2));
}
.header svg {
width: var(--header-font-size);
@@ -52,7 +54,32 @@ html, body {
transform: translateY(2px);
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 {
background: var(--view-color);
border-top: 1px solid var(--header-sec-color);
diff --git a/filed/static/bfile-header.webp b/filed/static/bfile-header.webp
new file mode 100644
index 0000000..06692f3
Binary files /dev/null and b/filed/static/bfile-header.webp differ
diff --git a/filed/static/bfile.jpg b/filed/static/bfile.jpg
new file mode 100644
index 0000000..4abc720
Binary files /dev/null and b/filed/static/bfile.jpg differ
diff --git a/filed/static/favicon-16x16.png b/filed/static/favicon-16x16.png
index 2dc39a1..8973833 100644
Binary files a/filed/static/favicon-16x16.png and b/filed/static/favicon-16x16.png differ
diff --git a/filed/static/favicon-32x32.png b/filed/static/favicon-32x32.png
index 1db2858..fe6c4b7 100644
Binary files a/filed/static/favicon-32x32.png and b/filed/static/favicon-32x32.png differ
diff --git a/filed/static/favicon.ico b/filed/static/favicon.ico
index f66ac9d..e8b033a 100644
Binary files a/filed/static/favicon.ico and b/filed/static/favicon.ico differ
diff --git a/filed/templates/base.html b/filed/templates/base.html
index 91863a8..084d358 100644
--- a/filed/templates/base.html
+++ b/filed/templates/base.html
@@ -23,47 +23,52 @@
-
- {% block body %}{% endblock %}
-
- 
+