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

feat(dixous): started groundwork for blogs, UI now more consistent and contact me works

Browse Source
This commit is contained in:
darkicewolf50
2025-05-14 17:57:24 -06:00
parent b292bea28b
commit dc67f71f55
14 changed files with 624 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
assets/styling/contact.css
View File

@ -88,6 +88,13 @@
filter: invert() hue-rotate(180deg);
}
#contact ul li a:hover {
cursor: pointer;
color: #91a4d2;
filter: brightness(0) saturate(100%) invert(65%) sepia(13%) saturate(733%)
hue-rotate(187deg) brightness(95%) contrast(90%);
}
@media only screen and (max-width: 500px) {
#contact ul li img {
display: none;

14
assets/styling/contactme.css
View File

@ -25,7 +25,7 @@
padding: 0svh 0svw;
}
#contact-me input {
/* #contact-me input {
background-color: var(--card-background-color);
border-radius: var(--card-border-radius);
border-color: rgba(245, 245, 245, 0.5);
@ -46,9 +46,9 @@
color: inherit;
align-items: start;
min-height: 25svh;
}
} */
#contact-me button {
/* #contact-me button {
border-radius: var(--card-border-radius);
border-color: rgba(245, 245, 245, 0.5);
padding: 1svh 0svw;
@ -57,7 +57,7 @@
align-items: start;
background-color: rgba(0, 128, 0, 0.6);
border-color: transparent;
}
} */
#ContactMe input {
background-color: var(--card-background-color);
@ -92,3 +92,9 @@
background-color: rgba(0, 128, 0, 0.6);
border-color: transparent;
}
#ContactMe button:hover {
cursor: pointer;
color: #91a4d2;
background-color: rgba(0, 150, 0, 0.6);
}

6
assets/styling/ender.css
View File

@ -21,6 +21,12 @@ 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;

24
assets/styling/home.css
View File

@ -22,6 +22,30 @@
padding-bottom: 1svh;
}
#home-intro button {
display: block;
background-color: transparent;
color: inherit;
border-radius: var(--card-border-radius);
background-color: var(--card-background-color);
border: 2px solid purple;
padding: 2svh 0.5svw;
margin: 2svh 0svw;
}
#home-intro button {
cursor: pointer;
}
#home-intro a {
text-decoration: none;
color: inherit;
}
#home-intro a:hover {
color: #91a4d2;
}
.technologies {
display: flex;
flex-direction: column;

11
assets/styling/notFound.css
View File

@ -15,13 +15,22 @@
background-color: var(--card-background-color);
border-radius: var(--card-border-radius);
border: none;
color: #ffffff;
color: inherit;
font-size: xx-large;
padding: 1rem;
}
#not-found button:hover {
cursor: pointer;
}
#not-found a {
text-decoration: none;
background-color: var(--card-background-color);
border-radius: var(--card-border-radius);
color: inherit;
}
#not-found a:hover {
color: #91a4d2;
}

5
assets/styling/projectCards.css
View File

@ -63,6 +63,11 @@
filter: invert() hue-rotate(180deg);
}
.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 div {
display: flex;
gap: 1svw;