Files
node-explorer/index.html
Kevin CodexandClaude Fable 5 c48bede2fa Add Open Graph and Twitter card metadata with branded share image (#7)
* Add Open Graph and Twitter card metadata with branded share image

Sharing the explorer link previously produced a bare, imageless card.
index.html now carries og:/twitter: metadata with absolute URLs (link
scrapers don't resolve relative paths or run JS), and public/og.png is
a 1200x630 card in the app's own terminal aesthetic: blueprint grid,
gitlawb mark + "explorer." wordmark, and a real repo row with activity
sparkline. 41 KB, rendered from a JetBrains Mono HTML template.

Co-Authored-By: Claude Fable 5 <[email protected]>

* Feature openclaude in the OG card repo row

Real repo data from the node: z6MkqDnb/openclaude, its actual branch
and update recency, described by its README one-liner.

Co-Authored-By: Claude Fable 5 <[email protected]>

---------

Co-authored-by: Claude Fable 5 <[email protected]>
2026-07-03 09:56:00 +08:00

43 lines
2.3 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>gitlawb explorer</title>
<meta name="description" content="Browse live repositories on the gitlawb network — clone over gitlawb://, inspect ownership, and verify push certificates." />
<!-- Open Graph (absolute URLs — scrapers don't resolve relative paths) -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="gitlawb explorer" />
<meta property="og:title" content="gitlawb explorer" />
<meta property="og:description" content="Browse live repositories on the gitlawb network — clone over gitlawb://, inspect ownership, and verify push certificates." />
<meta property="og:url" content="https://explorer.gitlawb.com" />
<meta property="og:image" content="https://explorer.gitlawb.com/og.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="gitlawb explorer — a terminal-style browser for live repositories on the gitlawb network" />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="gitlawb explorer" />
<meta name="twitter:description" content="Browse live repositories on the gitlawb network — clone over gitlawb://, inspect ownership, and verify push certificates." />
<meta name="twitter:image" content="https://explorer.gitlawb.com/og.png" />
<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=JetBrains+Mono:wght@400;500;700;800&display=swap" rel="stylesheet" />
<!-- Anti-FOUC: set theme class before first paint. Dark is the default theme. -->
<script>
(function () {
var t = localStorage.getItem('theme');
var dark = t ? t === 'dark' : true;
document.documentElement.classList.toggle('dark', dark);
})();
</script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>