denshooter
4dc727fcd6
- Implemented ActivityFeed component to display real-time user activity including coding, music, and chat interactions. - Added GooFilter and BackgroundBlobs components for enhanced visual effects. - Updated layout to include new components and ensure proper stacking context. - Enhanced Tailwind CSS configuration with new color and font settings. - Created API route to mock activity data from n8n. - Refactored main page structure to streamline component rendering.
34 lines
1.0 KiB
TypeScript
34 lines
1.0 KiB
TypeScript
export const GooFilter = () => (
|
|
<svg
|
|
style={{ position: 'fixed', top: 0, left: 0, width: 0, height: 0, pointerEvents: 'none', zIndex: -1 }}
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
version="1.1"
|
|
>
|
|
<defs>
|
|
{/* Global subtle filter */}
|
|
<filter id="goo">
|
|
<feGaussianBlur in="SourceGraphic" stdDeviation="2" result="blur" />
|
|
<feColorMatrix
|
|
in="blur"
|
|
mode="matrix"
|
|
values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9"
|
|
result="goo"
|
|
/>
|
|
<feComposite in="SourceGraphic" in2="goo" operator="atop" />
|
|
</filter>
|
|
|
|
{/* Stronger filter specifically for LiquidHeading interaction */}
|
|
<filter id="goo-text">
|
|
<feGaussianBlur in="SourceGraphic" stdDeviation="2" result="blur" />
|
|
<feColorMatrix
|
|
in="blur"
|
|
mode="matrix"
|
|
values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 25 -10"
|
|
result="goo"
|
|
/>
|
|
<feComposite in="SourceGraphic" in2="goo" operator="atop" />
|
|
</filter>
|
|
</defs>
|
|
</svg>
|
|
);
|