feat: podman.live Caddy + social link previews

infra/Caddyfile: add podman.live + www.podman.live (serve app + proxy /api),
so the domain is durable in the canonical config (not just a manual edit).
index.html: Open Graph + Twitter Card meta (title, description, og:image) so
sharing www.podman.live renders a rich preview. Adds a 1200x630 og.png card
(generated from og.svg) under public/.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Kartikeya
2026-06-27 20:22:07 -07:00
parent 924552a025
commit fe37f35522
4 changed files with 57 additions and 1 deletions
+25 -1
View File
@@ -5,7 +5,31 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#0b0f17" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<title>PodMan</title>
<title>PodMan — the teammate that sees what git cant</title>
<meta
name="description"
content="PodMan is an ambient AI teammate that watches your pod's screens in realtime and catches merge collisions before anyone pushes."
/>
<meta property="og:type" content="website" />
<meta property="og:site_name" content="PodMan" />
<meta property="og:url" content="https://www.podman.live/" />
<meta property="og:title" content="PodMan — the teammate that sees what git cant" />
<meta
property="og:description"
content="Ambient AI teammate that watches your pod's screens in realtime and catches merge collisions before anyone pushes."
/>
<meta property="og:image" content="https://www.podman.live/og.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="PodMan — the teammate that sees what git cant" />
<meta
name="twitter:description"
content="Ambient AI teammate that catches merge collisions before anyone pushes."
/>
<meta name="twitter:image" content="https://www.podman.live/og.png" />
</head>
<body>
<div id="root"></div>
Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

+16
View File
@@ -0,0 +1,16 @@
<svg width="1200" height="630" viewBox="0 0 1200 630" xmlns="http://www.w3.org/2000/svg">
<rect width="1200" height="630" fill="#0b0f17" />
<g fill="none" stroke="#34d399" opacity="0.12">
<circle cx="1050" cy="140" r="70" stroke-width="6" />
<circle cx="1050" cy="140" r="140" stroke-width="5" />
<circle cx="1050" cy="140" r="215" stroke-width="4" />
</g>
<rect x="90" y="150" width="104" height="104" rx="24" fill="#0f1629" stroke="#1f2a3a" stroke-width="2" />
<circle cx="176" cy="170" r="8.5" fill="#34d399" />
<text x="142" y="228" text-anchor="middle" font-family="Helvetica, Arial, sans-serif" font-weight="bold" font-size="66" fill="#34d399">P</text>
<text x="222" y="232" font-family="Helvetica, Arial, sans-serif" font-weight="bold" font-size="68" fill="#e7eaf0">PodMan</text>
<text x="92" y="356" font-family="Helvetica, Arial, sans-serif" font-weight="bold" font-size="46" fill="#e7eaf0">The teammate that sees what git can&#8217;t.</text>
<text x="92" y="416" font-family="Helvetica, Arial, sans-serif" font-size="34" fill="#9aa4b2">Catches merge collisions before anyone pushes.</text>
<rect x="92" y="500" width="13" height="13" rx="3" fill="#34d399" />
<text x="118" y="512" font-family="Helvetica, Arial, sans-serif" font-weight="bold" font-size="30" fill="#34d399">podman.live</text>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB