Agahnim/agahnim.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

music: wip music page

Browse source
This commit is contained in:
Agahnim 2026-04-28 11:06:06 +02:00
parent 7056885b56
commit 9bc182b9bc
2 changed files with 32 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

33
static/style.css
View file

@ -240,6 +240,14 @@ body {
display: inline-block;
animation: marquee 8s linear infinite;
}
cute-container {
background-image: url(assets/images/tiledbgpink.webp);
width: 70svw;
height: 70svh;
border: 5px solid var(--darker-pink);
padding: 1rem 2rem;
}
}
/* CRT Effect */
@ -623,23 +631,40 @@ home-content {
/* Music */
music {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
video-bg {
position: fixed;
top: 0;
left: 0;
height: 100lvh;
width: 100lvw;
height: 100%;
width: 100%;
z-index: -1;
video {
height: 100lvh;
width: 100lvw;
height: 100%;
width: 100%;
object-fit: cover;
}
}
box {
border-radius: 0.4rem;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
background-color: white;
padding: 1rem;
}
>cute-container {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
}
}