Update index.html

Added copy URLs for 1st paragraph

Author: ZenterFlow

index.html

@@ -51,7 +51,32 @@ <h1>From Snowflake Servers to GitOps Nirvana</h1>
   <p><em>A beginner-friendly tour of the declarative stack that actually runs itself — 04 Aug 2025</em></p>
 
   <p>You’ve probably heard the buzzwords: GitOps, NoOps, immutable infrastructure. Today I’d like to walk you—step by step—through why these concepts exist and how a small constellation of tools (<a href="https://git-scm.com/" target="_blank" rel="noopener">Git</a>, <a href="https://nixos.org/" target="_blank" rel="noopener">NixOS</a>, <a href="https://docker.com/" target="_blank" rel="noopener">Docker</a>, <a href="https://developer.hashicorp.com/terraform/" target="_blank" rel="noopener">Terraform</a>, <a href="https://kubernetes.io/" target="_blank" rel="noopener">Kubernetes</a>, <a href="https://argo-cd.readthedocs.io/en/stable/" target="_blank" rel="noopener">ArgoCD</a>, <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>.</p>
-
+  <!-- 1-click copy for all tool URLs in first paragraph -->
+<p>
+  <button id="copyAllTools"
+          class="copy-btn"
+          title="Copy all tool URLs">📋 Copy tool links</button>
+</p>
+
+<script>
+document.getElementById('copyAllTools').addEventListener('click', () => {
+  const urls = [
+    'https://git-scm.com/',
+    'https://nixos.org/',
+    'https://docker.com/',
+    'https://developer.hashicorp.com/terraform/',
+    'https://kubernetes.io/',
+    'https://argo-cd.readthedocs.io/en/stable/',
+    'https://dspy.ai/',
+    'https://www.openpolicyagent.org/'
+  ].join('\n');
+  navigator.clipboard.writeText(urls).then(() => {
+    const btn = document.getElementById('copyAllTools');
+    btn.textContent = '✅ Copied!';
+    setTimeout(() => btn.textContent = '📋 Copy tool links', 1200);
+  });
+});
+</script>
   <hr>
 
   <!-- ==========  ORIGINAL SVG + ZOOM/PAN  ========== -->