From 5f525681296d8ffe0e8a77ba811d32474e6be333 Mon Sep 17 00:00:00 2001
From: seanseannery <seansemail@example.com>
Date: Sat, 7 Mar 2026 02:10:14 -0800
Subject: [PATCH 1/3] docs(site): polish copy, logo emoji, and link formatting

---
 docs/site/index.html | 24 +++++++++++++-----------
 docs/site/style.css  |  8 ++++++++
 2 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/docs/site/index.html b/docs/site/index.html
index 4ee6ea2..5ec6a6e 100644
--- a/docs/site/index.html
+++ b/docs/site/index.html
@@ -12,7 +12,7 @@
   <!-- HEADER -->
   <header class="site-header">
     <div class="container">
-      <span class="logo">Opsfile</span>
+      <span class="logo">🛠️ Opsfile</span>
       <nav class="site-nav">
         <a href="#install">Install</a>
         <a href="#usage">Usage</a>
@@ -26,7 +26,7 @@
     <div class="container">
       <h1>Opsfile</h1>
       <p class="tagline">Like <code>make</code>, but for common live ops commands</p>
-      <p class="subtitle">Create an Opsfile. Run ops [env] [command]. Done.</p>
+      <p class="subtitle">Create an Opsfile. Run <code>ops prod rollback-cluster</code>. Go back to sleep.</p>
       <div class="cta-buttons">
         <a href="#install" class="btn-primary">Install</a>
         <a href="https://github.com/seanseannery/opsfile" class="btn-secondary">View on GitHub</a>
@@ -176,12 +176,12 @@ <h2>Why use it?</h2>
         <div class="feature-card">
           <div class="feature-icon">🤝</div>
           <div class="feature-title">Team Standardisation</div>
-          <p>No more tribal knowledge or Slack threads of bash one-liners. Opsfile lives in the repo — every teammate runs the same command, the same way, every time.</p>
+          <p>No more tribal knowledge or bespoke bash aliases. Opsfile lives in the repo.</p>
         </div>
         <div class="feature-card">
           <div class="feature-icon">🔒</div>
           <div class="feature-title">Secrets-Safe by Design</div>
-          <p>Reference secrets via environment variables — never commit credentials. Variables resolve from your shell at runtime, keeping sensitive values out of your repo.</p>
+          <p>Reference secrets via environment variables — never commit them.</p>
         </div>
       </div>
     </div>
@@ -193,19 +193,19 @@ <h2>Why use it?</h2>
       <h2>Links</h2>
       <div class="links-grid">
         <a href="https://github.com/seanseannery/opsfile" class="link-card">
-          <strong>GitHub Repo</strong>
+          <strong>GitHub Repo:</strong>
           <span>Source code and documentation</span>
         </a>
         <a href="https://github.com/seanseannery/opsfile/releases" class="link-card">
-          <strong>Releases</strong>
+          <strong>Releases:</strong>
           <span>Download binaries and changelogs</span>
         </a>
         <a href="https://github.com/seanseannery/opsfile/issues" class="link-card">
-          <strong>Issues</strong>
+          <strong>Issues:</strong>
           <span>Bug reports and feature requests</span>
         </a>
         <a href="https://github.com/seanseannery/opsfile/discussions" class="link-card">
-          <strong>Discussions</strong>
+          <strong>Discussions:</strong>
           <span>Questions, ideas, and community</span>
         </a>
       </div>
