Violet/Violets-Purgatory
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

OKay fixed for real I think

Browse source
This commit is contained in:
bingus_violet 2024-09-26 14:53:24 -05:00
parent 6b18b47887
commit 57fd8479aa
2 changed files with 7 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
static/index.html
View file

@ -26,7 +26,7 @@
<body> <body>
{WEATHER_MODIFIER} {WEATHER_MODIFIER}
<h1 class="animatedTitle"><div id="textWrapper">Welcome to <span class="mainTitle">Violet's Purgatory</span><span class="note">Commit {COMMIT_COUNT}</span></div></h1> <h1 class="animatedTitle">Welcome to <span class="mainTitle">Violet's Purgatory</span><span class="note">Commit {COMMIT_COUNT}</span></h1>
<main class="animatedMain"> <main class="animatedMain">
<p>Make sure to check out this project on <a href="https://git.violets-purgatory.dev/bingus_violet/violets-purgatory">Forgejo</a>!</p> <p>Make sure to check out this project on <a href="https://git.violets-purgatory.dev/bingus_violet/violets-purgatory">Forgejo</a>!</p>
<hr> <hr>

30
static/root.css
View file

@ -14,10 +14,6 @@ body {
line-height: min(calc(2.2rem + 2vw), 3rem); line-height: min(calc(2.2rem + 2vw), 3rem);
} }
#textWrapper {
animation: textFade 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#card { #card {
background-color: rgba(10, 5, 90); background-color: rgba(10, 5, 90);
padding: 15px; padding: 15px;
@ -41,8 +37,8 @@ body {
} }
.animatedTitle { .animatedTitle {
animation: mainText 1s cubic-bezier(0.075, 0.82, 0.165, 1); animation: mainText 2s cubic-bezier(0.075, 0.82, 0.165, 1);
animation-delay: 1s; /* animation-delay: 1s; */
animation-fill-mode: both; animation-fill-mode: both;
margin: auto; margin: auto;
max-width: 75%; max-width: 75%;
@ -122,13 +118,11 @@ img:not(.project-inner > div > img):not(.activity>img) {
} }
@keyframes mainText { @keyframes mainText {
/* 0% {
transform: translateY(calc(50vh - 6rem)) scale(1.5);
opacity: 0;
} */
0% { 0% {
opacity: 1; transform: translateY(calc(50vh - 6rem)) scale(1.5);
}
50% {
transform: translateY(calc(50vh - 6rem)) scale(1.25); transform: translateY(calc(50vh - 6rem)) scale(1.25);
} }
@ -137,18 +131,6 @@ img:not(.project-inner > div > img):not(.activity>img) {
} }
} }
@keyframes textFade {
0% {
transform: scale(1.15);
/* opacity: 0; */
}
100% {
transform: scale(1);
/* opacity: 1; */
}
}
@keyframes hideContent { @keyframes hideContent {
0% { 0% {
overflow-y: hidden; overflow-y: hidden;