fortytwo/me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add bluesky, update font awesome

Browse source 
Signed-off-by: Naman Sood <mail@nsood.in>
This commit is contained in:
Naman Sood 2024-11-17 01:07:35 -05:00
parent 7b9b4dde5d
commit fc373b5686
23 changed files with 103 additions and 9587 deletions
Download patch file Download diff file Expand all files Collapse all files

47
css/style.css
View file

@ -11,20 +11,6 @@ body {
margin: 0;
font-family: "Nunito", sans-serif;
background: var(--bgColor);
--liteColor: white;
--liteText: #777;
--darkColor: black;
--darkText: #aaa;
--mintColor: #c7fcee;
--mintText: #5f8c80;
--purpColor: #cfc7fc;
--purpText: #7166af;
--yellColor: #fcfcbf;
--yellText: #8c8c5f;
--pinkColor: #fca9d6;
--pinkText: #7f556c;
--blueColor: #ade3ff;
--blueText: #46748c;
}
@media (prefers-color-scheme: light) {
body {
@ -42,42 +28,70 @@ body {
--boldColor: white;
}
}
body {
--liteColor: white;
--liteText: #777;
}
body.lite-mode {
--bgColor: white;
--textColor: #777;
--iconColor: black;
--boldColor: black;
}
body {
--darkColor: black;
--darkText: #aaa;
}
body.dark-mode {
--bgColor: black;
--iconColor: white;
--textColor: #aaa;
--boldColor: white;
}
body {
--mintColor: #c7fcee;
--mintText: #5f8c80;
}
body.mint-mode {
--bgColor: #c7fcee;
--iconColor: #486b61;
--textColor: #5f8c80;
--boldColor: #10352b;
}
body {
--purpColor: #cfc7fc;
--purpText: #7166af;
}
body.purp-mode {
--bgColor: #cfc7fc;
--iconColor: #5a518c;
--textColor: #7166af;
--boldColor: #312c4c;
}
body {
--yellColor: #fcfcbf;
--yellText: #8c8c5f;
}
body.yell-mode {
--bgColor: #fcfcbf;
--iconColor: #54543f;
--textColor: #8c8c5f;
--boldColor: #353528;
}
body {
--pinkColor: #fca9d6;
--pinkText: #7f556c;
}
body.pink-mode {
--bgColor: #fca9d6;
--iconColor: #54543f;
--textColor: #6b5260;
--boldColor: #513645;
}
body {
--blueColor: #ade3ff;
--blueText: #46748c;
}
body.blue-mode {
--bgColor: #ade3ff;
--iconColor: #394b54;
@ -166,6 +180,8 @@ body.blue-mode {
display: flex;
margin-left: -1.5rem;
margin-top: 1rem;
/* for some reason the bluesky icon is bigger than all the other ones.
contain its power so it does not destroy the world. */
}
.main .contact-methods a.contact-method {
color: inherit;
@ -230,6 +246,9 @@ body.blue-mode {
transition: all 0.2s ease;
background: #333;
}
.main .contact-methods i.fa-bluesky::before {
font-size: 0.95em;
}
.main .contact-methods i.email {
position: relative;
width: 4rem;

48
css/style.scss
View file

@ -26,8 +26,10 @@ body {
--boldColor: white;
}
--liteColor: white;
--liteText: #777;
& {
--liteColor: white;
--liteText: #777;
}
&.lite-mode {
--bgColor: white;
--textColor: #777;
@ -35,8 +37,10 @@ body {
--boldColor: black;
}
--darkColor: black;
--darkText: #aaa;
& {
--darkColor: black;
--darkText: #aaa;
}
&.dark-mode {
--bgColor: black;
--iconColor: white;
@ -44,8 +48,10 @@ body {
--boldColor: white;
}
--mintColor: #c7fcee;
--mintText: #5f8c80;
& {
--mintColor: #c7fcee;
--mintText: #5f8c80;
}
&.mint-mode {
--bgColor: #c7fcee;
--iconColor: #486b61;
@ -53,8 +59,10 @@ body {
--boldColor: #10352b;
}
--purpColor: #cfc7fc;
--purpText: #7166af;
& {
--purpColor: #cfc7fc;
--purpText: #7166af;
}
&.purp-mode {
--bgColor: #cfc7fc;
--iconColor: #5a518c;
@ -62,8 +70,10 @@ body {
--boldColor: #312c4c;
}
--yellColor: #fcfcbf;
--yellText: #8c8c5f;
& {
--yellColor: #fcfcbf;
--yellText: #8c8c5f;
}
&.yell-mode {
--bgColor: #fcfcbf;
--iconColor: #54543f;
@ -71,8 +81,10 @@ body {
--boldColor: #353528;
}
--pinkColor: #fca9d6;
--pinkText: #7f556c;
& {
--pinkColor: #fca9d6;
--pinkText: #7f556c;
}
&.pink-mode {
--bgColor: #fca9d6;
--iconColor: #54543f;
@ -80,8 +92,10 @@ body {
--boldColor: #513645;
}
--blueColor: #ade3ff;
--blueText: #46748c;
& {
--blueColor: #ade3ff;
--blueText: #46748c;
}
&.blue-mode {
--bgColor: #ade3ff;
--iconColor: #394b54;
@ -261,6 +275,12 @@ body {
}
}
/* for some reason the bluesky icon is bigger than all the other ones.
contain its power so it does not destroy the world. */
i.fa-bluesky::before {
font-size: 0.95em;
}
i.email {
position: relative;
width: 4rem;