3 files changed, 103 insertions, 31 deletions

diff --git a/Makefile b/Makefile
index 80eb5ef..c3b21ff 100644
--- a/Makefile
+++ b/Makefile
@@ -1,20 +1,30 @@
-all: build
+FILES_SRC := $(shell find src/icons -type f -name "*.svg")
+FILES     := $(patsubst src/icons/%.svg,output/%.svg,$(FILES_SRC))
 
-clean_output:
-        @mkdir -p output
-        @rm -rf output/*
+all: files showcase/index.html
 
-clean_showcase:
-        @mkdir -p showcase
-        @rm -rf showcase/*
+files:  $(FILES)
 
-icons: clean_output
-        @scripts/build.sh
+###
 
-showcase: clean_showcase
-        @scripts/build_showcase.sh
+output/%.svg: src/icons/%.svg | output
+        scour -i "$<" \
+                --enable-viewboxing \
+                --enable-id-stripping \
+                --enable-comment-stripping \
+                --remove-descriptive-elements \
+                --strip-xml-prolog \
+                --shorten-ids | sed -z 's/\(fill\|stroke\)="#.\{3,6\}"/\1="currentColor"/g;s/stroke-width="[0-9.]*"//g;s/stroke-linecap="[a-z]*"//g;s/stroke-linejoin="[a-z]*"//g;s/style="[ a-z0-9:-]*"//g' > "$@"
 
-build: icons
-        $(MAKE) showcase
+showcase/index.html: src/showcase/index.html $(FILES) | showcase
+        scripts/build_showcase.sh
 
-.PHONY: all clean_output clean_showcase icons showcase build
+showcase:
+        mkdir -p showcase
+
+output:
+        mkdir -p output
+
+###
+
+.PHONY: all
diff --git a/src/icons/graph.svg b/src/icons/graph.svg
index 5a9814f..60fe112 100644
--- a/src/icons/graph.svg
+++ b/src/icons/graph.svg
@@ -1,22 +1,22 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    width="16"
    height="16"
    viewBox="0 0 16 16"
    version="1.1"
    id="svg10"
    sodipodi:docname="graph.svg"
-   inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
    inkscape:export-xdpi="192"
    inkscape:export-ydpi="192"
-   style="fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round">
+   style="fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <metadata
      id="metadata16">
     <rdf:RDF>
@@ -25,7 +25,6 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -44,22 +43,22 @@
      inkscape:window-height="992"
      id="namedview12"
      showgrid="true"
-     inkscape:zoom="32"
-     inkscape:cx="4.4837086"
-     inkscape:cy="9.082647"
+     inkscape:zoom="22.627417"
+     inkscape:cx="5.9220193"
+     inkscape:cy="11.269514"
      inkscape:window-x="1536"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg10"
      showguides="true"
-     inkscape:document-rotation="0">
+     inkscape:document-rotation="0"
+     inkscape:pagecheckerboard="0">
     <inkscape:grid
        type="xygrid"
        id="grid823" />
   </sodipodi:namedview>
   <path
      id="circle851"
-     style="fill:none;fill-rule:evenodd;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke;stroke-miterlimit:4;stroke-dasharray:none;stroke:#000000;stroke-opacity:1"
-     d="m 7.2499952,12.499995 c 0,0.966498 -0.7835017,1.75 -1.75,1.75 -0.9664983,0 -1.75,-0.783502 -1.75,-1.75 0,-0.966498 0.7835017,-1.75 1.75,-1.75 0.9664983,0 1.75,0.783502 1.75,1.75 z M 15.249995,9.4999952 c 0,0.9664978 -0.783502,1.7499998 -1.75,1.7499998 -0.966498,0 -1.75,-0.783502 -1.75,-1.7499998 0,-0.9664983 0.783502,-1.75 1.75,-1.75 0.966498,0 1.75,0.7835017 1.75,1.75 z M 9.2499952,2.999995 c 0,0.9664983 -0.7835017,1.75 -1.75,1.75 -0.9664983,0 -1.75,-0.7835017 -1.75,-1.75 0,-0.9664983 0.7835017,-1.75 1.75,-1.75 0.9664983,0 1.75,0.7835017 1.75,1.75 z M 11.25,15.25 12.871851,11.137887 M 4.5408641,11 0.75,5.75 m 6.4057743,6.162602 4.6868127,-1.823495 M 8.6796285,4.3023047 12.2655,8.2329569 M 7.1792337,4.730093 5.829655,10.773085"
-     sodipodi:nodetypes="ssssssssssssssscccccccccc" />
+     style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+     d="m 5.25,13 c 0,0.966498 -0.7835017,1.75 -1.75,1.75 -0.9664983,0 -1.75,-0.783502 -1.75,-1.75 0,-0.966498 0.7835017,-1.75 1.75,-1.75 0.9664983,0 1.75,0.783502 1.75,1.75 z m 8.999995,-3.5000048 c 0,0.9664978 -0.783502,1.7499998 -1.75,1.7499998 -0.966498,0 -1.75,-0.783502 -1.75,-1.7499998 0,-0.9664983 0.783502,-1.75 1.75,-1.75 0.966498,0 1.75,0.7835017 1.75,1.75 z M 7.25,2.999995 c 0,0.9664983 -0.7835017,1.75 -1.75,1.75 -0.9664983,0 -1.75,-0.7835017 -1.75,-1.75 0,-0.9664983 0.7835017,-1.75 1.75,-1.75 0.9664983,0 1.75,0.7835017 1.75,1.75 z m -2.0942209,9.412612 5.6868079,-2.3235 M 6.6796333,4.3023047 11.2655,8.2329569 M 5.1792385,4.730093 3.8296598,11.27309" />
 </svg>
diff --git a/src/icons/music.svg b/src/icons/music.svg
new file mode 100644
index 0000000..4597de6
--- /dev/null
+++ b/src/icons/music.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg10"
+   sodipodi:docname="music.svg"
+   inkscape:version="1.1 (c4e8f9ed74, 2021-05-24)"
+   inkscape:export-xdpi="192"
+   inkscape:export-ydpi="192"
+   style="fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata16">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="3840"
+     inkscape:window-height="1983"
+     id="namedview12"
+     showgrid="true"
+     inkscape:zoom="32"
+     inkscape:cx="7.078125"
+     inkscape:cy="7.421875"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg10"
+     showguides="false"
+     inkscape:pagecheckerboard="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid823" />
+  </sodipodi:namedview>
+  <path
+     id="path2073"
+     style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+     d="m 5.75,5.75 8.5,-2 m 0,7 c 0,1.10457 -0.89543,2 -2,2 -1.104569,0 -2,-0.89543 -2,-2 0,-1.10457 0.895431,-2 2,-2 1.10457,0 2,0.89543 2,2 z m -8.5,1.99998 V 2.75 l 8.5,-2 v 10.00002 m -8.5,1.9999 c 0,1.10457 -0.8954305,2 -2,2 -1.1045695,0 -2,-0.89543 -2,-2 0,-1.10457 0.8954305,-2 2,-2 1.1045695,0 2,0.89543 2,2 z" />
+</svg>