From 0f908581df83c25e896f63cb7c2773313b6043be Mon Sep 17 00:00:00 2001
From: Rhiannon Morris <rhi@rhiannon.website>
Date: Sun, 19 Jul 2020 18:03:24 +0200
Subject: [PATCH] add .corner and .left/.right classes

---
 make-pages/SinglePage.hs |  4 ++--
 style/base.css           | 12 ++++++++++++
 style/single.css         | 10 +---------
 3 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/make-pages/SinglePage.hs b/make-pages/SinglePage.hs
index a26645a..b54a46f 100644
--- a/make-pages/SinglePage.hs
+++ b/make-pages/SinglePage.hs
@@ -40,7 +40,7 @@ make' nsfw (Info {date, title, artist, tags, nsfwTags,
     <header>
       <h1>$*title</h1>
       $artistTag
-      <h2 class=date>$formattedDate</h2>
+      <h2 id=date class="right corner">$formattedDate</h2>
       $buttonBar
     </header>
 
@@ -92,7 +92,7 @@ make' nsfw (Info {date, title, artist, tags, nsfwTags,
 
 makeArtist :: Artist -> Builder
 makeArtist (Artist {name, url}) =
-  [b|<h2 class=artist>by $artistLink</h2>|]
+  [b|<h2 id=artist class="left corner">by $artistLink</h2>|]
  where
    artistLink = case url of
     Just u  -> [b|<a href="$*u">$*name</a>|]
diff --git a/style/base.css b/style/base.css
index 1433062..e3fd6ad 100644
--- a/style/base.css
+++ b/style/base.css
@@ -48,6 +48,18 @@ body {
   background: var(--lighter-tum);
 }
 
+.corner {
+  font-weight: 400;
+  position: absolute;
+  top: -0.5em;
+  margin: 0;
+  padding: 0;
+  font-size: 100%;
+}
+
+.left.corner { left: -0.4em; }
+.right.corner { right: -0.4em; }
+
 
 b { font-weight: 600; }
 b b { font-weight: 900; }
diff --git a/style/single.css b/style/single.css
index f4d5efe..735bcdb 100644
--- a/style/single.css
+++ b/style/single.css
@@ -5,17 +5,9 @@ body {
   position: relative;
 }
 
-.date, .artist {
-  font-weight: 400;
-  position: absolute;
-  top: -0.5em;
-  margin: 0;
-  padding: 0;
-  font-size: 100%;
+#date, #artist {
   font-style: italic;
 }
-.date { right: -0.4em; }
-.artist { left: -0.4em; }
 
 #mainfig {
   justify-content: center;