this repo has no description
Use banner image instead of avatar for OG embed image
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
+3
-3
+2
-2
dist/index.html
+2
-2
dist/index.html
···
2
2
3
3
Happy to be here. "><!-- Favicon --><link rel="icon" href="/favicon.ico" sizes="32x32"><link rel="icon" type="image/png" href="/icon-192.png" sizes="192x192"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><!-- Open Graph --><meta property="og:type" content="website"><meta property="og:title" content="Nate Spilman — natespilman.com"><meta property="og:description" content="Software - urban biking - music
4
4
5
-
Happy to be here. "><meta property="og:image" content="https://cdn.bsky.app/img/avatar/plain/did:plc:c7frv4rcitff3p2nh7of5bcv/bafkreia2ueoja2p4k2mqcmjhphtqdh4nqa7wdhbmlc34fuqt7cnp3fmgga"><meta property="og:url" content="https://natespilman.com/"><meta property="og:site_name" content="Nate Spilman"><!-- Twitter Card --><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Nate Spilman — natespilman.com"><meta name="twitter:description" content="Software - urban biking - music
5
+
Happy to be here. "><meta property="og:image" content="https://cdn.bsky.app/img/banner/plain/did:plc:c7frv4rcitff3p2nh7of5bcv/bafkreies6omq36whvreselkdjj2xl4mf2iw4jkqfg7bpwshoesmila6eh4"><meta property="og:url" content="https://natespilman.com/"><meta property="og:site_name" content="Nate Spilman"><!-- Twitter Card --><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Nate Spilman — natespilman.com"><meta name="twitter:description" content="Software - urban biking - music
6
6
7
-
Happy to be here. "><meta name="twitter:image" content="https://cdn.bsky.app/img/avatar/plain/did:plc:c7frv4rcitff3p2nh7of5bcv/bafkreia2ueoja2p4k2mqcmjhphtqdh4nqa7wdhbmlc34fuqt7cnp3fmgga"><link rel="canonical" href="https://natespilman.com/"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800;900&display=swap" rel="stylesheet"><style>:root{--red: #C0392B;--blue: #1B2A4A;--yellow: #F7C948;--green: #2D6A4F;--steel: #7B8794;--black: #1A1A2E;--white: #FAF9F6;--text: #1A1A2E;--text-light: #3D3D5C;--text-muted: #7B8794;--stroke: #1A1A2E;--border: 6px solid #1A1A2E}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Futura,Century Gothic,Arial,sans-serif;color:var(--text);background:var(--white);line-height:1.5;min-height:100vh}a{color:var(--blue);text-decoration:none}a:hover{color:var(--black)}.page{position:relative;z-index:1}.banner{width:100%;height:200px;position:relative;overflow:hidden;border-bottom:var(--border)}.banner img{width:100%;height:100%;object-fit:cover;filter:contrast(1.1) saturate(.85)}.section-content{max-width:720px;margin:0 auto;padding:0}.card{padding:20px 24px;border-bottom:3px solid var(--black);animation:fadeIn .3s ease;transition:background .2s}.card:hover{background:#f7c9481a}.card:last-child{border-bottom:none}.card-title{font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--text);margin-bottom:4px}.card-meta{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:8px}.card-desc{font-size:.9rem;color:var(--text-light);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tag{display:inline-block;font-size:.7rem;color:var(--white);background:var(--black);padding:2px 8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-right:4px;margin-bottom:4px}.loading{text-align:center;padding:40px 0;color:var(--text-muted);font-size:.9rem;font-weight:700;text-transform:uppercase}.loading-dot{display:inline-block;width:8px;height:8px;background:var(--red);margin:0 3px;animation:pulse 1.4s infinite ease-in-out}.loading-dot:nth-child(2){animation-delay:.2s;background:var(--blue)}.loading-dot:nth-child(3){animation-delay:.4s;background:var(--green)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.error-state{text-align:center;padding:40px 20px;color:var(--red);font-weight:700;text-transform:uppercase}.load-more{display:block;margin:24px auto;padding:12px 32px;border:3px solid var(--black);background:transparent;font-family:Futura,Century Gothic,Arial,sans-serif;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--black);cursor:pointer;transition:all .2s}.load-more:hover{background:var(--blue);color:var(--white)}.load-more:disabled{opacity:.4;cursor:default}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.lightbox{position:fixed;inset:0;background:#000000e6;z-index:1000;display:none;align-items:center;justify-content:center;cursor:pointer}.lightbox.open{display:flex}.lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border:var(--border)}@media(max-width:600px){.banner{height:120px}}
7
+
Happy to be here. "><meta name="twitter:image" content="https://cdn.bsky.app/img/banner/plain/did:plc:c7frv4rcitff3p2nh7of5bcv/bafkreies6omq36whvreselkdjj2xl4mf2iw4jkqfg7bpwshoesmila6eh4"><link rel="canonical" href="https://natespilman.com/"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800;900&display=swap" rel="stylesheet"><style>:root{--red: #C0392B;--blue: #1B2A4A;--yellow: #F7C948;--green: #2D6A4F;--steel: #7B8794;--black: #1A1A2E;--white: #FAF9F6;--text: #1A1A2E;--text-light: #3D3D5C;--text-muted: #7B8794;--stroke: #1A1A2E;--border: 6px solid #1A1A2E}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Futura,Century Gothic,Arial,sans-serif;color:var(--text);background:var(--white);line-height:1.5;min-height:100vh}a{color:var(--blue);text-decoration:none}a:hover{color:var(--black)}.page{position:relative;z-index:1}.banner{width:100%;height:200px;position:relative;overflow:hidden;border-bottom:var(--border)}.banner img{width:100%;height:100%;object-fit:cover;filter:contrast(1.1) saturate(.85)}.section-content{max-width:720px;margin:0 auto;padding:0}.card{padding:20px 24px;border-bottom:3px solid var(--black);animation:fadeIn .3s ease;transition:background .2s}.card:hover{background:#f7c9481a}.card:last-child{border-bottom:none}.card-title{font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--text);margin-bottom:4px}.card-meta{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:8px}.card-desc{font-size:.9rem;color:var(--text-light);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tag{display:inline-block;font-size:.7rem;color:var(--white);background:var(--black);padding:2px 8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-right:4px;margin-bottom:4px}.loading{text-align:center;padding:40px 0;color:var(--text-muted);font-size:.9rem;font-weight:700;text-transform:uppercase}.loading-dot{display:inline-block;width:8px;height:8px;background:var(--red);margin:0 3px;animation:pulse 1.4s infinite ease-in-out}.loading-dot:nth-child(2){animation-delay:.2s;background:var(--blue)}.loading-dot:nth-child(3){animation-delay:.4s;background:var(--green)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.error-state{text-align:center;padding:40px 20px;color:var(--red);font-weight:700;text-transform:uppercase}.load-more{display:block;margin:24px auto;padding:12px 32px;border:3px solid var(--black);background:transparent;font-family:Futura,Century Gothic,Arial,sans-serif;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--black);cursor:pointer;transition:all .2s}.load-more:hover{background:var(--blue);color:var(--white)}.load-more:disabled{opacity:.4;cursor:default}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.lightbox{position:fixed;inset:0;background:#000000e6;z-index:1000;display:none;align-items:center;justify-content:center;cursor:pointer}.lightbox.open{display:flex}.lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border:var(--border)}@media(max-width:600px){.banner{height:120px}}
8
8
</style>
9
9
<link rel="stylesheet" href="/_astro/index.B168e4C1.css"></head> <body> <div class="page"> <div class="banner" data-astro-cid-j77egsiz><img src="https://cdn.bsky.app/img/banner/plain/did:plc:c7frv4rcitff3p2nh7of5bcv/bafkreies6omq36whvreselkdjj2xl4mf2iw4jkqfg7bpwshoesmila6eh4" alt="Banner" data-astro-cid-j77egsiz></div><div class="profile-header" data-astro-cid-j77egsiz> <div class="profile-top" data-astro-cid-j77egsiz> <div class="avatar-wrap" data-astro-cid-j77egsiz> <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:c7frv4rcitff3p2nh7of5bcv/bafkreia2ueoja2p4k2mqcmjhphtqdh4nqa7wdhbmlc34fuqt7cnp3fmgga" alt="Nate Spilman" data-astro-cid-j77egsiz> </div> <div class="profile-info" data-astro-cid-j77egsiz> <h1 class="display-name" data-astro-cid-j77egsiz>Nate Spilman</h1> <p class="handle" data-astro-cid-j77egsiz> <a href="https://bsky.app/profile/natespilman.com" target="_blank" rel="noopener" data-astro-cid-j77egsiz>@natespilman.com</a> </p> </div> </div> <p class="bio" data-astro-cid-j77egsiz>Software - urban biking - music
10
10
+1
-1
src/pages/index.astro
+1
-1
src/pages/index.astro
···
66
66
];
67
67
---
68
68
69
-
<BaseLayout title={`${profile.displayName || HANDLE} — ${HANDLE}`} description={profile.description} image={profile.avatar} url="/">
69
+
<BaseLayout title={`${profile.displayName || HANDLE} — ${HANDLE}`} description={profile.description} image={profile.banner} url="/">
70
70
<ProfileHeader profile={profile} />
71
71
<TabNav tabs={tabs} />
72
72