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

oh no i bit more than i could chew oh fuck oh shit *dies*

Browse source
This commit is contained in:
sundae 2026-04-07 11:43:33 +03:00
commit 19b436ead1
Signed by: sundae
SSH key fingerprint: SHA256:MsJkKuo4PUdjQDpLeaURy81drKkW14exlTHp+8QFu6M
73 changed files with 553 additions and 780 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -7,116 +7,65 @@
transform: translateY(-4px);
}
}
article#bio {
& .emoji {
height: 20px;
width: 20px;
display: inline-flex;
vertical-align: middle;
&::after,
img {
filter: drop-shadow(0 0 0.5px #000a);
}
#bio .emoji {
display: inline-flex;
height: 20px;
vertical-align: middle;
width: 20px;
&::after,
img {
filter: drop-shadow(0 0 0.5px #000a);
}
}
article#badges {
& ul {
padding: 0;
display: flex;
flex-wrap: wrap;
gap: var(--pad-s);
}
& a {
display: flex;
margin: 0;
}
& img {
box-sizing: content-box;
}
#badges ul {
gap: var(--pad-s);
padding: 0;
}
article#interests {
& ul {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: var(--pad-l) 0;
}
& li {
display: flex;
width: 14ch;
flex-wrap: wrap;
text-align: center;
justify-content: center;
& a {
display: flex;
flex-direction: column;
padding: var(--pad-s);
width: inherit;
&:not(:hover, :focus) {
background: transparent;
}
}
}
& .music img,
.games img {
height: 48px;
}
& .manga img {
height: 128px;
}
& span:has(img) {
width: fit-content;
margin: 0 auto;
&::after {
content: "";
background-image: url("/assets/img/icon/shortcut.png");
background-size: 100%;
display: block;
z-index: 1;
position: absolute;
width: 24px;
height: 24px;
margin: -1.5rem 0 0 -0.5rem;
pointer-events: none;
}
}
& details:last-child ul {
padding: var(--pad-l) 0 0 0;
}
& details h3 {
border-bottom-width: 1px;
border-bottom-style: solid;
}
}
#pkmn {
display: flex;
flex-wrap: wrap;
#interests a {
align-items: center;
display: inline-flex;
flex-direction: column;
height: auto;
justify-content: center;
text-align: center;
width: 160px;
&:not(:hover, :focus) {
background: transparent;
}
}
#interests span:has(img)::after {
background-image: url("/assets/img/icon/shortcut.png");
background-size: 100%;
content: "";
display: block;
height: 24px;
margin: -1.5rem 0 0 -0.5rem;
pointer-events: none;
position: absolute;
width: 24px;
z-index: 1;
}
.games img {
height: 48px;
}
.manga img {
height: 128px;
}
#pkmn {
background-image: url("/assets/img/pkmn/bg/box.png");
border-radius: 5px;
width: fit-content;
border-bottom-color: #78a068;
border-left-color: #c8f8c0;
border-radius: 4px;
border-right-color: #78a068;
border-style: solid;
border-top-color: #c8f8c0;
border-width: 3px;
border-style: solid;
margin: var(--pad-l) 0 0 0;
width: fit-content;
& li {
display: flex;
margin-top: -8px;
margin-left: -12px;
margin-top: -8px;
& span:hover {
filter: drop-shadow(0 -2px 0 #fff) drop-shadow(0 2px 0 #fff)
drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff)
@ -124,23 +73,17 @@ article#interests {
animation: jump 200ms infinite alternate;
}
}
& li:first-child {
margin-left: 0px;
}
}
#agender {
background-image: var(--agender);
}
#aromantic {
background-image: var(--aromantic);
}
#pansexual {
background-image: var(--pansexual);
}
#badges img {
max-height: 31px;
width: 88px;
}
}