mirror of
https://github.com/Xevion/smart-rgb.git
synced 2025-12-10 02:08:39 -06:00
Update source files
This commit is contained in:
45
frontend/pages/+Head.tsx
Normal file
45
frontend/pages/+Head.tsx
Normal file
@@ -0,0 +1,45 @@
|
||||
// Import fonts CSS as raw string to inline in HTML
|
||||
import fontsCss from "./fonts.css?inline";
|
||||
import oswaldWoff2 from "@fontsource-variable/oswald/files/oswald-latin-wght-normal.woff2?url";
|
||||
|
||||
export default function HeadDefault() {
|
||||
return (
|
||||
<>
|
||||
<meta charSet="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
{/* Preload critical Oswald font for faster title rendering */}
|
||||
<link rel="preload" href={oswaldWoff2} as="font" type="font/woff2" crossOrigin="anonymous" />
|
||||
|
||||
{/* Inlined font definitions - processed by Vite at build time */}
|
||||
<style dangerouslySetInnerHTML={{ __html: fontsCss }} />
|
||||
|
||||
{/* Global styles for initial render */}
|
||||
<style>{`
|
||||
body::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
filter: blur(4px) brightness(0.85);
|
||||
transform: scale(1.05);
|
||||
z-index: -2;
|
||||
}
|
||||
|
||||
body::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
backdrop-filter: blur(1px);
|
||||
z-index: -1;
|
||||
}
|
||||
`}</style>
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user