put images in subdir

Makefile

@@ -1,11 +1,12 @@
 FONTS  = $(shell find fonts -type f)
 CSS    = style.css
 PAGES  = index.html
-IMAGES = \
+IMAGES = $(patsubst %,images/%, \
-  mlem.gif mlem_static.png icon.png \
+    mlem.gif mlem_static.png icon.png \
-  niss_uwu_bg_dim.png niss_uwu_bg.png \
+    niss_uwu_bg_dim.png niss_uwu_bg.png \
-  star_small.png sparkles_large.png niss_wave_large.png \
+    star_small.png sparkles_large.png niss_wave_large.png \
-  shortcake_large.png
+    shortcake_large.png \
+  )
 
 BUILDDIR ?= _build
 TMPDIR   ?= _tmp

index.html

@@ -5,7 +5,7 @@
 <link rel=me href=https://cybre.space/@g>
 <link rel=me href=https://snouts.online/@g>
 <link rel=me href=https://twitter.com/gec_ko_>
-<link rel=icon href=icon.png>
+<link rel=icon href=images/icon.png>
 
 <link rel=stylesheet href=style.css>
 <title>web site more like web shite haha gottem</title>
@@ -17,8 +17,8 @@
       <p class='mlem-text niss'>“mlem”</p>
       <p class='mlem-text nisse'>“mlem also”</p>
       <picture>
-        <source srcset=mlem_static.png media='(prefers-reduced-motion)'>
+        <source srcset=images/mlem_static.png media='(prefers-reduced-motion)'>
-        <img src=mlem.gif alt='niss &amp; nisse'>
+        <img src=images/mlem.gif alt='niss &amp; nisse'>
       </picture>
     </div>
     <h2>
@@ -67,7 +67,7 @@
 </main>
 
 <footer>
-  <img src=niss_wave_large.png alt='' class=emojo>
+  <img src=images/niss_wave_large.png alt='' class=emojo>
 
   <p>
   this site uses

style.css

@@ -9,7 +9,7 @@ body {
         hsl(234deg, 100%, 76%),
         hsl(195deg, 100%, 67%)
       );
-  --bg-image: url(niss_uwu_bg.png);
+  --bg-image: url(images/niss_uwu_bg.png);
 }
 
 body {
@@ -125,9 +125,11 @@ section h2::before, section h2::after {
   padding: 0 0.25em;
   vertical-align: middle;
 }
-.cake::before, .cake::after { content: url(shortcake_large.png); }
+.cake::before, .cake::after { content: url(images/shortcake_large.png); }
-header rt::before, header rt::after { content: url(star_small.png); }
+header rt::before, header rt::after { content: url(images/star_small.png); }
-section h2::before, section h2::after { content: url(sparkles_large.png); }
+section h2::before, section h2::after {
+  content: url(images/sparkles_large.png);
+}
 
 .emojo {
   vertical-align: middle;
@@ -197,7 +199,7 @@ footer a {
           hsl(234deg, 60%, 40%),
           hsl(195deg, 60%, 44%)
         );
-    --bg-image: url(niss_uwu_bg_dim.png);
+    --bg-image: url(images/niss_uwu_bg_dim.png);
   }
 
   main {