alexlebens/site-profile
1
0
Fork 0
Code Issues 1 Pull Requests Actions Activity

feat: tweaks to background to be more pastel

Browse Source
This commit is contained in:
Alex Lebens
2026-02-26 21:23:08 -06:00
parent d19433ae4e
commit ea15224eae
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/layouts/BaseLayout.astro
View File

@@ -133,23 +133,23 @@ const normalizeTitle = !title ? global.name : `${title} | ${global.name}`;
/* Background that creates the "glimmer" effect */ /* Background that creates the "glimmer" effect */
.bg { .bg {
animation: slide 20s ease-in-out infinite alternate; animation: slide 25s ease-in-out infinite alternate;
background-image: linear-gradient(-60deg, var(--bg-primary) 33.3%, var(--bg-secondary) 33.3%, var(--bg-secondary) 66.6%, var(--bg-tertiary) 66.6%); background-image: linear-gradient(-55deg, var(--bg-primary) 33.3%, var(--bg-secondary) 33.3%, var(--bg-secondary) 66.6%, var(--bg-tertiary) 66.6%);
filter: blur(80px); filter: blur(40px);
top: 0; top: 0;
bottom: 0; bottom: 0;
left: -50%; left: -70%;
right: -50%; right: -70%;
opacity: .5; opacity: .5;
position: fixed; position: fixed;
z-index: -1; z-index: -1;
--bg-primary: #e5e5e5; --bg-primary: #e5e5e5;
--bg-secondary: #d9d9d9; --bg-secondary: #dce3eb;
--bg-tertiary: #ededed; --bg-tertiary: #f4f6f8;
} }
:global(.dark) .bg { :global(.dark) .bg {
--bg-primary: #292524; --bg-primary: #332f2e;
--bg-secondary: #44403c; --bg-secondary: #44403c;
--bg-tertiary: #57534e; --bg-tertiary: #57534e;
} }
@@ -160,15 +160,15 @@ const normalizeTitle = !title ? global.name : `${title} | ${global.name}`;
} }
.bg3 { .bg3 {
animation-duration: 25s; animation-duration: 20s;
} }
@keyframes slide { @keyframes slide {
0% { 0% {
transform:translateX(-25%); transform: translateX(-30%);
} }
100% { 100% {
transform:translateX(25%); transform: translateX(30%);
} }
} }
</style> </style>