hnasheralneam/profile-site
1
0
Fork 0
mirror of https://github.com/hnasheralneam/hnasheralneam.github.io.git synced 2025-06-07 05:44:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add projects page, move guestbook to new page, add navigation menu, made menu and footer partials

Browse source
This commit is contained in:
Hamza Nasher-Alneam 2025-05-05 12:04:00 -04:00
parent bea621a82d
commit 3f7805278d
27 changed files with 521 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

61
styles/styles.css
View file

@ -75,4 +75,65 @@ a {
.footer {
background-color: #000;
}
}
/* menu */
.menu {
position: fixed;
top: 0;
left: .2rem;
bottom: 0;
width: 10rem;
display: flex;
justify-items: center;
align-items: center;
transition: .2s;
z-index: 10;
}
.menu:hover {
left: .6rem;
}
.menu .item {
height: 3rem;
width: 3rem;
background-color: #f4f4f4;
border: solid .2rem #ebebeb;
border-radius: 50%;
transition: .2s;
margin: .5rem auto;
display: flex;
justify-content: center;
align-items: center;
line-height: 1em;
}
.menu .item img {
filter: invert(80%);
transition: .2s;
}
.menu .item:hover img {
filter: none;
}
.menu .item:hover {
background-color: var(--theme-color);
transform: scale(1.15);
margin: 1rem auto;
}
@media (prefers-color-scheme: dark) {
.menu .item {
background-color: #333;
border: solid .2rem #444;
}
.menu .item img {
filter: none;
}
}