Skip to content

Commit 4a6cd61

Browse files
v13: OGP / Twitter Card tags, og-image.png, favicon, dynamic document.title
1 parent 1558af9 commit 4a6cd61

5 files changed

Lines changed: 109 additions & 64 deletions

File tree

app.js

Lines changed: 64 additions & 64 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

index.html

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,25 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
66
<title>JSS Git</title>
7+
<meta name="description" content="Browse git repositories hosted on Solid pods. Open source, no-build Preact + isomorphic-git web app.">
8+
9+
<!-- Open Graph -->
10+
<meta property="og:title" content="JSS Git — git on a Solid pod">
11+
<meta property="og:description" content="Browse git repositories hosted on Solid pods. Open source, no-build Preact + isomorphic-git web app.">
12+
<meta property="og:type" content="website">
13+
<meta property="og:url" content="https://jss.live/git/">
14+
<meta property="og:image" content="https://jss.live/git/og-image.png">
15+
<meta property="og:image:width" content="1200">
16+
<meta property="og:image:height" content="630">
17+
<meta property="og:site_name" content="JSS Git">
18+
19+
<!-- Twitter Card -->
20+
<meta name="twitter:card" content="summary_large_image">
21+
<meta name="twitter:title" content="JSS Git — git on a Solid pod">
22+
<meta name="twitter:description" content="Browse git repositories hosted on Solid pods.">
23+
<meta name="twitter:image" content="https://jss.live/git/og-image.png">
24+
25+
<link rel="icon" href="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cline%20x1%3D%226%22%20y1%3D%227%22%20x2%3D%226%22%20y2%3D%2217%22%20stroke%3D%22%231f883d%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%226%22%20y1%3D%2212%22%20x2%3D%2216%22%20y2%3D%2212%22%20stroke%3D%22%231f883d%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%222.5%22%20fill%3D%22%23fff%22%20stroke%3D%22%231f883d%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%222.5%22%20fill%3D%22%23fff%22%20stroke%3D%22%231f883d%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2212%22%20r%3D%222.5%22%20fill%3D%22%23fff%22%20stroke%3D%22%231f883d%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E">
726
<style>
827
body {
928
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

og-image.png

102 KB
Loading

og-image.svg

Lines changed: 22 additions & 0 deletions
Loading

src/app.js

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -389,6 +389,10 @@ function App() {
389389

390390
setRepoReady(true);
391391

392+
// Update document title for browser tab + bookmarks
393+
const { owner, repo } = parseRepoUrl(repoUrl);
394+
document.title = `${owner}/${repo} · JSS Git`;
395+
392396
if (path) await loadPath(path);
393397
} catch (e) {
394398
setError(e.message || String(e));

0 commit comments

Comments
 (0)