diff --git a/content/blog/blog.css b/content/blog/blog.css
index 4f61cf3..dcda94b 100644
--- a/content/blog/blog.css
+++ b/content/blog/blog.css
@@ -103,36 +103,11 @@
margin-block-start: 3.5rem;
}
-.post-title {
- align-items: baseline;
- display: flex;
- flex-wrap: wrap;
- gap: 0 4rem;
- margin-bottom: var(--body-item-spacing);
-}
-
-.post-title h1 {
- flex-grow: 1;
- margin-block: 0;
- padding-bottom: 0;
-}
-
-.post-title > .post-date {
- color: var(--light-dim);
- display: inline-block;
- font-size: 1.75rem;
- inline-size: min-content;
- letter-spacing: 1px;
- margin-block-start: 0.5rem;
- white-space: nowrap;
-}
-
.blog footer .tags {
display: flex;
padding-inline-start: 0;
}
-
.blog footer .tags li {
background-color: var(--tag-background-color);
border-radius: 4px;
diff --git a/layouts/partials/single_main.html b/layouts/partials/single_main.html
index 238482e..73382ae 100644
--- a/layouts/partials/single_main.html
+++ b/layouts/partials/single_main.html
@@ -3,7 +3,9 @@
{{ partial "development/draft_tag.html" . }}
{{ .Title }}
+ {{ if not (eq .Type "page") }}
+ {{ end }}
diff --git a/static/styles/root.css b/static/styles/root.css
index 9fd77ad..2541968 100644
--- a/static/styles/root.css
+++ b/static/styles/root.css
@@ -190,6 +190,11 @@ h1, h2, h3, h4, h5, h6 {
line-height: var(--body-header-line-height);
}
+h1:first-child, h2:first-child, h3:first-child,
+h4:first-child, h5:first-child, h6:first-child {
+ margin-block-start: 0;
+}
+
html {
background-color: var(--background-color);
color: var(--foreground-color);
@@ -206,6 +211,7 @@ main {
h1.site {
color: rgb(var(--mid-blue));
+ font-size: 2.5em;
}
@supports (background-clip: text) {
h1.site {
@@ -255,6 +261,7 @@ header.site.animated {
header.site h1 {
font-family: var(--font-family-site-heading);
+ font-size: 2em;
margin: 0;
}
@@ -301,6 +308,11 @@ img {
max-width: 100%;
}
+main h1 { font-size: 1.6em; }
+main h2 { font-size: 1.5em; }
+main h3 { font-size: 1.4em; }
+main h4 { font-size: 1.3em; }
+
nav.site {
align-items: center;
display: flex;
@@ -368,10 +380,29 @@ p:last-child { margin-block-end: 0; }
padding: 0 0.5rem;
}
-.youtube iframe {
- aspect-ratio: 16 / 9;
- margin-bottom: -3px;
- width: 100%;
+.post-title {
+ align-items: baseline;
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0 4rem;
+ margin-bottom: var(--body-item-spacing);
+}
+
+.post-title h1 {
+ flex-grow: 1;
+ font-size: 1.8em;
+ margin-block: 0;
+ padding-bottom: 0;
+}
+
+.post-title > .post-date {
+ color: var(--light-dim);
+ display: inline-block;
+ font-size: 1.75rem;
+ inline-size: min-content;
+ letter-spacing: 1px;
+ margin-block-start: 0.5rem;
+ white-space: nowrap;
}
.p5-sketch {
@@ -380,6 +411,12 @@ p:last-child { margin-block-end: 0; }
width: 100%;
}
+.youtube iframe {
+ aspect-ratio: 16 / 9;
+ margin-bottom: -3px;
+ width: 100%;
+}
+
/** SYNTAX HIGHLIGHTING **/
.highlight code {