Mirror/brk
1
0
Fork 0
mirror of https://github.com/bitcoinresearchkit/brk.git synced 2026-07-21 07:58:11 -07:00
Code Issues Packages Projects Releases Wiki Activity

website: redesign part 5

Browse Source
This commit is contained in:
nym21
2026-06-03 16:50:52 +02:00
parent 1bcf3235b6
commit 98bbfec525
3 changed files with 35 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/index.html
+28 -1
View File
@@ -1,5 +1,5 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en" data-loading>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>bitview</title> <title>bitview</title>
@@ -14,6 +14,33 @@
/> />
<link rel="manifest" href="/manifest.webmanifest" /> <link rel="manifest" href="/manifest.webmanifest" />
<meta name="mobile-web-app-capable" content="yes" /> <meta name="mobile-web-app-capable" content="yes" />
<style>
html,
body {
background: var(--black);
}
body::before {
content: "";
position: fixed;
inset: 0;
z-index: 100;
background: var(--black);
opacity: 0;
pointer-events: none;
transition: opacity 150ms ease;
}
html[data-loading] body::before {
opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
body::before {
transition: none;
}
}
</style>
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png" /> <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png" />
<link rel="shortcut icon" href="/favicon.ico" /> <link rel="shortcut icon" href="/favicon.ico" />
website/main.js
+6
View File
@@ -103,3 +103,9 @@ document.addEventListener("click", (event) => {
window.addEventListener("popstate", renderPage); window.addEventListener("popstate", renderPage);
renderPage(); renderPage();
requestAnimationFrame(() => {
setTimeout(() => {
delete document.documentElement.dataset.loading;
}, 150);
});
website/styles/main.css
+1 -1
View File
@@ -16,7 +16,7 @@ body {
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
scroll-behavior: smooth; scroll-behavior: smooth;
transition: opacity 180ms ease; transition: opacity 150ms ease;
} }
> main[data-active] { > main[data-active] {