From 83553cd0c709b6ba068526df25af8c3f9afc0f34 Mon Sep 17 00:00:00 2001
From: Rhiannon Morris <rhi@rhiannon.website>
Date: Mon, 10 Aug 2020 05:10:33 +0200
Subject: [PATCH] use svgs for icons

---
 Makefile        |  5 ++---
 images/icon.png |  3 ---
 images/icon.svg |  1 +
 index.html      |  2 +-
 style.css       | 14 +++++++++-----
 5 files changed, 13 insertions(+), 12 deletions(-)
 delete mode 100644 images/icon.png
 create mode 100644 images/icon.svg

diff --git a/Makefile b/Makefile
index 62fc244..0f2d174 100644
--- a/Makefile
+++ b/Makefile
@@ -2,10 +2,9 @@ FONTS  = $(shell find fonts -type f)
 CSS    = style.css
 PAGES  = index.html
 IMAGES = $(patsubst %,images/%, \
-    mlem.gif mlem_static.png icon.png \
+    mlem.gif mlem_static.png icon.svg \
     niss_uwu_bg_dim.png niss_uwu_bg.png \
-    info_small.png star_small.png sparkles_large.png niss_wave_large.png \
-    shortcake_large.png \
+    info.svg star.svg sparkles.svg niss_wave.svg shortcake.svg \
   )
 
 BUILDDIR ?= _build
