bwc9876.dev / website
Files for my website bwc9876.dev
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Background effect

Ben C 5e27698f 4b433e12

+24
src/assets/bg-tile.webp

This is a binary file and will not be displayed.

+2
src/components/projects/ProjectCard.astro
··· 39 39 <Image 40 40 style={{ filter: getHueFromText(project.id) }} 41 41 class="backdrop" 42 + aria-hidden="true" 43 + role="presentation" 42 44 src={backdrop} 43 45 alt="Backdrop" 44 46 />
+1
src/layouts/Layout.astro
··· 72 72 </style> 73 73 </head> 74 74 <body id="top"> 75 + <div class="backdrop" aria-hidden role="presentation"></div> 75 76 <header class="container"> 76 77 <nav aria-label="Main navigation"> 77 78 <a href="/"
+21
src/styles/style.css
··· 8 8 @custom-media --lg (width >=1200px); 9 9 @custom-media --xl (width >=1700px); 10 10 11 + @keyframes rainbow { 12 + 0% { 13 + filter: hue-rotate(0deg); 14 + } 15 + 50% { 16 + filter: hue-rotate(180deg); 17 + } 18 + 100% { 19 + filter: hue-rotate(360deg); 20 + } 21 + } 22 + 23 + .backdrop { 24 + z-index: -50; 25 + position: fixed; 26 + inset: 0; 27 + background-image: url("@assets/bg-tile.webp"); 28 + animation: rainbow 5s linear infinite; 29 + opacity: 3%; 30 + } 31 + 11 32 .container { 12 33 --gutter: var(--2); 13 34 margin: 0 var(--gutter);