style the nature-affected pokémon stats

make-pages/GalleryPage.hs

@@ -13,6 +13,7 @@ import qualified Data.HashMap.Strict as HashMap
 import Data.HashSet (HashSet)
 import qualified Data.HashSet as HashSet
 import Data.List (intersperse, groupBy, sortBy, sortOn)
+import Data.Maybe
 import qualified Data.Text.Lazy as Lazy
 import System.FilePath (takeDirectory, joinPath, splitPath)
 import GHC.Exts (Down (..), the)
@@ -145,7 +146,7 @@ makeYearItems nsfw year infos = [b|@0
   year' = show year & foldMap \c -> [b|<span class=y>$c</span>|]
 
 makeItem :: Bool -> FilePath -> Info -> Builder
-makeItem nsfw file info@(Info {title, bg}) = [b|@0
+makeItem nsfw file info@(Info {bg}) = [b|@0
     <li class="item post$nsfw'" data-date="$date'" data-year=$year'
         data-updated="$updated'"
         data-tags="$tags'">
@@ -160,6 +161,7 @@ makeItem nsfw file info@(Info {title, bg}) = [b|@0
       </figure>
   |]
  where
+  title    = fromMaybe (#title info) $ #galleryTitle info
   dir      = takeDirectory file
   thumb    = getThumb dir info
   nsfw'    = if nsfw && #anyNsfw info then [b| nsfw|] else ""

make-pages/Info.hs

@@ -50,6 +50,7 @@ data Info =
     -- | hide from gallery view
     unlisted     :: !Bool,
     title        :: !Text,
+    galleryTitle :: !(Maybe Text),
     artist       :: !(Maybe Artist), -- nothing = me, obv
     nsfwOnly     :: !Bool,
     tags         :: ![Text],
@@ -257,15 +258,17 @@ checkKeys mapping wanted = do
 
 instance FromYAML Info where
   parseYAML = YAML.withMap "info" \m -> do
-    checkKeys m ["date", "sort", "updates", "show-updated", "unlisted", "title",
-                 "artist", "nsfw-only", "tags", "nsfw-tags", "desc",
-                 "nsfw-desc", "bg", "images", "thumb", "links", "extras"]
+    checkKeys m ["date", "sort", "updates", "show-updated", "unlisted",
+                 "gallery-title", "title", "artist", "nsfw-only", "tags",
+                 "nsfw-tags", "desc", "nsfw-desc", "bg", "images", "thumb",
+                 "links", "extras"]
     Info <$>  m .:  "date"
          <*>  m .:? "sort"         .!= ""
          <*> (m .:? "updates" >>= updateList)
          <*>  m .:? "show-updated" .!= True
          <*>  m .:? "unlisted"     .!= False
          <*>  m .:  "title"
+         <*>  m .:? "gallery-title"
          <*>  m .:? "artist"
          <*>  m .:? "nsfw-only" .!= False
          <*>  m .:? "tags"      .!= []

style/shiny/pkmn.css

@@ -49,6 +49,22 @@
 }
 
 
+.pkmn-nature-down {
+  color: hsl(200deg, 80%, 80%);
+}
+
+.pkmn-nature-up {
+  color: hsl(340deg, 100%, 87%);
+}
+
+th:is(.pkmn-nature-down,.pkmn-nature-up)::after {
+  vertical-align: super;
+  font-weight: 500;
+}
+
+th.pkmn-nature-down::after { content: '−'; }
+th.pkmn-nature-up::after   { content: '+'; }
+
 
 .bug {
   --type-col: #83c300;