no line breaks for years

Makefile

@@ -1,4 +1,4 @@
-CABALFLAGS ?= --verbose=0 --jobs -O
+CABALFLAGS ?= --jobs --enable-optimization
 
 DATADIR  := data
 TMPDIR   := _tmp
@@ -13,7 +13,7 @@ MEDH  := 1200
 
 MAKEPAGES := $(TMPDIR)/make-pages
 
-YAMLS != find $(DATADIR) -name $(INFONAME)
+YAMLS != find -L $(DATADIR) -name $(INFONAME)
 
 SCRIPTS   != find script -name '*.js'
 STYLES    != find style -name '*.css'
@@ -73,7 +73,7 @@ $(TMPDIR)/index.mk: $(DATADIR)/index.yaml $(YAMLS) $(MAKEPAGES)
 NODEPS := mostlyclean clean distclean list-tags
 GOALS := $(if $(strip $(MAKECMDGOALS)),$(strip $(MAKECMDGOALS)),all)
 ifneq ($(filter-out $(NODEPS),$(GOALS)),)
--include $(TMPDIR)/index.mk
+include $(TMPDIR)/index.mk
 endif
 
 

make-pages/IndexPage.hs

@@ -16,7 +16,7 @@ make' root (IndexInfo {title, desc, galleries, links, footer}) = [b|@0
     <link rel=stylesheet href=/style/shiny/index.css>
     <link rel=icon href=/style/niss.svg>
 
-    <meta name=viewport content="width=1200,viewport-fit=cover">
+    <meta name=viewport content="width=1200">
 
     <meta property=og:type content=og:website>
     <meta property=og:title content="$title">

style/shiny/gallery.css

@@ -4,14 +4,10 @@
 :root {
   --image-size: 200px;
   --gap: 1em;
-  --cols: 5;
 }
 
-.page {
-  max-width: calc(
-    var(--cols) * var(--image-size) +
-    (var(--cols) - 1) * var(--gap)
-  );
+@media (min-width: 1000px) {
+  .page { max-width: 80%; }
 }
 
 #filters div {
@@ -141,7 +137,8 @@ figcaption .title { bottom: -1px; left: -1px; }
 .date { text-transform: lowercase; }
 
 .year-marker {
-  grid-area: auto / 1;
+  /* uncomment to reenable line breaks before year markers */
+  /* grid-area: auto / 1; */
   padding: var(--border-thickness);
 }
 

style/shiny/index.css

@@ -1,7 +1,7 @@
 @import url(base.css);
 
 :root {
-  height: 100vh;
+  min-height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;

style/shiny/single.css

@@ -147,6 +147,7 @@
   /* maybe one day... */
   /* shape-outside: attr(src url); */
   shape-margin: 1em;
+  margin-right: -1em;
   filter: drop-shadow(5px 5px 8px #0006);
 }