Skip to content

Commit 5e77130

Browse files
ux: remove death label badge, add commits/issues section to certificate
- Remove deathLabel stamp from cause of death section (redundant on a death cert) - Add commits + open issues row below stats section - Give badge copy container same dark outline as other buttons Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent dce6886 commit 5e77130

File tree

2 files changed

+13
-8
lines changed

2 files changed

+13
-8
lines changed

src/components/CertificateCard.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -581,7 +581,7 @@ export default function CertificateCard({ cert, onReset }: Props) {
581581
alignItems: 'center',
582582
justifyContent: 'space-between',
583583
gap: '10px',
584-
border: '2px solid #d8cfc4',
584+
border: '2px solid #0a0a0a',
585585
background: '#FAF6EF',
586586
padding: '10px 14px',
587587
}}>

src/components/CertificateFixed.tsx

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -140,13 +140,6 @@ const CertificateFixed = forwardRef<HTMLDivElement, Props>(
140140

141141
<div style={{ flex: 1, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', textAlign: 'center', padding: '34px 0', borderBottom: '2px solid #C4A882' }}>
142142
<p style={{ ...labelStyle, margin: '0 0 14px 0', fontSize: '16px' }}>CAUSE OF DEATH</p>
143-
{cert.deathLabel !== 'too soon to tell' && (
144-
<div style={{ border: '3px solid rgba(139,26,26,0.65)', padding: '5px 18px', marginBottom: '18px', background: 'rgba(139,26,26,0.04)' }}>
145-
<span style={{ fontFamily: MONO, fontSize: '12px', fontWeight: 700, letterSpacing: '0.22em', textTransform: 'uppercase', color: 'rgba(139,26,26,0.80)' }}>
146-
{cert.deathLabel}
147-
</span>
148-
</div>
149-
)}
150143
<p style={{ fontFamily: UI, fontStyle: 'italic', fontWeight: 600, fontSize: '36px', color: '#8B0000', lineHeight: 1.35, maxWidth: '560px', margin: '0' }}>
151144
{cert.causeOfDeath}
152145
</p>
@@ -179,6 +172,18 @@ const CertificateFixed = forwardRef<HTMLDivElement, Props>(
179172
))}
180173
</div>
181174

175+
<div style={{ display: 'flex', alignItems: 'center', padding: '18px 0', borderBottom: '2px solid #C4A882', gap: '0' }}>
176+
<div style={{ flex: 1, textAlign: 'center' }}>
177+
<span style={{ fontFamily: MONO, fontWeight: 700, fontSize: '24px', color: '#1A0F06', lineHeight: 1 }}>{r.commitCount.toLocaleString()}</span>
178+
<p style={{ fontFamily: MONO, fontSize: '12px', color: '#8B6B4A', letterSpacing: '0.3em', textTransform: 'uppercase', margin: '8px 0 0 0' }}>commits</p>
179+
</div>
180+
<div style={{ width: '1px', background: '#C4A882', alignSelf: 'stretch' }} />
181+
<div style={{ flex: 1, textAlign: 'center' }}>
182+
<span style={{ fontFamily: MONO, fontWeight: 700, fontSize: '24px', color: '#1A0F06', lineHeight: 1 }}>{r.openIssuesCount.toLocaleString()}</span>
183+
<p style={{ fontFamily: MONO, fontSize: '12px', color: '#8B6B4A', letterSpacing: '0.3em', textTransform: 'uppercase', margin: '8px 0 0 0' }}>open issues</p>
184+
</div>
185+
</div>
186+
182187
<div style={{ padding: '26px 0', textAlign: 'center' }}>
183188
<p style={{ ...labelStyle, margin: '0 0 14px 0' }}>Last words</p>
184189
<p style={{ fontFamily: UI, fontStyle: 'italic', fontWeight: 600, fontSize: '34px', color: '#8B0000', lineHeight: 1.35, margin: '20px 0 0 0', maxWidth: '560px', marginLeft: 'auto', marginRight: 'auto' }}>

0 commit comments

Comments
 (0)