jonah/jonahbauer.eu
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

optimize mobile page

Browse Source 
- the animated background caused performance issues
- use lvw/lvh on background to make it fill the entire viewport
This commit is contained in:
jbb01 2024-09-13 16:22:35 +02:00
parent 42b492b6c3
commit 42ba20a075
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
index.css
View File

@ -17,14 +17,15 @@ html {
html::before { html::before {
content: ''; content: '';
position: absolute; position: absolute;
inset: 0; top: 0;
left: 0;
width: 100lvw;
height: 100lvh;
z-index: -1; z-index: -1;
--gradient-angle: 0deg; background: conic-gradient(from 0deg in hsl longer hue, hsl(0deg 100% 12.5%) 0 0);
background: conic-gradient(from var(--gradient-angle) in hsl longer hue, hsl(0deg 100% 12.5%) 0 0);
mask-image: url("pattern.svg"); mask-image: url("pattern.svg");
mask-size: 5rem; mask-size: 5rem;
animation: rotation 300s infinite linear;
} }
body { body {