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

Generate series pages

Browse source
This commit is contained in:
Nathan McCarty 2025-02-09 05:28:59 -05:00
parent 7cf4827d0c
commit baf8d6556b
8 changed files with 168 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

7
resources/colors.css
View file

@ -53,7 +53,8 @@ a:visited {
.site-tagline {
color: var(--dim-0);
}
.post-body, .post-header, .post-blurbs, .tags, .tags .tag-blurb-post {
.post-body, .post-header, .post-blurbs, .tags, .tags .tag-blurb-post,
.series-header, .series-blurbs {
background-color: var(--bg-0);
}
.post-blurb, .tags .tag-blurb {
@ -65,13 +66,13 @@ a:visited {
:not(.tags) .tag-blurb-post {
background-color: var(--bg-1);
}
.post-title, .post-blurbs h1 {
.post-title, .post-blurbs h1, .series-header h1 {
color: var(--green);
}
.post-body h2, .post-body h3, .post-body h4 {
color: var(--fg-1);
}
.post-info > * {
.post-info > *, .series-info > * {
background-color: var(--bg-2);
}
blockquote {

15
resources/main.css
View file

@ -27,13 +27,13 @@
}
/* Main Body and Post Flexboxs */
body, .post {
body, .post, .series {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--box-gap);
}
.post {
.post, .series {
width: 100%;
}
@ -75,7 +75,7 @@ body, .post {
/* Style the post header, body, and blurbs */
/* TODO: Style footnotes and get footnote hover working */
.post-header, .post-body {
.post-header, .post-body, .series-header {
display: flex;
flex-direction: column;
align-items: center;
@ -90,11 +90,11 @@ body, .post {
margin: auto var(--box-margin-horz);
align-self: stretch;
}
.post-title h1 {
.post-title h1, .series-title h1 {
margin-top: 0px;
margin-bottom: 0px;
}
.post-info {
.post-info, .series-info {
display: flex;
flex-direction: row;
align-items: center;
@ -108,7 +108,7 @@ body, .post {
.post-body h2, .post-body h3, .post-body h4 {
text-align: center;
}
.post-blurbs {
.post-blurbs, .series-blurbs {
display: flex;
flex-direction: column;
align-items: center;
@ -116,6 +116,7 @@ body, .post {
max-width: var(--content-width);
padding: var(--box-padding-vert) var(--box-padding-horz);
border-radius: var(--box-radius);
box-sizing: border-box;
}
.post-blurb {
width: 100%;
@ -128,7 +129,7 @@ body, .post {
flex-direction: column;
box-sizing: border-box;
}
.post-info > * {
.post-info > *, .series-info > * {
padding: 0.25em;
border-radius: 0.25em;
}