Skip to content

Commit 5afcb8e

Browse files
sng-asyncfuncclaude
sng-asyncfunc
and
claude
committed
feat(demo): OG / social-share image + meta tags
Add a 1200x630 Open Graph image in the Geist dual-tone aesthetic (rendered from an HTML template via headless Chrome) and the og:/twitter: meta tags, so sharing https://codexauth.sharenow.today renders a proper large-image card. og.png is served at the site root and referenced by absolute URL. Verified live (200, image/png) with summary_large_image. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
1 parent 05b0514 commit 5afcb8e

3 files changed

Lines changed: 29 additions & 1 deletion

File tree

‎demo/index.html‎

Lines changed: 29 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,35 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
6-
<title>🟢 &lt;CodexAuth /&gt;</title>
6+
<title>CodexAuth — Login with ChatGPT, as a React component</title>
7+
<meta
8+
name="description"
9+
content="A headless React component for 'Login with ChatGPT'. Your users sign in with their own ChatGPT account and run prompts on it — you never pay OpenAI."
10+
/>
11+
12+
<!-- Open Graph -->
13+
<meta property="og:type" content="website" />
14+
<meta property="og:site_name" content="CodexAuth" />
15+
<meta property="og:title" content="CodexAuth — Login with ChatGPT, as a React component" />
16+
<meta
17+
property="og:description"
18+
content="Your users sign in with their own ChatGPT account and run prompts on it. You never pay OpenAI."
19+
/>
20+
<meta property="og:url" content="https://codexauth.sharenow.today/" />
21+
<meta property="og:image" content="https://codexauth.sharenow.today/og.png" />
22+
<meta property="og:image:width" content="1200" />
23+
<meta property="og:image:height" content="630" />
24+
<meta property="og:image:alt" content="CodexAuth — Login with ChatGPT, as a React component" />
25+
26+
<!-- Twitter -->
27+
<meta name="twitter:card" content="summary_large_image" />
28+
<meta name="twitter:title" content="CodexAuth — Login with ChatGPT, as a React component" />
29+
<meta
30+
name="twitter:description"
31+
content="Your users sign in with their own ChatGPT account and run prompts on it. You never pay OpenAI."
32+
/>
33+
<meta name="twitter:image" content="https://codexauth.sharenow.today/og.png" />
34+
735
<style>
836
html, body, #root { margin: 0; height: 100%; }
937
body { background: #0a0a0a; }

‎demo/public/og.png‎

82.8 KB
Loading

‎docs/screenshots/og.png‎

102 KB
Loading

0 commit comments

Comments
 (0)