diff --git a/images/icon.png b/images/icon.png
deleted file mode 100644
index bdbf8d7..0000000
--- a/images/icon.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:8d59e043fc18813014f3a665c86ef4ff147454698fa71d309d049fe47f70b479
-size 5162
diff --git a/images/icon.svg b/images/icon.svg
new file mode 100644
index 0000000..647f59e
--- /dev/null
+++ b/images/icon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"><rect id="niss_tongue" x="0" y="0" width="32" height="32" style="fill:none;"/><g id="outline"><path d="M20.643,2.988c1.284,-0.896 3.044,-0.839 4.273,0.21c0.01,0.009 0.02,0.017 0.031,0.026c0.626,0.535 1.13,1.185 1.49,1.908c0.76,0.637 1.525,1.699 2.072,3.289c0.437,1.269 0.666,3.817 -0.517,5.136l0.677,2.369c0.161,0.565 0.243,1.149 0.243,1.737c0,0 0,0 0,0.001c0,2.806 -1.709,5.33 -4.315,6.373c-0.497,0.199 -0.999,0.4 -1.483,0.593c-0.811,0.325 -1.642,0.593 -2.487,0.803c-0.415,1.482 -0.627,3.018 -0.627,4.567l0,0c0,0 0,0 0,0c-1.311,-0.655 -2.428,-1.641 -3.24,-2.86l-0.76,-1.14c0,0 -0.76,1.14 -0.76,1.14c-0.812,1.219 -1.929,2.205 -3.24,2.86c0,0 0,0 0,0c0,0 0,0 0,0c0,-1.549 -0.212,-3.085 -0.627,-4.567c-0.845,-0.21 -1.676,-0.478 -2.487,-0.803c-0.484,-0.193 -0.986,-0.394 -1.483,-0.593c-2.606,-1.043 -4.315,-3.567 -4.315,-6.373c0,-0.001 0,-0.001 0,-0.001c0,-0.588 0.082,-1.172 0.243,-1.737l0.677,-2.369c-1.183,-1.319 -0.954,-3.867 -0.517,-5.136c0.547,-1.59 1.312,-2.652 2.072,-3.289c0.36,-0.723 0.864,-1.373 1.49,-1.908c0.011,-0.009 0.021,-0.017 0.031,-0.026c1.229,-1.049 2.989,-1.106 4.273,-0.21c0.262,-0.078 0.529,-0.145 0.801,-0.199c0.039,-0.008 0.077,-0.016 0.116,-0.023c2.46,-0.492 4.992,-0.492 7.452,0c0.039,0.007 0.077,0.015 0.116,0.023c0.272,0.054 0.539,0.121 0.801,0.199Z" style="fill:none;stroke:#000;stroke-width:4px;"/></g><g id="emoji"><path d="M20.308,2.895c0.113,0.029 0.224,0.06 0.335,0.093c1.284,-0.896 3.044,-0.839 4.273,0.21c0.01,0.009 0.02,0.017 0.031,0.026c1.274,1.088 2.042,2.655 2.12,4.329c0.001,0.001 0.001,0.001 0.001,0.001l-1.025,-0.128c0.284,0.54 0.516,1.114 0.688,1.715c0.735,2.573 1.544,5.404 1.938,6.785c0.161,0.565 0.243,1.149 0.243,1.737c0,0 0,0 0,0.001c0,2.806 -1.709,5.33 -4.315,6.373c-0.497,0.199 -0.999,0.4 -1.483,0.593c-2.262,0.905 -4.677,1.37 -7.114,1.37c0,0 0,0 0,0c-2.437,0 -4.852,-0.465 -7.114,-1.37c-0.484,-0.193 -0.986,-0.394 -1.483,-0.593c-2.606,-1.043 -4.315,-3.567 -4.315,-6.373c0,-0.001 0,-0.001 0,-0.001c0,-0.588 0.082,-1.172 0.243,-1.737c0.394,-1.381 1.203,-4.212 1.938,-6.785c0.172,-0.601 0.404,-1.175 0.688,-1.715l-1.025,0.128c0,0 0,0 0.001,-0.001c0.078,-1.674 0.846,-3.241 2.12,-4.329c0.011,-0.009 0.021,-0.017 0.031,-0.026c1.229,-1.049 2.989,-1.106 4.273,-0.21c0.111,-0.033 0.222,-0.064 0.335,-0.093c-0.188,0.151 8.804,0.151 8.616,0Z" style="fill:#55e65a;"/><clipPath id="_clip1"><path d="M20.308,2.895c0.113,0.029 0.224,0.06 0.335,0.093c1.284,-0.896 3.044,-0.839 4.273,0.21c0.01,0.009 0.02,0.017 0.031,0.026c1.274,1.088 2.042,2.655 2.12,4.329c0.001,0.001 0.001,0.001 0.001,0.001l-1.025,-0.128c0.284,0.54 0.516,1.114 0.688,1.715c0.735,2.573 1.544,5.404 1.938,6.785c0.161,0.565 0.243,1.149 0.243,1.737c0,0 0,0 0,0.001c0,2.806 -1.709,5.33 -4.315,6.373c-0.497,0.199 -0.999,0.4 -1.483,0.593c-2.262,0.905 -4.677,1.37 -7.114,1.37c0,0 0,0 0,0c-2.437,0 -4.852,-0.465 -7.114,-1.37c-0.484,-0.193 -0.986,-0.394 -1.483,-0.593c-2.606,-1.043 -4.315,-3.567 -4.315,-6.373c0,-0.001 0,-0.001 0,-0.001c0,-0.588 0.082,-1.172 0.243,-1.737c0.394,-1.381 1.203,-4.212 1.938,-6.785c0.172,-0.601 0.404,-1.175 0.688,-1.715l-1.025,0.128c0,0 0,0 0.001,-0.001c0.078,-1.674 0.846,-3.241 2.12,-4.329c0.011,-0.009 0.021,-0.017 0.031,-0.026c1.229,-1.049 2.989,-1.106 4.273,-0.21c0.111,-0.033 0.222,-0.064 0.335,-0.093c-0.188,0.151 8.804,0.151 8.616,0Z"/></clipPath><g clip-path="url(#_clip1)"><g><path d="M22.456,9.021c-0.232,3.248 1.143,5.818 4.067,5.322c2.77,-0.471 2.554,-4.274 1.986,-5.922c-1.158,-3.366 -3.294,-4.366 -4.287,-3.98c-0.994,0.386 -1.6,2.262 -1.766,4.58Z" style="fill:none;stroke:#45d2d3;stroke-width:4px;"/><path d="M29.834,14.526l-3.386,0.041l-2.147,-3.324l-3.69,0l0,6.456l9.223,0l0,-3.173Z" style="fill:none;"/><clipPath id="_clip2"><path d="M29.834,14.526l-3.386,0.041l-2.147,-3.324l-3.69,0l0,6.456l9.223,0l0,-3.173Z"/></clipPath><g clip-path="url(#_clip2)"><path d="M24.854,10.321l-3.32,4.611l0,1.845l8.3,0l0,-6.456l-4.98,0Z" style="fill:none;"/><clipPath id="_clip3"><path d="M24.854,10.321l-3.32,4.611l0,1.845l8.3,0l0,-6.456l-4.98,0Z"/></clipPath><g clip-path="url(#_clip3)"><path d="M22.456,9.021c-0.232,3.248 1.143,5.818 4.067,5.322c2.77,-0.471 2.554,-4.274 1.986,-5.922c-1.158,-3.366 -3.294,-4.366 -4.287,-3.98c-0.994,0.386 -1.6,2.262 -1.766,4.58Z" style="fill:none;stroke:#f1ee50;stroke-width:4px;"/></g></g><path d="M22.456,9.021c-0.232,3.248 1.143,5.818 4.067,5.322c2.77,-0.471 2.554,-4.274 1.986,-5.922c-1.158,-3.366 -3.294,-4.366 -4.287,-3.98c-0.994,0.386 -1.6,2.262 -1.766,4.58Z" style="fill:none;stroke:#115a5a;stroke-width:2px;"/></g><g><path d="M9.544,9.021c0.232,3.248 -1.143,5.818 -4.067,5.322c-2.77,-0.471 -2.554,-4.274 -1.986,-5.922c1.158,-3.366 3.294,-4.366 4.287,-3.98c0.994,0.386 1.6,2.262 1.766,4.58Z" style="fill:none;stroke:#45d2d3;stroke-width:4px;"/><path d="M2.166,14.526l3.386,0.041l2.147,-3.324l3.69,0l0,6.456l-9.223,0l0,-3.173Z" style="fill:none;"/><clipPath id="_clip4"><path d="M2.166,14.526l3.386,0.041l2.147,-3.324l3.69,0l0,6.456l-9.223,0l0,-3.173Z"/></clipPath><g clip-path="url(#_clip4)"><path d="M7.146,10.321l3.32,4.611l0,1.845l-8.3,0l0,-6.456l4.98,0Z" style="fill:none;"/><clipPath id="_clip5"><path d="M7.146,10.321l3.32,4.611l0,1.845l-8.3,0l0,-6.456l4.98,0Z"/></clipPath><g clip-path="url(#_clip5)"><path d="M9.544,9.021c0.232,3.248 -1.143,5.818 -4.067,5.322c-2.77,-0.471 -2.554,-4.274 -1.986,-5.922c1.158,-3.366 3.294,-4.366 4.287,-3.98c0.994,0.386 1.6,2.262 1.766,4.58Z" style="fill:none;stroke:#f1ee50;stroke-width:4px;"/></g></g><path d="M9.544,9.021c0.232,3.248 -1.143,5.818 -4.067,5.322c-2.77,-0.471 -2.554,-4.274 -1.986,-5.922c1.158,-3.366 3.294,-4.366 4.287,-3.98c0.994,0.386 1.6,2.262 1.766,4.58Z" style="fill:none;stroke:#115a5a;stroke-width:2px;"/></g></g><g><path d="M11.692,2.895c0.154,-0.039 0.309,-0.075 0.466,-0.106c0.039,-0.008 0.077,-0.016 0.116,-0.023c2.46,-0.492 4.992,-0.492 7.452,0c0.039,0.007 0.077,0.015 0.116,0.023c0.157,0.031 0.312,0.067 0.466,0.106c0.188,0.151 0.303,0.382 0.303,0.633c0,0.028 0,0.056 0,0.084c0,0.272 -0.13,0.528 -0.351,0.687c-0.221,0.159 -0.505,0.203 -0.763,0.117c-0.001,0 -0.001,0 -0.001,-0.001c-1.094,-0.364 -2.239,-0.55 -3.392,-0.55l-0.208,0c-1.153,0 -2.298,0.186 -3.392,0.55c0,0.001 0,0.001 -0.001,0.001c-0.258,0.086 -0.542,0.042 -0.763,-0.117c-0.221,-0.159 -0.351,-0.415 -0.351,-0.687c0,-0.028 0,-0.056 0,-0.084c0,-0.251 0.115,-0.482 0.303,-0.633Z" style="fill:#f44d43;"/><path d="M11.389,7.738c0,-0.115 0.057,-0.222 0.152,-0.286c0.217,-0.144 0.638,-0.425 1.08,-0.719c1,-0.667 2.176,-1.023 3.379,-1.023c0,0 0,0 0,0c1.203,0 2.379,0.356 3.379,1.023c0.442,0.294 0.863,0.575 1.08,0.719c0.095,0.064 0.152,0.171 0.152,0.286c0,0 0,0 0,0c0,0.171 -0.082,0.332 -0.22,0.432c-0.139,0.1 -0.318,0.127 -0.48,0.073c-0.163,-0.054 -0.343,-0.114 -0.527,-0.176c-1.02,-0.34 -2.087,-0.513 -3.162,-0.513c-0.147,0 -0.297,0 -0.444,0c-1.075,0 -2.142,0.173 -3.162,0.513c-0.184,0.062 -0.364,0.122 -0.527,0.176c-0.162,0.054 -0.341,0.027 -0.48,-0.073c-0.138,-0.1 -0.22,-0.261 -0.22,-0.432c0,0 0,0 0,0Z" style="fill:#f44d43;"/><path d="M11.389,12.349c0,-0.115 0.057,-0.222 0.152,-0.285c0.217,-0.145 0.638,-0.425 1.08,-0.72c1,-0.667 2.176,-1.023 3.379,-1.023c0,0 0,0 0,0c1.203,0 2.379,0.356 3.379,1.023c0.442,0.295 0.863,0.575 1.08,0.72c0.095,0.063 0.152,0.17 0.152,0.285c0,0 0,0.001 0,0.001c0,0.171 -0.082,0.331 -0.22,0.431c-0.139,0.1 -0.318,0.128 -0.48,0.073c-0.163,-0.054 -0.343,-0.114 -0.527,-0.175c-1.02,-0.34 -2.087,-0.513 -3.162,-0.513c-0.147,0 -0.297,0 -0.444,0c-1.075,0 -2.142,0.173 -3.162,0.513c-0.184,0.061 -0.364,0.121 -0.527,0.175c-0.162,0.055 -0.341,0.027 -0.48,-0.073c-0.138,-0.1 -0.22,-0.26 -0.22,-0.431c0,0 0,-0.001 0,-0.001Z" style="fill:#f44d43;"/></g><g><path d="M8.592,22.556c-1.233,-0.762 -2.316,-1.777 -3.167,-3.002c-0.387,-0.556 -0.648,-0.932 -0.648,-0.932c0,0 3.67,0.512 5.541,0.773c0.713,0.099 1.432,0.149 2.151,0.149l7.062,0c0.719,0 1.438,-0.05 2.151,-0.149c1.871,-0.261 5.541,-0.773 5.541,-0.773c0,0 -0.261,0.376 -0.648,0.932c-0.851,1.225 -1.934,2.24 -3.167,3.002l-14.816,0Z" style="fill:#551954;"/><path d="M19.937,23.935c-0.03,-0.604 0.04,-1.208 0.261,-1.758l1.625,-0.734c0.318,0.188 0.628,0.395 0.926,0.619l0.659,0.494c-1.063,0.656 -2.237,1.125 -3.471,1.379Zm-11.345,-1.379l0.659,-0.494c0.298,-0.224 0.608,-0.431 0.926,-0.619l1.086,0.321c0.23,0.576 0.449,1.357 0.553,2.117c-1.144,-0.263 -2.232,-0.713 -3.224,-1.325Z" style="fill:#6a2269;"/><path d="M10.177,21.443c1.586,-0.941 3.402,-1.443 5.259,-1.443c0.374,0 0.754,0 1.128,0c1.857,0 3.673,0.502 5.259,1.443l-0.337,0.843c-0.982,2.454 -1.486,5.072 -1.486,7.714l0,0c0,0 0,0 0,0c-1.311,-0.655 -2.428,-1.641 -3.24,-2.86c-0.409,-0.613 -0.76,-1.14 -0.76,-1.14c0,0 -0.351,0.527 -0.76,1.14c-0.812,1.219 -1.929,2.205 -3.24,2.86c0,0 0,0 0,0c0,0 0,0 0,0c0,-2.642 -0.504,-5.26 -1.486,-7.714l-0.337,-0.843Z" style="fill:#90199e;"/></g><g><g><path d="M9.544,9.021c0.232,3.248 -1.143,5.818 -4.067,5.322c-2.386,-0.405 -2.556,-3.284 -2.195,-5.127c0.058,-0.297 0.507,-0.947 0.585,-1.175c0.141,-0.409 0.044,-0.659 0.085,-0.744c1.199,-2.464 2.953,-3.196 3.826,-2.856c0.994,0.386 1.6,2.262 1.766,4.58Z" style="fill:#45d2d3;"/><clipPath id="_clip6"><path d="M9.544,9.021c0.232,3.248 -1.143,5.818 -4.067,5.322c-2.386,-0.405 -2.556,-3.284 -2.195,-5.127c0.058,-0.297 0.507,-0.947 0.585,-1.175c0.141,-0.409 0.044,-0.659 0.085,-0.744c1.199,-2.464 2.953,-3.196 3.826,-2.856c0.994,0.386 1.6,2.262 1.766,4.58Z"/></clipPath><g clip-path="url(#_clip6)"><path d="M11.825,11.704l0.025,4.151l-11.093,0l0,-2.306c0,0 0.833,-1.944 1.585,-3.698c0.717,-1.673 2.362,-2.758 4.182,-2.758c0.001,0 0.002,0 0.002,0c1.571,0 3.027,0.824 3.835,2.171c0.717,1.196 1.464,2.44 1.464,2.44Z" style="fill:#fff;"/><clipPath id="_clip7"><path d="M11.825,11.704l0.025,4.151l-11.093,0l0,-2.306c0,0 0.833,-1.944 1.585,-3.698c0.717,-1.673 2.362,-2.758 4.182,-2.758c0.001,0 0.002,0 0.002,0c1.571,0 3.027,0.824 3.835,2.171c0.717,1.196 1.464,2.44 1.464,2.44Z"/></clipPath><g clip-path="url(#_clip7)"><path d="M7.699,4.787c0,0 -1.459,1.825 -2.542,3.179c-0.742,0.927 -1.147,2.08 -1.147,3.268c0,0 0,0 0,0c0,1.202 0.398,2.37 1.132,3.322c0.794,1.029 1.713,2.221 1.713,2.221l4.534,0l0,-11.99l-3.69,0Z" style="fill:#72431d;"/></g><path d="M11.825,11.704l0.025,4.151l-11.093,0l0,-2.306c0,0 0.833,-1.944 1.585,-3.698c0.717,-1.673 2.362,-2.758 4.182,-2.758c0.001,0 0.002,0 0.002,0c1.571,0 3.027,0.824 3.835,2.171c0.717,1.196 1.464,2.44 1.464,2.44Z" style="fill:none;stroke:#000;stroke-width:1px;"/></g><path d="M9.544,9.021c0.232,3.248 -1.143,5.818 -4.067,5.322c-2.77,-0.471 -2.554,-4.274 -1.986,-5.922c1.158,-3.366 3.294,-4.366 4.287,-3.98c0.994,0.386 1.6,2.262 1.766,4.58Z" style="fill:none;"/><clipPath id="_clip8"><path d="M9.544,9.021c0.232,3.248 -1.143,5.818 -4.067,5.322c-2.77,-0.471 -2.554,-4.274 -1.986,-5.922c1.158,-3.366 3.294,-4.366 4.287,-3.98c0.994,0.386 1.6,2.262 1.766,4.58Z"/></clipPath><g clip-path="url(#_clip8)"><path d="M11.825,11.704l0.025,4.151l-11.093,0l0,-2.306c0,0 0.833,-1.944 1.585,-3.698c0.717,-1.673 2.362,-2.758 4.182,-2.758c0.001,0 0.002,0 0.002,0c1.571,0 3.027,0.824 3.835,2.171c0.717,1.196 1.464,2.44 1.464,2.44Z" style="fill:none;"/><clipPath id="_clip9"><path d="M11.825,11.704l0.025,4.151l-11.093,0l0,-2.306c0,0 0.833,-1.944 1.585,-3.698c0.717,-1.673 2.362,-2.758 4.182,-2.758c0.001,0 0.002,0 0.002,0c1.571,0 3.027,0.824 3.835,2.171c0.717,1.196 1.464,2.44 1.464,2.44Z"/></clipPath><g clip-path="url(#_clip9)"><path d="M7.699,4.787c0,0 -1.459,1.825 -2.542,3.179c-0.742,0.927 -1.147,2.08 -1.147,3.268c0,0 0,0 0,0c0,1.202 0.398,2.37 1.132,3.322c0.794,1.029 1.713,2.221 1.713,2.221l4.534,0l0,-11.99l-3.69,0Z" style="fill:#72431d;"/></g><path d="M11.825,11.704l0.025,4.151l-11.093,0l0,-2.306c0,0 0.833,-1.944 1.585,-3.698c0.717,-1.673 2.362,-2.758 4.182,-2.758c0.001,0 0.002,0 0.002,0c1.571,0 3.027,0.824 3.835,2.171c0.717,1.196 1.464,2.44 1.464,2.44Z" style="fill:none;stroke:#000;stroke-width:1px;"/></g></g><g><path d="M22.456,9.021c-0.232,3.248 1.143,5.818 4.067,5.322c2.386,-0.405 2.556,-3.284 2.195,-5.127c-0.058,-0.297 -0.507,-0.947 -0.585,-1.175c-0.141,-0.409 -0.044,-0.659 -0.085,-0.744c-1.199,-2.464 -2.953,-3.196 -3.826,-2.856c-0.994,0.386 -1.6,2.262 -1.766,4.58Z" style="fill:#45d2d3;"/><clipPath id="_clip10"><path d="M22.456,9.021c-0.232,3.248 1.143,5.818 4.067,5.322c2.386,-0.405 2.556,-3.284 2.195,-5.127c-0.058,-0.297 -0.507,-0.947 -0.585,-1.175c-0.141,-0.409 -0.044,-0.659 -0.085,-0.744c-1.199,-2.464 -2.953,-3.196 -3.826,-2.856c-0.994,0.386 -1.6,2.262 -1.766,4.58Z"/></clipPath><g clip-path="url(#_clip10)"><path d="M20.175,11.704l-0.025,4.151l11.093,0l0,-2.306c0,0 -0.833,-1.944 -1.585,-3.698c-0.717,-1.673 -2.362,-2.758 -4.182,-2.758c-0.001,0 -0.002,0 -0.002,0c-1.571,0 -3.027,0.824 -3.835,2.171c-0.717,1.196 -1.464,2.44 -1.464,2.44Z" style="fill:#fff;"/><clipPath id="_clip11"><path d="M20.175,11.704l-0.025,4.151l11.093,0l0,-2.306c0,0 -0.833,-1.944 -1.585,-3.698c-0.717,-1.673 -2.362,-2.758 -4.182,-2.758c-0.001,0 -0.002,0 -0.002,0c-1.571,0 -3.027,0.824 -3.835,2.171c-0.717,1.196 -1.464,2.44 -1.464,2.44Z"/></clipPath><g clip-path="url(#_clip11)"><path d="M24.301,4.787c0,0 1.459,1.825 2.542,3.179c0.742,0.927 1.147,2.08 1.147,3.268c0,0 0,0 0,0c0,1.202 -0.398,2.37 -1.132,3.322c-0.794,1.029 -1.713,2.221 -1.713,2.221l-4.534,0l0,-11.99l3.69,0Z" style="fill:#72431d;"/></g><path d="M20.175,11.704l-0.025,4.151l11.093,0l0,-2.306c0,0 -0.833,-1.944 -1.585,-3.698c-0.717,-1.673 -2.362,-2.758 -4.182,-2.758c-0.001,0 -0.002,0 -0.002,0c-1.571,0 -3.027,0.824 -3.835,2.171c-0.717,1.196 -1.464,2.44 -1.464,2.44Z" style="fill:none;stroke:#000;stroke-width:1px;"/></g><path d="M22.456,9.021c-0.232,3.248 1.143,5.818 4.067,5.322c2.77,-0.471 2.554,-4.274 1.986,-5.922c-1.158,-3.366 -3.294,-4.366 -4.287,-3.98c-0.994,0.386 -1.6,2.262 -1.766,4.58Z" style="fill:none;"/><clipPath id="_clip12"><path d="M22.456,9.021c-0.232,3.248 1.143,5.818 4.067,5.322c2.77,-0.471 2.554,-4.274 1.986,-5.922c-1.158,-3.366 -3.294,-4.366 -4.287,-3.98c-0.994,0.386 -1.6,2.262 -1.766,4.58Z"/></clipPath><g clip-path="url(#_clip12)"><path d="M20.175,11.704l-0.025,4.151l11.093,0l0,-2.306c0,0 -0.833,-1.944 -1.585,-3.698c-0.717,-1.673 -2.362,-2.758 -4.182,-2.758c-0.001,0 -0.002,0 -0.002,0c-1.571,0 -3.027,0.824 -3.835,2.171c-0.717,1.196 -1.464,2.44 -1.464,2.44Z" style="fill:none;"/><clipPath id="_clip13"><path d="M20.175,11.704l-0.025,4.151l11.093,0l0,-2.306c0,0 -0.833,-1.944 -1.585,-3.698c-0.717,-1.673 -2.362,-2.758 -4.182,-2.758c-0.001,0 -0.002,0 -0.002,0c-1.571,0 -3.027,0.824 -3.835,2.171c-0.717,1.196 -1.464,2.44 -1.464,2.44Z"/></clipPath><g clip-path="url(#_clip13)"><path d="M24.301,4.787c0,0 1.459,1.825 2.542,3.179c0.742,0.927 1.147,2.08 1.147,3.268c0,0 0,0 0,0c0,1.202 -0.398,2.37 -1.132,3.322c-0.794,1.029 -1.713,2.221 -1.713,2.221l-4.534,0l0,-11.99l3.69,0Z" style="fill:#72431d;"/></g><path d="M20.175,11.704l-0.025,4.151l11.093,0l0,-2.306c0,0 -0.833,-1.944 -1.585,-3.698c-0.717,-1.673 -2.362,-2.758 -4.182,-2.758c-0.001,0 -0.002,0 -0.002,0c-1.571,0 -3.027,0.824 -3.835,2.171c-0.717,1.196 -1.464,2.44 -1.464,2.44Z" style="fill:none;stroke:#000;stroke-width:1px;"/></g></g></g><g><path d="M13.233,15.393c0,-0.254 -0.206,-0.461 -0.461,-0.461l0,0c-0.255,0 -0.461,0.207 -0.461,0.461l0,0.923c0,0.255 0.206,0.461 0.461,0.461l0,0c0.255,0 0.461,-0.206 0.461,-0.461l0,-0.923Z" style="fill:#0f6712;"/><path d="M19.689,15.393c0,-0.254 -0.206,-0.461 -0.461,-0.461l0,0c-0.255,0 -0.461,0.207 -0.461,0.461l0,0.923c0,0.255 0.206,0.461 0.461,0.461l0,0c0.255,0 0.461,-0.206 0.461,-0.461l0,-0.923Z" style="fill:#0f6712;"/></g></g></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index 10ea98f..1327786 100644
--- a/index.html
+++ b/index.html
@@ -68,7 +68,7 @@
 </main>
 
 <footer>
