removed blur effect from projects page to counteract performance drop on that page

This commit is contained in:
2026-04-26 21:17:36 +02:00
parent 5edd4c7a6d
commit feebf17bd8

View File

@@ -34,13 +34,12 @@
<Content>
<Banner2
title="My Disordered Projects"
banner="/projects/banner.webp"
banner="banner.webp"
bannerAlt="An upside-down New 3DS XL lying open on a desk with a small USB-C breakout board attached to it, and a USB-C cable plugged in. The 3DS is glowing to indicate that it is charging."
subtitle="things I have worked on" />
<p>Welcome to my 💫new💫 projects page! Here I show off all the things I have done. Projects are ordered reverse-chronologically and have some other neat information displayed. have fun browsing~!</p>
<!-- TODO it would be nice if these were green here to separate them from the red tags on the blog page -->
<div class="tag-filters">
<p class="tag-filter-header"># filter projects by category:</p>
<div class="tag-filter-container">
@@ -123,14 +122,14 @@
width: 100%;
height: 100%;
z-index: -1;
filter: brightness(40%) saturate(40%) blur(1px);
filter: brightness(40%) saturate(40%);
transition: filter var(--duration-animation) var(--anim-curve),
scale var(--duration-animation) var(--anim-curve);
scale: 1.05;
}
.project-wrapper:hover .project-banner {
filter: brightness(60%) saturate(100%) blur(0);
filter: brightness(60%) saturate(100%);
scale: 1.0;
}