thatonelutenist/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make about special and style

Browse source
This commit is contained in:
Nathan McCarty 2025-03-15 17:33:40 -04:00
parent 5ced2f6298
commit 51e50cd0d6
4 changed files with 40 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
db/posts/2.json
View file

@ -7,7 +7,7 @@
"slugs": [ "slugs": [
], ],
"source": "/home/nathan/Projects/Blog/projects/Markdown/About.md", "source": "/home/nathan/Projects/Blog/projects/Markdown/About.md",
"special": false, "special": true,
"tags": [ "tags": [
] ]
} }

2
projects/Markdown/About.md
View file

@ -1,5 +1,7 @@
# About Me # About Me
## About Me
My name is Nathan, I'm an engineering psychologist by training, and a systems My name is Nathan, I'm an engineering psychologist by training, and a systems
engineer by trade. engineer by trade.

23
resources/colors.css
View file

@ -69,9 +69,20 @@ a:visited {
.post-title, .post-blurbs h1, .series-header h1, .series-list h1 { .post-title, .post-blurbs h1, .series-header h1, .series-list h1 {
color: var(--green); color: var(--green);
} }
.post-body h2, .post-body h3, .post-body h4 {
color: var(--fg-1); .post-body h2 {
color: var(--red);
background-color: var(--bg-1);
} }
.post-body h3 {
color: var(--blue);
}
.post-body h4 {
color: var(--violet);
}
.post-info > *, .series-info > *, .header-links > * { .post-info > *, .series-info > *, .header-links > * {
background-color: var(--bg-2); background-color: var(--bg-2);
} }
@ -101,6 +112,14 @@ footer > div {
background-color: var(--bg-2); background-color: var(--bg-2);
} }
/* Formatting for special pages */
.special-post h2 {
color: var(--green);
}
.special-post h3 {
color: var(--red);
}
/* Colorization for idris code blocks */ /* Colorization for idris code blocks */
code { code {
color: var(--code-fg-0); color: var(--code-fg-0);

15
resources/main.css
View file

@ -128,6 +128,13 @@ body, .post, .series {
.post-body h2, .post-body h3, .post-body h4 { .post-body h2, .post-body h3, .post-body h4 {
text-align: center; text-align: center;
} }
.post-body h2 {
padding: var(--box-margin-vert) var(--box-margin-horz);
border-radius: var(--box-radius);
width: 100%;
}
.post-blurbs, .series-blurbs, .series-list { .post-blurbs, .series-blurbs, .series-list {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -261,3 +268,11 @@ footer i {
border-radius: 0.25rem; border-radius: 0.25rem;
padding: var(--footer-padding); padding: var(--footer-padding);
} }
/* Formatting for special pages */
.special-post h2 {
font-size: 2rem;
}
.special-post h3 {
font-size: 1.5rem;
}