darkicewolf50/personal_site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(home): css layout for home finished

Browse Source
This commit is contained in:
darkicewolf50
2025-05-15 14:20:04 -06:00
parent 14b4648b57
commit ff6b56d8c6
4 changed files with 34 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
assets/styling/ender.css
View File

@ -21,12 +21,6 @@ footer img {
filter: invert() hue-rotate(180deg);
}
footer img:hover {
cursor: pointer;
filter: brightness(0) saturate(100%) invert(65%) sepia(13%) saturate(733%)
hue-rotate(187deg) brightness(95%) contrast(90%);
}
footer a {
display: flex;
flex-direction: column;
@ -34,3 +28,10 @@ footer a {
text-decoration: none;
color: inherit;
}
footer a:hover {
color: #91a4d2;
cursor: pointer;
filter: brightness(0) saturate(100%) invert(65%) sepia(13%) saturate(733%)
hue-rotate(187deg) brightness(95%) contrast(90%);
}

2
assets/styling/home.css
View File

@ -2,7 +2,7 @@
display: flex;
flex-direction: column;
width: 90%;
margin-top: 2svh;
margin: 2svh auto;
background-color: var(--card-background-color);
border-radius: var(--card-border-radius);
}

9
assets/styling/projectCards.css
View File

@ -63,11 +63,20 @@
filter: invert() hue-rotate(180deg);
}
.project-title-info #gitea img {
filter: grayscale(100%) invert(100%) brightness(2.5);
}
.project-title-info img:hover {
filter: brightness(0) saturate(100%) invert(65%) sepia(13%) saturate(733%)
hue-rotate(187deg) brightness(95%) contrast(90%);
}
.project-title-info #gitea img:hover {
filter: grayscale(100%) invert(165%) sepia(15%) saturate(733%)
hue-rotate(185deg) brightness(1.3) contrast(90%) saturate(100%);
}
.project-title-info div {
display: flex;
gap: 1svw;