north-star / commit
added linking info
src/app.js | 3 ++- src/index.html | 11 +++++++++++ 2 files changed, 13 insertions(+), 1 deletion(-) diff --git a/src/app.js b/src/app.js index 20be4a1..068ad78 100644 --- a/src/app.js +++ b/src/app.js @@ -410,7 +410,8 @@ if (inviteRoomLink) { event.preventDefault(); try { - await copyTextToClipboard(inviteRoomLink.href); + const inviteText = `Join me on North Star — live arrows pointing to each other, no account needed:\n${inviteRoomLink.href}`; + await copyTextToClipboard(inviteText); setInviteStatus('Copied!'); } catch (err) { console.error('Failed to copy invite URL', err); diff --git a/src/index.html b/src/index.html index f60a72e..a922bdb 100644 --- a/src/index.html +++ b/src/index.html @@ -5,6 +5,17 @@ <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>North Star</title> + + <!-- Share card (Open Graph + Twitter/X) --> + <meta property="og:type" content="website" /> + <meta property="og:title" content="Someone wants you to know where they are 📍" /> + <meta property="og:description" content="North Star shows live arrows pointing toward your friends. No account needed, end-to-end encrypted, works on any phone." /> + <meta property="og:url" content="https://pavelsafronov.gitlab.io/north-star/" /> + <meta name="twitter:card" content="summary" /> + <meta name="twitter:title" content="Someone wants you to know where they are 📍" /> + <meta name="twitter:description" content="North Star shows live arrows pointing toward your friends. No account needed, end-to-end encrypted, works on any phone." /> + <meta name="description" content="North Star shows live arrows pointing toward your friends. No account needed, end-to-end encrypted, works on any phone." /> + <link rel="stylesheet" href="style.css" /> </head>