From a1dcd70043ef414decff800467c118e846b371b6 Mon Sep 17 00:00:00 2001
From: Tony <anthonyscorrea@users.noreply.github.com>
Date: Wed, 14 Jan 2026 15:03:26 -0600
Subject: [PATCH] use icon instead of "quote"

---
 .github/workflows/release-docs.yml |  1 -
 src/quote.js                       |  6 +++++-
 src/style.css                      | 13 +++++++++++++
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/release-docs.yml b/.github/workflows/release-docs.yml
index 37c9a74..72aeed7 100644
--- a/.github/workflows/release-docs.yml
+++ b/.github/workflows/release-docs.yml
@@ -33,7 +33,6 @@ jobs:
           cat src/quote.js
           echo '</script>'
           echo '<style>'
-          echo '.quote-btn{margin-left:.5rem;font-size:.8em;vertical-align:middle;}'
           echo '</style>'
           } > build/after-body.html 
 
diff --git a/src/quote.js b/src/quote.js
index 665908c..942a1f7 100644
--- a/src/quote.js
+++ b/src/quote.js
@@ -25,7 +25,11 @@
       const btn = document.createElement("button");
       btn.type = "button";
       btn.className = "quote-btn";
-      btn.textContent = "Quote";
+      btn.textContent = "";
+      btn.innerHTML = `
+      <span class="quote-icon" aria-hidden="true"></span>
+      <span class="sr-only">Quote</span>
+      `;
       btn.addEventListener("click", (e) => {
         e.preventDefault();
         e.stopPropagation();
diff --git a/src/style.css b/src/style.css
index 0e112a0..2e3be88 100644
--- a/src/style.css
+++ b/src/style.css
@@ -231,6 +231,19 @@ pre code{
   padding: 0;
 }
 
+.quote-icon {
+  display: inline-block;
+  width: 0.9em;
+  height: 0.9em;
+  vertical-align: middle;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-image: url("data:image/svg+xml;utf8,\
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'>\
+<path fill='currentColor' d='M96 224c0-35.3 28.7-64 64-64h32V64H160C71.6 64 0 135.6 0 224v64c0 70.7 57.3 128 128 128h32V288h-32c-17.7 0-32-14.3-32-32v-32zm256 0c0-35.3 28.7-64 64-64h32V64h-32c-88.4 0-160 71.6-160 160v64c0 70.7 57.3 128 128 128h32V288h-32c-17.7 0-32-14.3-32-32v-32z'/>\
+</svg>");
+}
+
 /* Small-screen polish */
 @media (max-width: 520px){
   header#title-block-header .title{ font-size: 1.45rem; }