check fragment is the right form before using it as filters

.gitignore

@@ -9,3 +9,5 @@ fonts/muller/**/*.woff
 fonts/muller/**/*.woff2
 .directory
 data
+tags
+TAGS

make-pages/SinglePage.hs

@@ -68,7 +68,12 @@ make' root prefix nsfw dataDir dir info@(Info {date, title, artist, bg}) = do
         </figcaption>
       |]
 
-  let warning' = ifJust (#warning image0) makeWarning
+  let defWarning = "oops i forgot to put one, sorry!<br>\
+                   \if you can let me know i'd appreciate it" :: Text
+  let warning'
+        | Just w <- #warning image0 = makeWarning w
+        | #nsfw image0              = makeWarning defWarning
+        | otherwise                 = mempty
   let warningT = makeWarning [b|.|]
 
   let bgStyle = ifJust bg \col -> [b|@0

script/gallery.js

@@ -100,8 +100,11 @@ function useFragment() {
     clearForm();
   } else {
     let set = new Set(frag.split(';'));
-    allBoxes.forEach(b => b.checked = set.has(b.id));
-    document.getElementById('filters-details').open = true;
+    if (new Array(...set).every(x => /^(require|exclude)_/.test(x))) {
+      allBoxes.forEach(b => b.checked = set.has(b.id));
+      let details = document.getElementById('filters-details');
+      details.open = !set.has('hide_filters');
+    }
   }
 
   updateItems();

style/shiny/index.css

@@ -67,7 +67,7 @@
   align-items: center;
   justify-content: space-evenly;
   padding: 0;
-  grid-gap: 1.5em 0;
+  grid-gap: 1.5em;
 
   font-size: 175%;
 }

style/shiny/single.css

@@ -143,6 +143,10 @@
   margin-left: 0.8em;
 }
 
+#info .floating.left {
+  float: left;
+}
+
 #info .shaped {
   /* maybe one day... */
   /* shape-outside: attr(src url); */