summaryrefslogtreecommitdiff
path: root/site
diff options
context:
space:
mode:
authorIsabella Bastaja <isabella@sorre.xyz>2026-02-21 17:33:38 +0100
committerIsabella Bastaja <isabella@sorre.xyz>2026-02-21 18:16:53 +0100
commitd4cc95fe9d1810f273900de3ed1d7cc40b4b2e94 (patch)
tree8dff57e3fd9e73cc05ee935b7f828bf7cc4b4737 /site
parentfa75b66a80b699c8e104c22b58734a3d6e273468 (diff)
style post index and dates
Diffstat (limited to 'site')
-rw-r--r--site/2023-11-15-scraping-images-from-open-tabs.md6
-rw-r--r--site/2026-02-20-pleasant-arch-setup.md6
-rw-r--r--site/style.css35
3 files changed, 43 insertions, 4 deletions
diff --git a/site/2023-11-15-scraping-images-from-open-tabs.md b/site/2023-11-15-scraping-images-from-open-tabs.md
index 75a768c..3975356 100644
--- a/site/2023-11-15-scraping-images-from-open-tabs.md
+++ b/site/2023-11-15-scraping-images-from-open-tabs.md
@@ -1,7 +1,9 @@
# Scraping images from open tabs
-<time id="post-upload-date">2023-11-15</time>
-<time id="post-update-date">2023-11-15</time>
+<div class="post-dates">
+ <time id="post-upload-date">2023-11-15</time>
+ <time id="post-modification-date">2023-11-15</time>
+</div>
<!-- FIXME: shell highlighting doesn't work yet -->
<pre><code>
diff --git a/site/2026-02-20-pleasant-arch-setup.md b/site/2026-02-20-pleasant-arch-setup.md
index 2ba0ab2..eafc3fe 100644
--- a/site/2026-02-20-pleasant-arch-setup.md
+++ b/site/2026-02-20-pleasant-arch-setup.md
@@ -1,7 +1,9 @@
# A pleasant Arch Linux setup
-<time id="post-upload-date">2026-02-20</time>
-<time id="post-update-date">2026-02-20</time>
+<div class="post-dates">
+ <time id="post-upload-date">2026-02-20</time>
+ <time id="post-modification-date">2026-02-20</time>
+</div>
Recently I distrohopped back to Arch Linux on my laptop and, given the
opportunity for a fresh start, wanted to keep the setup tidy. In this post I
diff --git a/site/style.css b/site/style.css
index fd183cf..bb43748 100644
--- a/site/style.css
+++ b/site/style.css
@@ -1,3 +1,38 @@
+*, *::after, *::before {
+ box-sizing: inherit;
+}
+
+html {
+ box-sizing: border-box;
+}
+
+#blog-index {
+ display: flex;
+ flex-flow: column nowrap;
+ gap: 1rem;
+}
+
+article.post {
+ border: 1px solid;
+ padding: 1rem;
+ display: flex;
+ flex-flow: column nowrap;
+ gap: 1rem;
+}
+
+article.post h2 {
+ text-align: center;
+}
+
+article.post :is(h2, p) {
+ margin: 0;
+}
+
+.post-dates {
+ display: flex;
+ justify-content: space-between;
+}
+
/* Style definition file generated by highlight 4.18, http://andre-simon.de/ */
/* highlight theme: Github Source View */
body.hl { background-color:#ffffff; }