compile: static site generator

1 files changed, 35 insertions, 0 deletions

diff --git a/style.css b/style.css
new file mode 100644
index 0000000..9e65344
--- /dev/null
+++ b/style.css
@@ -0,0 +1,35 @@
+@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
+
+:root { color: #29251f; background: #fdfbf6; font-family: Times, "Libre Baskerville", Baskerville, Georgia, serif; font-size: 16px; line-height: 1.75; }
+* { box-sizing: border-box; }
+body { margin: 0; padding: 11vh 2rem 15vh; }
+main { width: min(35vw, 44rem); min-width: 0; margin: auto; }
+a { color: inherit; text-decoration-color: #b9b0a0; text-underline-offset: .16em; }
+a:hover { text-decoration-color: currentColor; }
+h1, h2, h3 { line-height: 1.25; font-weight: 400; }
+h1 { margin: 0 0 1.4rem; font-size: 1.75rem; }
+h2 { margin-top: 2.5rem; font-size: 1.25rem; }
+h3 { margin-top: 2rem; font-size: 1rem; }
+p, li { overflow-wrap: break-word; }
+article { text-align: justify; hyphens: auto; }
+article header { text-align: left; }
+.metadata, .back, .pages, .post-list, .empty { font-size: .78rem; }
+.metadata { color: #756e63; margin: -1rem 0 3rem; }
+.back { color: #8b8377; display: inline-block; margin-bottom: 3rem; text-decoration: none; }
+.back:hover { color: #29251f; }
+.post-list { list-style: none; padding: 0; margin: 2.5rem 0 0; }
+.post-list li { display: grid; grid-template-columns: 9.7rem minmax(0, 1fr) auto; gap: .7rem; align-items: baseline; padding: .45rem 0; }
+time { color: #756e63; font-variant-numeric: tabular-nums; white-space: nowrap; }
+.post-link { text-decoration: none; }
+.post-link:hover { text-decoration: underline; text-decoration-color: #b9b0a0; text-underline-offset: .16em; }
+.tags { text-align: right; white-space: nowrap; }
+.tag { color: #756e63; text-decoration: none; }
+.tag:hover { color: #29251f; text-decoration: underline; }
+.pages { color: #756e63; margin-top: -.8rem; }
+blockquote { margin: 1.5rem 0; padding-left: 1.2rem; border-left: 1px solid #d7d0c4; color: #514b42; }
+pre { overflow-x: auto; padding: 1rem; background: #f6f2e9; font-size: .82rem; line-height: 1.5; }
+code { font-size: .85em; }
+img { display: block; max-width: 100%; height: auto; }
+hr { border: 0; border-top: 1px solid #e5dfd4; margin: 2.5rem 0; }
+@media (max-width: 900px) { main { width: min(100%, 44rem); } }
+@media (max-width: 620px) { body { padding: 7vh 1.25rem 10vh; } .post-list li { grid-template-columns: 1fr auto; gap: .15rem .7rem; } .post-list time { grid-column: 1 / -1; } }