astolfo/astolfo.org
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

make navbar a sidebar

Browse source
This commit is contained in:
Nico 2025-09-03 00:49:59 +10:00
parent 78c7e9e73c
commit f2e910f14a
Signed by: nico
SSH key fingerprint: SHA256:XuacYOrGqRxC3jVFjfLROn1CSvLz85Dec6N7O9Gwu/0
2 changed files with 58 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

63
bundle.css
View file

@ -52,8 +52,8 @@ header {
border-radius: var(--rounding);
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
width: 60em;
height: 30em;
width: auto;
height: 10em;
margin: auto;
margin-top: 2em;
animation: spinin 1s;
@ -70,8 +70,8 @@ header h1 {
border-radius: var(--rounding);
background-color: var(--accent2);
position: relative;
top: 3em;
position: absolute;
left: 0px;
margin: auto;
font-size: 8em;
height: fit-content;
@ -133,22 +133,53 @@ header a:hover {
* nav/sidebar
*/
nav {
list-style-type: none;
justify-content: space-evenly;
#main-page {
display: flex;
flex-direction: reverse-row;
}
nav a {
color: var(--text) !important;
}
nav {
margin-top: 2em;
width: 7em;
nav a:hover {
color: var(--accent2);
background-color: inherit;
transform: none;
scale: 100%;
rotate: 0deg;
ul {
margin: 0;
padding: 0;
}
li {
color: var(--text) !important;
background-color: var(--background);
border-radius: var(--rounding);
list-style-type: none;
margin: 0;
margin-top: 1em;
margin-bottom: 1em;
padding: 1em;
width: 6em;
}
a {
color: black;
text-decoration: none;
}
li:hover {
transform: scale(125%);
filter: hue-rotate(60deg);
border: white 2px solid;
background-image: url("/img/astolfos/header.gif");
background-position: 100% 100%;
background-size: 100% 100%;
}
a:hover {
background-color: inherit;
transform: none;
rotate: 0deg;
}
}
/*