Your links: URLs are tappable, plus an Open button per angle
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
@@ -118,8 +118,8 @@ window.IAPPromo = (function () {
|
|||||||
row.innerHTML = '<div class="angle-txt"><div class="angle-head"><span class="angle-name">' + esc(a.name) + '</span><span class="angle-hook">' + esc(a.hook) + '</span>'
|
row.innerHTML = '<div class="angle-txt"><div class="angle-head"><span class="angle-name">' + esc(a.name) + '</span><span class="angle-hook">' + esc(a.hook) + '</span>'
|
||||||
+ (hasVideo ? '<span class="angle-tag">video</span>' : '') + '</div>'
|
+ (hasVideo ? '<span class="angle-tag">video</span>' : '') + '</div>'
|
||||||
+ '<div class="muted small">' + esc(a.use) + '</div>'
|
+ '<div class="muted small">' + esc(a.use) + '</div>'
|
||||||
+ '<div class="mono small angle-url">' + esc(url) + '</div></div>'
|
+ '<a class="mono small angle-url" href="' + esc(url) + '" target="_blank" rel="noopener">' + esc(url) + '</a></div>'
|
||||||
+ '<div class="angle-btns"><button class="btn small" type="button">Copy</button><button class="btn small sec" type="button">Share</button></div>';
|
+ '<div class="angle-btns"><a class="btn small sec" href="' + esc(url) + '" target="_blank" rel="noopener">Open</a><button class="btn small" type="button">Copy</button><button class="btn small sec" type="button">Share</button></div>';
|
||||||
const [copyBtn, shareBtn] = row.querySelectorAll('button');
|
const [copyBtn, shareBtn] = row.querySelectorAll('button');
|
||||||
copyBtn.onclick = async () => { try { await navigator.clipboard.writeText(url); status((a.name === 'General' ? 'Invite' : a.name) + ' link copied.', 'ok'); } catch (e) { status('Copy failed.', 'bad'); } };
|
copyBtn.onclick = async () => { try { await navigator.clipboard.writeText(url); status((a.name === 'General' ? 'Invite' : a.name) + ' link copied.', 'ok'); } catch (e) { status('Copy failed.', 'bad'); } };
|
||||||
shareBtn.onclick = async () => {
|
shareBtn.onclick = async () => {
|
||||||
|
|||||||
@@ -634,7 +634,8 @@ img{max-width:100%}
|
|||||||
.angle-name{font-family:var(--disp);font-weight:700;font-size:15px}
|
.angle-name{font-family:var(--disp);font-weight:700;font-size:15px}
|
||||||
.angle-hook{color:var(--mint);font-size:13px}
|
.angle-hook{color:var(--mint);font-size:13px}
|
||||||
.angle-tag{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-strong);border-radius:999px;padding:1px 7px}
|
.angle-tag{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-strong);border-radius:999px;padding:1px 7px}
|
||||||
.angle-url{overflow-wrap:anywhere;margin-top:4px}
|
.angle-url{overflow-wrap:anywhere;margin-top:4px;display:block;color:var(--mint);text-decoration:none}
|
||||||
|
.angle-url:hover{text-decoration:underline}
|
||||||
.angle-btns{display:flex;gap:8px;flex-wrap:wrap}
|
.angle-btns{display:flex;gap:8px;flex-wrap:wrap}
|
||||||
.angle-btns .btn{margin-top:0}
|
.angle-btns .btn{margin-top:0}
|
||||||
.promo-pills{margin:4px 0 14px}
|
.promo-pills{margin:4px 0 14px}
|
||||||
|
|||||||
+2
-2
@@ -5,7 +5,7 @@
|
|||||||
<title>Member area | InstantAdPay</title>
|
<title>Member area | InstantAdPay</title>
|
||||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap">
|
||||||
<link rel="icon" type="image/png" href="/logo-icon.png">
|
<link rel="icon" type="image/png" href="/logo-icon.png">
|
||||||
<link rel="stylesheet" href="/assets/site.css?v=20260910i">
|
<link rel="stylesheet" href="/assets/site.css?v=20260910j">
|
||||||
</head>
|
</head>
|
||||||
<body class="bo-body">
|
<body class="bo-body">
|
||||||
|
|
||||||
@@ -881,7 +881,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<script src="/assets/common.js?v=20260910c"></script>
|
<script src="/assets/common.js?v=20260910c"></script>
|
||||||
<script src="/assets/wallet.js?v=20260910a"></script>
|
<script src="/assets/wallet.js?v=20260910a"></script>
|
||||||
<script src="/assets/promo.js?v=20260910a"></script>
|
<script src="/assets/promo.js?v=20260910b"></script>
|
||||||
<script src="/assets/my.js?v=20260910m"></script>
|
<script src="/assets/my.js?v=20260910m"></script>
|
||||||
<script src="/assets/chat.js?v=20260907l"></script>
|
<script src="/assets/chat.js?v=20260907l"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
Reference in New Issue
Block a user