@@ -235,12 +235,14 @@ <h2>Links</h2>
     document.querySelectorAll('.install-section .code-block').forEach(block => {
       const btn = document.createElement('button');
       btn.className = 'copy-btn';
-      btn.textContent = 'Copy';
+      btn.textContent = '📋';
+      btn.title = 'Copy';
+      btn.setAttribute('aria-label', 'Copy');
       btn.addEventListener('click', () => {
         const code = block.querySelector('code');
         navigator.clipboard.writeText(code.textContent.trim()).then(() => {
-          btn.textContent = 'Copied!';
-          setTimeout(() => { btn.textContent = 'Copy'; }, 2000);
+          btn.textContent = '✅';
+          setTimeout(() => { btn.textContent = '📋'; }, 2000);
         });
       });
       block.appendChild(btn);
diff --git a/docs/site/style.css b/docs/site/style.css
index ce30d2b..75950b3 100644
--- a/docs/site/style.css
+++ b/docs/site/style.css
@@ -125,6 +125,14 @@ a:hover {
   margin-bottom: 32px;
 }
 
+.subtitle code {
+  font-family: monospace;
+  color: var(--cyan);
+  background: var(--bg-hl);
+  padding: 1px 6px;
+  border-radius: 3px;
+}
+
 .cta-buttons {
   display: flex;
   gap: 12px;

From 055ee200b12b8eeb1f959ec7108bbf8414293586 Mon Sep 17 00:00:00 2001
From: seanseannery <seansemail@example.com>
Date: Sat, 7 Mar 2026 02:16:19 -0800
Subject: [PATCH 2/3] =?UTF-8?q?docs(site):=20update=20header=20logo=20to?=
 =?UTF-8?q?=20>=5F=20=F0=9F=9A=A8=20symbols?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/site/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/site/index.html b/docs/site/index.html
index 5ec6a6e..65b5713 100644
--- a/docs/site/index.html
+++ b/docs/site/index.html
@@ -12,7 +12,7 @@
   <!-- HEADER -->
   <header class="site-header">
     <div class="container">
-      <span class="logo">🛠️ Opsfile</span>
+      <span class="logo">&gt;_ 🚨 Opsfile</span>
       <nav class="site-nav">
         <a href="#install">Install</a>
         <a href="#usage">Usage</a>

From 4ed12cca2e2d6205ab907b44892f7152e981b517 Mon Sep 17 00:00:00 2001
From: seanseannery <seansemail@example.com>
Date: Sat, 7 Mar 2026 02:19:38 -0800
Subject: [PATCH 3/3] docs(site): replace copy emoji with GitHub-style
 double-square SVG icon

---
 docs/site/index.html | 8 +++++---
 docs/site/style.css  | 8 +++++---
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/docs/site/index.html b/docs/site/index.html
index 65b5713..c208a72 100644
--- a/docs/site/index.html
+++ b/docs/site/index.html
@@ -234,15 +234,17 @@ <h2>Links</h2>
     // Copy buttons on install code blocks
     document.querySelectorAll('.install-section .code-block').forEach(block => {
       const btn = document.createElement('button');
+      const copyIcon = `<svg aria-hidden="true" height="14" viewBox="0 0 16 16" width="14" fill="currentColor"><path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"/><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"/></svg>`;
+      const checkIcon = `<svg aria-hidden="true" height="14" viewBox="0 0 16 16" width="14" fill="currentColor"><path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.75.75 0 0 1 1.06-1.06L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"/></svg>`;
       btn.className = 'copy-btn';
-      btn.textContent = '📋';
+      btn.innerHTML = copyIcon;
       btn.title = 'Copy';
       btn.setAttribute('aria-label', 'Copy');
       btn.addEventListener('click', () => {
         const code = block.querySelector('code');
         navigator.clipboard.writeText(code.textContent.trim()).then(() => {
-          btn.textContent = '✅';
-          setTimeout(() => { btn.textContent = '📋'; }, 2000);
+          btn.innerHTML = checkIcon;
+          setTimeout(() => { btn.innerHTML = copyIcon; }, 2000);
         });
       });
       block.appendChild(btn);
diff --git a/docs/site/style.css b/docs/site/style.css
index 75950b3..91b4eb7 100644
--- a/docs/site/style.css
+++ b/docs/site/style.css
@@ -343,11 +343,13 @@ pre > code {
   color: var(--bright);
   border: none;
   border-radius: 4px;
-  padding: 4px 10px;
-  font-family: monospace;
-  font-size: 0.75rem;
+  padding: 5px 8px;
+  line-height: 1;
   cursor: pointer;
   transition: background 0.2s, color 0.2s;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .copy-btn:hover {