fraujulian/Personal-Portfolio-Website
1
0
Fork 0
Code Issues Pull Requests 7 Actions Projects Releases 2 Wiki Activity

fix: performance

Browse Source
This commit is contained in:
fraujulian
2026-04-24 15:57:18 +02:00
parent f0bf2e20ce
commit cc39abed41
58 changed files with 195 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles.scss
+49 -29
View File
@@ -48,7 +48,12 @@ body {
radial-gradient(circle at top left, rgba(217, 162, 140, 0.22), transparent 26%),
radial-gradient(circle at bottom right, rgba(127, 78, 63, 0.28), transparent 28%),
linear-gradient(180deg, rgba(9, 9, 12, 0.4), rgba(8, 8, 11, 0.82)),
url('assets/background.jpg') center / cover fixed no-repeat;
image-set(
url('assets/optimized/background-1920.avif') type('image/avif'),
url('assets/optimized/background-1920.webp') type('image/webp'),
url('assets/optimized/background-1920.jpg') type('image/jpeg')
)
center / cover no-repeat;
}
a {
@@ -151,20 +156,21 @@ hr {
color: transparent;
background-size: 100% 100%;
background: linear-gradient(
to right,
#e40303 0%,
#e40303 16.66%,
#ff8c00 16.66%,
#ff8c00 33.33%,
#ffed00 33.33%,
#ffed00 50%,
#008026 50%,
#008026 66.66%,
#004dff 66.66%,
#004dff 83.33%,
#750787 83.33%,
#750787 100%
) no-repeat 0 50%;
to right,
#e40303 0%,
#e40303 16.66%,
#ff8c00 16.66%,
#ff8c00 33.33%,
#ffed00 33.33%,
#ffed00 50%,
#008026 50%,
#008026 66.66%,
#004dff 66.66%,
#004dff 83.33%,
#750787 83.33%,
#750787 100%
)
no-repeat 0 50%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
@@ -296,20 +302,21 @@ hr {
filter: blur(1.6px) saturate(0.88);
background-size: 100% 100%;
background: linear-gradient(
to right,
#e40303 0%,
#e40303 16.66%,
#ff8c00 16.66%,
#ff8c00 33.33%,
#ffed00 33.33%,
#ffed00 50%,
#008026 50%,
#008026 66.66%,
#004dff 66.66%,
#004dff 83.33%,
#750787 83.33%,
#750787 100%
) 0 50%;
to right,
#e40303 0%,
#e40303 16.66%,
#ff8c00 16.66%,
#ff8c00 33.33%,
#ffed00 33.33%,
#ffed00 50%,
#008026 50%,
#008026 66.66%,
#004dff 66.66%,
#004dff 83.33%,
#750787 83.33%,
#750787 100%
)
0 50%;
transform: translate(2px, 2px);
}
@@ -927,6 +934,19 @@ hr {
}
@media (max-width: 900px) {
body {
background:
radial-gradient(circle at top left, rgba(217, 162, 140, 0.18), transparent 28%),
radial-gradient(circle at bottom right, rgba(127, 78, 63, 0.22), transparent 30%),
linear-gradient(180deg, rgba(9, 9, 12, 0.42), rgba(8, 8, 11, 0.84)),
image-set(
url('assets/optimized/background-1280.avif') type('image/avif'),
url('assets/optimized/background-1280.webp') type('image/webp'),
url('assets/optimized/background-1920.jpg') type('image/jpeg')
)
center / cover no-repeat;
}
.hero-section,
.story-grid,
.legal-grid,