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

Probably not going to do top bar, but keeping code in consideration.

Browse source
This commit is contained in:
Bingus_Violet 2024-02-13 11:12:46 -06:00
parent 1820154c58
commit edf199f80d
3 changed files with 27 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

1
static/index.html
View file

@ -21,7 +21,6 @@
</head>
<body>
{TOPBAR}
<h1 class="animatedTitle">Welcome to <span class="mainTitle">Violet's Purgatory</span><span class="note">Commit {COMMIT_COUNT}</span><br></h1>
<main class="animatedMain">
<p>{RANDOM_QUOTE}</p>

25
static/style.css
View file

@ -22,6 +22,29 @@
color: white;
}
#topbar {
background-color: rgb(75, 50, 125);
width: 100%;
padding: 1vh 0px;
position: sticky;
left: 0px;
top: 0px;
z-index: 10;
opacity: 0.5;
transform: scale(1);
transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#topbar:hover {
opacity: 1;
transform: scale(1.05);
}
#topbar > * {
display: inline-block;
font-size: 1.5rem;
}
main:nth-of-type(1) {
width: 95%;
max-width: 1000px;
@ -38,8 +61,6 @@ body {
min-height: 100vh;
padding: 25px;
animation: hideContent 2.5s;
}