-  <img src=images/niss_wave_large.png alt='' class=emojo>
+  <img src=images/niss_wave.svg alt='' class=emojo>
 
   <p>
   this site uses
diff --git a/style.css b/style.css
index 416e38a..fc0e71e 100644
--- a/style.css
+++ b/style.css
@@ -111,7 +111,9 @@ dd {
     text-decoration-thickness: 2px;
   }
   [title]::after {
-    content: url(images/info_small.png);
+    content: url(images/info.svg);
+    display: inline-block;
+    width: 0.75em; height: 0.75em;
     vertical-align: text-top;
     mix-blend-mode: hard-light;
   }
@@ -141,15 +143,18 @@ section h2::before, section h2::after {
   mix-blend-mode: overlay;
   padding: 0 0.25em;
   vertical-align: middle;
+  display: inline-block;
+  height: 1em; width: 1em;
 }
-.cake::before, .cake::after { content: url(images/shortcake_large.png); }
-header rt::before, header rt::after { content: url(images/star_small.png); }
+.cake::before, .cake::after { content: url(images/shortcake.svg); }
+header rt::before, header rt::after { content: url(images/star.svg); }
 section h2::before, section h2::after {
-  content: url(images/sparkles_large.png);
+  content: url(images/sparkles.svg);
 }
 
 .emojo {
   vertical-align: middle;
+  height: 1.2em; width: 1.2em;
 }
 
 footer {
@@ -171,7 +176,6 @@ footer {
 }
 
 footer .emojo {
-  display: block;
   grid-area: e;
 }