nin0/website
1
0
Fork 3
Code Pull requests Packages 1 Activity

things

Browse source
This commit is contained in:
darwinx64 2025-04-19 23:45:40 -05:00
parent 8ed804a5e6
commit 649727f9d1
No known key found for this signature in database
GPG key ID: C1174F4849753B35
35 changed files with 1821 additions and 1424 deletions
Download patch file Download diff file Expand all files Collapse all files

75
src/css/me.css
View file

@ -1,49 +1,42 @@
.me-container {
display: flex;
h3 {
color: #89b4fa;
font-weight: 400;
font-size: 2rem;
margin-left: 20px;
margin-top: auto;
margin-bottom: auto;
}
img {
align-items: center;
gap: 0.75rem;
.img-container {
width: 80px;
height: 80px;
border-radius: 6px;
box-shadow: 10px black;
border-style: solid;
border-width: 2px;
clip-path: var(--clip-avatar-outer);
img {
width: 80px;
height: 80px;
clip-path: var(--clip-avatar-inner);
}
}
}
.spotify-card {
h3 {
margin: 13px 0;
}
.secondary-meta {
color: #a6adc8;
font-size: 0.85rem;
}
.spotify-card-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
border-radius: 15px;
filter: brightness(0.3) blur(8px);
background-size: cover;
background-position: center;
overflow: hidden;
}
.spotify-card-wrapper {
background: var(--album-color);
position: relative;
background-color: transparent;
padding: 5px 15px;
margin-top: 15px;
border-radius: 15px;
border: 2px solid #cdd6f4;
z-index: 0;
overflow: hidden;
clip-path: var(--clip-sp-1);
.spotify-card {
.secondary-meta {
color: #a6adc8;
font-size: 0.85rem;
}
padding: 15px;
clip-path: var(--clip-sp-2);
}
}
.spotify-card-wrapper::before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
clip-path: var(--clip-sp-3);
position: absolute;
background-image: var(--album-art);
background-size: cover;
background-position: center;
filter: blur(20px) brightness(0.5);
}