From e8dc80e7cb2660a0f66c6595a59acb6659f82279 Mon Sep 17 00:00:00 2001
From: Rhiannon Morris <rhi@rhiannon.website>
Date: Sun, 5 Dec 2021 14:24:41 +0100
Subject: [PATCH] add speaker icon before listen link

---
 media/speaker.svg | 1 +
 style.css         | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 media/speaker.svg

diff --git a/media/speaker.svg b/media/speaker.svg
new file mode 100644
index 0000000..d803d29
--- /dev/null
+++ b/media/speaker.svg
@@ -0,0 +1 @@
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1.5" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path clip-rule="evenodd" d="m0 0v32h32v-32z"/></clipPath><clipPath id="b"><path clip-rule="evenodd" d="m15 16 16-16h2v32h-2z"/></clipPath><metadata/><path d="m0 0v32h32v-32z" fill="none"/><g clip-path="url(#a)"><path d="m23.662 24.662c2.297-2.297 3.588-5.413 3.588-8.662s-1.291-6.365-3.588-8.662l-8.662 8.662z" stroke="#000" stroke-width="4"/><g fill="none"><path d="m4 12v8h6l6 6v-20l-6 6z" stroke="#000" stroke-width="4"/><path d="m15 16 16-16h2v32h-2z"/><g clip-path="url(#b)" stroke="#e6e6e6" stroke-width="2.5"><circle cx="15" cy="16" r="11"/><circle cx="15" cy="16" r="6.5"/></g></g><path d="m16 22-6-3-6-1v-6h6l6-6z" fill="#666"/><path d="m4 18h7.172c.53 0 1.039.211 1.414.586l3.414 3.414v4l-6-6h-6z" fill="#515151"/></g></svg>
\ No newline at end of file
diff --git a/style.css b/style.css
index d547bd4..c91844e 100644
--- a/style.css
+++ b/style.css
@@ -190,11 +190,15 @@ rt { --around-image: url(media/star.svg); }
 h1, h2 { --around-image: url(media/sparkles.svg); }
 
 
-.emojo {
+.emojo, [href='#listen']::before {
   vertical-align: middle;
   height: 1.2em; width: 1.2em;
 }
 
+[href='#listen']::before {
+  content: url(media/speaker.svg);
+  display: inline-block;
+}
 
 #links .icon {
   display: block;