Update index.html

Author: ZenterFlow

index.html

@@ -63,10 +63,7 @@ <h1>From Snowflake Servers to GitOps Nirvana</h1>
   <a href="https://dspy.ai/" target="_blank" rel="noopener">DSPy</a>,
   and a pinch of <a href="https://www.openpolicyagent.org/" target="_blank" rel="noopener">OPA</a>
   policy-as-code) fit together to create a platform that deploys itself every time you hit <i>merge</i>.
-  <button id="copyAllTools" class="copy-btn" title="Copy all tool URLs"><svg class="copy-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <rect x="3" y="3" width="10" height="10" rx="1" stroke="currentColor" stroke-width="1.4"/>
-  <rect x="1" y="1" width="10" height="10" rx="1" stroke="currentColor" stroke-width="1.4"/>
-</svg> All</button>
+  <button id="copyAllTools" class="copy-btn" title="Copy all tool URLs">CC All</button>
 </p>
 
   <!-- rest of your article -->
@@ -149,10 +146,7 @@ <h2>6. Beginner Take-aways</h2>
   <!-- assets list + copy button -->
   <section id="stack-assets">
     <h3>Grab the configs</h3>
-    <button onclick="copyAssets()"><svg class="copy-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <rect x="3" y="3" width="10" height="10" rx="1" stroke="currentColor" stroke-width="1.4"/>
-  <rect x="1" y="1" width="10" height="10" rx="1" stroke="currentColor" stroke-width="1.4"/>
-</svg> Copy URLs</button>
+    <button onclick="copyAssets()">CC Copy URLs</button>
     <ol>
       <li><a href="assets/README.md" download>README.md</a></li>
       <li><a href="assets/flake.nix" download>flake.nix</a></li>
@@ -174,21 +168,15 @@ <h2>7. The Bigger Picture</h2>
     navigator.clipboard.writeText(url).then(() => {
       const btn = event.target;
       btn.textContent = '✅';
-      setTimeout(() => btn.textContent = '<svg class="copy-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <rect x="3" y="3" width="10" height="10" rx="1" stroke="currentColor" stroke-width="1.4"/>
-  <rect x="1" y="1" width="10" height="10" rx="1" stroke="currentColor" stroke-width="1.4"/>
-</svg>', 800);
+      setTimeout(() => btn.textContent = 'CC', 800);
     });
   }
   function copyAssets() {
     const urls = Array.from(document.querySelectorAll('#stack-assets a')).map(a => a.href).join('\n');
     navigator.clipboard.writeText(urls).then(() => {
       const btn = event.target;
       btn.textContent = '✅ Copied!';
-      setTimeout(() => btn.textContent = '<svg class="copy-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <rect x="3" y="3" width="10" height="10" rx="1" stroke="currentColor" stroke-width="1.4"/>
-  <rect x="1" y="1" width="10" height="10" rx="1" stroke="currentColor" stroke-width="1.4"/>
-</svg> Copy URLs', 1200);
+      setTimeout(() => btn.textContent = 'CC Copy URLs', 1200);
     });
   }
   document.getElementById('copyAllTools').addEventListener('click', () => {
@@ -205,10 +193,7 @@ <h2>7. The Bigger Picture</h2>
     navigator.clipboard.writeText(urls).then(() => {
       const btn = document.getElementById('copyAllTools');
       btn.textContent = '✅ Copied!';
-      setTimeout(() => btn.textContent = '<svg class="copy-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <rect x="3" y="3" width="10" height="10" rx="1" stroke="currentColor" stroke-width="1.4"/>
-  <rect x="1" y="1" width="10" height="10" rx="1" stroke="currentColor" stroke-width="1.4"/>
-</svg> All', 1200);
+      setTimeout(() => btn.textContent = 'CC All', 1200);
     });
   });
   </script>