n_u/nathanupchurch.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add /me, dark mode fixes

Browse Source
This commit is contained in:
N-Upchurch
2023-07-17 23:29:48 -05:00
parent 5e0eb0cdcf
commit 2b626ce1b7
17 changed files with 503 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
public/css/index.css
View File

@ -10,6 +10,7 @@
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333333;
--contrast-color: #027860;
--background-color: #FAF5F5;
@ -18,8 +19,6 @@
--text-color-link-active: rgba(3,144,116,1);
--text-color-link-visited: var(--color-gray-90);
--contrast-color: rgba(3,144,116,1);
--nav-pill-background-color-active: rgba(3,144,116,1);
--nav-pill-background-color-inactive: rgba(71,71,71,1);
@ -31,6 +30,9 @@
--syntax-tab-size: 2;
--pill-radius: 5rem;
--card-radius: .3rem;
/* Time */
--transition-time: .3s;
}
@media (prefers-color-scheme: dark) {
@ -39,11 +41,12 @@
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
--card-color: #333333;
--contrast-color: #04c49e;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: rgba(3,144,116,1);
--text-color-link-active: rgba(3,144,116,1);
--text-color-link-visited: rgba(3,144,116,1);
--text-color-link: var(--contrast-color);
--text-color-link-active: var(--contrast-color);
--text-color-link-visited: var(--contrast-color);
--background-color: #15202b;
}
@ -368,17 +371,27 @@ header {
}
/* Tags */
.post-tag, .taglist li a {
.post-tag, a.post-tag, .taglist li a {
display: inline-flex;
align-items: center;
color: var(--nav-pill-text-color);
justify-content: center;
text-transform: capitalize;
background-color: var(--color-gray-20);
background-color: var(--nav-pill-background-color-inactive);
text-decoration: none;
padding: .2rem .4rem .2rem .4rem;
border-radius: var(--pill-radius);
font-size: .75rem;
}
a.post-tag:visited {
color: var(--nav-pill-text-color);
}
a.post-tag:hover {
color: var(--nav-pill-text-color);
}
.taglist {
list-style-type: none;
padding-left: 0;

56
public/css/links.css Normal file
View File

@ -0,0 +1,56 @@
html.barebones, body.barebones {
background-color: var(--background-color);
text-align: center;
}
h1.socialTitle {
padding-top: 0;
margin-top: 0;
margin-bottom: .25em;
}
img.profilePic {
max-width: 15em;
border-radius: 50%;
border: solid 5px var(--text-color);
}
p.page-block.nodropcap {
margin-top: 0;
}
ul.socialLinks {
padding-left: 0;
display: flex;
flex-flow: column nowrap;
align-items: center;
}
.socialLinks li {
background-color: var(--nav-pill-background-color-inactive);
color: var(--nav-pill-text-color);
border-radius: var(--pill-radius);
padding: .5em;
margin-bottom: 1em;
list-style-type: none;
transition: all var(--transition-time);
width: 20em;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
}
.socialLinks li:hover {
background-color: var(--contrast-color);
transform: scale(1.05, 1.05);
}
.socialLinks a {
text-decoration: none;
}
.socialLinks a img {
max-width: 1em;
margin-right: .5em;
}