sd/site
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

.
All checks were successful
/ build (push) Successful in 3m55s
Details

Browse source
This commit is contained in:
Ruben 2025-10-10 16:02:09 -05:00
commit 465e615667
Signed by: sneexy
GPG key ID: 8ECFA045E63BC583
2 changed files with 2 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

12
_includes/styles/animations.css
View file

@ -7,18 +7,6 @@
/ ╰───────────────────────────────────────────────────────╯
/ animations - reusable css animations */
@keyframes window-appear {
0% {
opacity: 0;
transform: scale(0.5, 0.5);
}
100% {
opacity: 1;
transform: scale(1, 1);
}
}
@keyframes rainbow {
0% {
filter: hue-rotate(0deg) contrast(150%) saturate(150%);

51
_includes/styles/windows.css
View file

@ -8,13 +8,13 @@
/ windows - related styling for the windows on pages */
.window {
animation-fill-mode: backwards;
background-color: var(--background);
border-radius: 2rem .6rem 2rem .6rem;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
color: var(--foreground);
margin-bottom: 2em;
margin-left: 3rem;
margin-left: auto;
margin-right: auto;
max-width: 60em;
outline: var(--accent) solid .15rem;
overflow: clip;
@ -115,52 +115,6 @@
animation-fill-mode: backwards;
}
/* rest of the windows if they exist, to finish the rest of the animations */
.window:nth-child(2) {
animation: .3s ease-out .4s 1 window-appear;
animation-fill-mode: backwards;
}
.window:nth-child(3) {
animation: .3s ease-out .6s 1 window-appear;
animation-fill-mode: backwards;
}
.window:nth-child(4) {
animation: .3s ease-out .8s 1 window-appear;
animation-fill-mode: backwards;
}
.window:nth-child(5) {
animation: .3s ease-out 1s 1 window-appear;
animation-fill-mode: backwards;
}
.window:nth-child(6) {
animation: .3s ease-out 1.2s 1 window-appear;
animation-fill-mode: backwards;
}
.window:nth-child(7) {
animation: .3s ease-out 1.4s 1 window-appear;
animation-fill-mode: backwards;
}
.window:nth-child(8) {
animation: .3s ease-out 1.6s 1 window-appear;
animation-fill-mode: backwards;
}
.window:nth-child(9) {
animation: .3s ease-out 1.8s 1 window-appear;
animation-fill-mode: backwards;
}
.window:nth-child(10) {
animation: .3s ease-out 2s 1 window-appear;
animation-fill-mode: backwards;
}
/* modify widths and spacing depending on the size of the display */
@media screen and (max-width: 1083px) {
.window:not(#footer) {
@ -182,7 +136,6 @@
padding: .5rem;
}
animation: unset !important;
border-bottom: var(--accent) solid .15rem;
border-left: unset !important;
border-radius: unset !important;