sundae/website
sundae/website
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tidying up stuff i forgot to change

Browse source
This commit is contained in:
sundae 2025-08-10 17:05:40 +03:00
parent c091831537
commit f20b697aed
No known key found for this signature in database
77 changed files with 1014 additions and 660 deletions
Download patch file Download diff file Expand all files Collapse all files

148
_src/assets/css/default/home.css
View file

@ -15,7 +15,38 @@
color: transparent;
}
}
ul:not([role]) li {
article#bio {
& ul {
margin: 0 var(--pad-xl);
}
& span[id] {
background-clip: text;
background-repeat: repeat;
&:hover {
background-clip: initial;
transition: var(--trans);
animation: fadeIn var(--trans) linear forwards;
}
}
}
article#badges {
& ul {
gap: 1rem;
padding: 0;
display: flex;
flex-wrap: wrap;
}
& a {
display: flex;
padding: inherit;
margin: 0;
background-color: unset;
}
}
article#bio ul {
padding: 0;
}
article#bio ul li {
&::before {
content: "";
width: 20px;
@ -23,12 +54,53 @@ ul:not([role]) li {
position: absolute;
mask-image: var(--paw);
mask-size: contain;
margin: 0.4rem 0 0 -2rem;
margin: var(--pad-sm) 0 0 calc(var(--pad-xl)*-1);
}
&::marker {
content: none;
}
}
article#interests ul {
display: flex;
flex-wrap: wrap;
}
article#interests {
& details ul {
margin: 0;
padding: var(--pad-l) 0;
}
& details:last-child ul {
padding: var(--pad-l) 0 0 0
}
& li {
display: flex;
& a {
padding: var(--pad-sm);
background: transparent;
}
& span {
display: flex;
width: 14ch;
text-align: center;
justify-content: center;
}
}
& details h3 {
border-bottom-width: 1px;
border-bottom-style: solid;
}
& div:has(img) {
margin: 0 auto;
width: fit-content;
}
.music img {
height: 48px;
}
.manga img {
height: 128px;
}
}
#pkmn {
display: flex;
flex-wrap: wrap;
@ -42,6 +114,7 @@ ul:not([role]) li {
border-top-color: #c8f8c0;
border-width: 3px;
border-style: solid;
margin: var(--pad-l) 0 0 0;
& img {
image-rendering: pixelated;
&:hover {
@ -52,10 +125,6 @@ ul:not([role]) li {
}
}
}
body [id]:not(:nth-child(1)) ul {
display: flex;
flex-wrap: wrap;
}
#agender {
background-image: linear-gradient(
#000 0 14.28%,
@ -79,70 +148,7 @@ body [id]:not(:nth-child(1)) ul {
#pansexual {
background-image: linear-gradient(#f09 33.33%, #ffd700 0 66.66%, #00bfff 0);
}
#bio,
#interests {
& ul {
font-family: "Urbanist", sans-serif;
font-size: 1.3rem;
margin: 0;
display: flex;
flex-direction: column;
}
& p {
font-size: 1.1rem;
font-family: "Rubik", sans-serif;
font-weight: bold;
}
& span[id] {
background-clip: text;
background-repeat: repeat;
&:hover {
background-clip: initial;
transition: var(--trans);
animation: fadeIn var(--trans) linear forwards;
}
}
}
#collection {
& ul {
margin: 0;
padding: var(--pad-l) 0 0 0;
}
& li {
display: flex;
& a {
padding: var(--pad-sm);
background: transparent;
text-decoration: none;
}
& span {
display: flex;
width: 14ch;
text-align: center;
justify-content: center;
}
}
& div:has(img) {
margin: 0 auto;
width: fit-content;
}
.music img {
height: 48px;
}
}
#badges {
& ul {
gap: 1rem;
padding: 0;
}
& a {
display: flex;
padding: inherit;
margin: 0;
background-color: unset;
}
}
#collection div:has(img)::after {
#interests div:has(img)::after {
content: url("/assets/img/icon/shortcut.png");
display: flex;
z-index: 1;
@ -153,7 +159,7 @@ body [id]:not(:nth-child(1)) ul {
pointer-events: none;
}
@media screen and (max-width: 920px) {
#collection {
article#interests {
display: flex;
flex-direction: column;
& ul {