Merge remote-tracking branch 'origin/main'

Author: dotsystemsdevs

README.md

@@ -20,19 +20,13 @@ Paste a public GitHub URL. Get a shareable **Certificate of Death** — algorith
 
 Got a dead repo? Add the badge to your README:
 
-[![commitmentissues](https://img.shields.io/badge/%E2%9A%B0%20commitmentissues-declared%20dead-cc0000?style=for-the-badge&labelColor=1a0f06)](https://commitmentissues.dev)
+[![🪦 declared dead](https://img.shields.io/badge/%F0%9F%AA%A6%20declared%20dead-view%20certificate-C4A882?style=for-the-badge&labelColor=cc0000)](https://commitmentissues.dev)
 
 ```markdown
-[![commitmentissues](https://img.shields.io/badge/%E2%9A%B0%20commitmentissues-declared%20dead-cc0000?style=for-the-badge&labelColor=1a0f06)](https://commitmentissues.dev/?repo=YOUR_OWNER/YOUR_REPO)
+[![🪦 declared dead](https://img.shields.io/badge/%F0%9F%AA%A6%20declared%20dead-view%20certificate-C4A882?style=for-the-badge&labelColor=cc0000)](https://commitmentissues.dev/?repo=YOUR_OWNER/YOUR_REPO)
 ```
 
-Or embed the full certificate image:
-
-```markdown
-[![Certificate of Death](https://commitmentissues.dev/api/certificate-image/YOUR_OWNER/YOUR_REPO)](https://commitmentissues.dev/?repo=YOUR_OWNER/YOUR_REPO)
-```
-
-Both are generated automatically on the certificate page — just hit **Copy** after analyzing your repo.
+The badge and full certificate embed markdown are generated automatically on the certificate page — just hit **Copy** after analyzing your repo.
 
 ## Screenshots
 
@@ -48,7 +42,7 @@ Both are generated automatically on the certificate page — just hit **Copy** a
 - **Algorithmic scoring** — `src/lib/scoring.ts` computes a death index from commit activity, archive status, issue count, and time since last push
 - **Export** — PNG downloads in multiple aspect ratios: A4, Instagram (4:5 and 1:1), X/Twitter (16:9), Facebook feed, and Stories (9:16)
 - **Mobile share** — Native share sheet on iOS/Android with a story-formatted image
-- **README badge** — Embed a `⚰ DECLARED DEAD` shields.io badge linking back to the certificate
+- **README badge** — Embed a `🪦 DECLARED DEAD | VIEW CERTIFICATE` shields.io badge linking back to the certificate
 - **Certificate embed** — Full certificate image via `/api/certificate-image/[owner]/[repo]` for GitHub READMEs
 - **Recently Buried** — Live scrolling feed of the latest public burials
 - **Famous Casualties** — Curated graveyard of famously abandoned repos

src/app/api/certificate-image/[owner]/[repo]/route.tsx

@@ -23,11 +23,11 @@ async function loadFont(family: string, weight: number): Promise<ArrayBuffer | n
   try {
     const css = await fetch(
       `https://fonts.googleapis.com/css2?family=${family.replace(/\s+/g, '+')}:wght@${weight}&display=swap`,
-      { headers: { 'User-Agent': 'Mozilla/5.0 Chrome/120' } }
+      { headers: { 'User-Agent': 'Mozilla/5.0 Chrome/120' }, signal: AbortSignal.timeout(3000) }
     ).then(r => r.text())
     const m = css.match(/url\((https:\/\/fonts\.gstatic\.com[^)]+)\)\s+format\(['"]woff2['"]\)/)
     if (!m) return null
-    return fetch(m[1]).then(r => r.arrayBuffer())
+    return fetch(m[1], { signal: AbortSignal.timeout(3000) }).then(r => r.arrayBuffer())
   } catch {
     return null
   }

src/components/CertificateCard.tsx

@@ -93,7 +93,6 @@ export default function CertificateCard({ cert, onReset }: Props) {
   const [showInlineShare, setShowInlineShare] = useState(false)
   const [copied, setCopied] = useState(false)
   const [badgeCopied, setBadgeCopied] = useState(false)
-  const [embedCopied, setEmbedCopied] = useState(false)
 
   function getPixelRatio(highQuality = false): number {
     if (typeof navigator === 'undefined') return 2
@@ -581,12 +580,9 @@ export default function CertificateCard({ cert, onReset }: Props) {
         {(() => {
           const fullName = cert.repoData.fullName
           const repoUrl = `https://commitmentissues.dev/?repo=${encodeURIComponent(fullName)}`
-          const shieldsUrl = `https://img.shields.io/badge/${encodeURIComponent('⚰ commitmentissues')}-${encodeURIComponent('declared dead')}-cc0000?style=for-the-badge&labelColor=1a0f06`
+          const shieldsUrl = `https://img.shields.io/badge/%F0%9F%AA%A6%20declared%20dead-view%20certificate-C4A882?style=for-the-badge&labelColor=cc0000`
           const badgeMd = `[![commitmentissues](${shieldsUrl})](${repoUrl})`
-          const certImageUrl = `https://commitmentissues.dev/api/certificate-image/${fullName}`
-          const certMd = `[![${cert.repoData.name} — Certificate of Death](${certImageUrl})](${repoUrl})`
-
-          const shieldsPreviewUrl = `https://img.shields.io/badge/${encodeURIComponent('⚰ commitmentissues')}-${encodeURIComponent('declared dead')}-cc0000?style=for-the-badge&labelColor=1a0f06`
+          const shieldsPreviewUrl = `https://img.shields.io/badge/%F0%9F%AA%A6%20declared%20dead-view%20certificate-C4A882?style=for-the-badge&labelColor=cc0000`
 
           const CopyIcon = ({ done }: { done: boolean }) => done
             ? <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
@@ -627,22 +623,14 @@ export default function CertificateCard({ cert, onReset }: Props) {
               </div>
               <div style={{ border: '2px solid #1a1a1a', background: '#FAF6EF', overflow: 'hidden' }}>
                 {/* Badge row — preview + copy icon */}
-                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '12px 12px 12px 14px', borderBottom: '1px solid #d8cfc4', gap: '12px' }}>
+                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '12px 12px 12px 14px', gap: '12px' }}>
                   <div style={{ display: 'flex', flexDirection: 'column', gap: '6px', minWidth: 0 }}>
                     {/* eslint-disable-next-line @next/next/no-img-element */}
                     <img src={shieldsPreviewUrl} alt="commitmentissues badge" style={{ height: '22px', display: 'block' }} />
                     <span style={{ fontFamily: UI, fontSize: '11px', color: '#8a8a8a' }}>links to certificate on commitmentissues.dev</span>
                   </div>
                   {copyBtn(badgeCopied, async () => { try { await navigator.clipboard.writeText(badgeMd); setBadgeCopied(true); setTimeout(() => setBadgeCopied(false), 2000) } catch { /* ignore */ } })}
                 </div>
-                {/* Full certificate row */}
-                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '12px 12px 12px 14px', gap: '12px' }}>
-                  <div style={{ display: 'flex', flexDirection: 'column', gap: '2px', minWidth: 0 }}>
-                    <span style={{ fontFamily: UI, fontSize: '13px', fontWeight: 600, color: '#1a1a1a' }}>Full certificate</span>
-                    <span style={{ fontFamily: UI, fontSize: '11px', color: '#8a8a8a' }}>embeds certificate image in README</span>
-                  </div>
-                  {copyBtn(embedCopied, async () => { try { await navigator.clipboard.writeText(certMd); setEmbedCopied(true); setTimeout(() => setEmbedCopied(false), 2000) } catch { /* ignore */ } })}
-                </div>
               </div>
             </div>
           )

src/components/CertificateFixed.tsx

@@ -87,6 +87,27 @@ const CertificateFixed = forwardRef<HTMLDivElement, Props>(
       >
         {PAPER_TEXTURE_SVG}
 
+        {showStamp && (
+          <div
+            ref={stampRef}
+            className="stamp-animate"
+            style={{
+              position: 'absolute',
+              bottom: '28px',
+              left: '50%',
+              transform: 'translateX(-50%)',
+              pointerEvents: 'none',
+              userSelect: 'none',
+              zIndex: 10,
+            }}
+          >
+            <div style={{ border: '5px solid rgba(139,26,26,0.72)', borderRadius: '4px', padding: '10px 28px', background: 'rgba(139,26,26,0.04)' }}>
+              <span style={{ fontFamily: MONO, fontSize: '13px', fontWeight: 700, letterSpacing: '0.14em', textTransform: 'uppercase', color: 'rgba(139,26,26,0.75)', display: 'block', textAlign: 'center', whiteSpace: 'nowrap' }}>
+                Issued by commitmentissues.dev
+              </span>
+            </div>
+          </div>
+        )}
 
         <div
           style={{
@@ -179,26 +200,6 @@ const CertificateFixed = forwardRef<HTMLDivElement, Props>(
             </p>
           </div>
 
-          {showStamp && (
-            <div
-              ref={stampRef}
-              className="stamp-animate"
-              style={{
-                marginTop: 'auto',
-                display: 'flex',
-                justifyContent: 'center',
-                paddingBottom: '8px',
-                pointerEvents: 'none',
-                userSelect: 'none',
-              }}
-            >
-              <div style={{ border: '5px solid rgba(139,26,26,0.72)', borderRadius: '4px', padding: '10px 28px', background: 'rgba(139,26,26,0.04)' }}>
-                <span style={{ fontFamily: MONO, fontSize: '13px', fontWeight: 700, letterSpacing: '0.14em', textTransform: 'uppercase', color: 'rgba(139,26,26,0.75)', display: 'block', textAlign: 'center', whiteSpace: 'nowrap' }}>
-                  Issued by commitmentissues.dev
-                </span>
-              </div>
-            </div>
-          )}
 
         </div>
       </div>