make RSS feed link smaller and more subtle
Build and Deploy / build-and-deploy (push) Successful in 47s
Build and Deploy / build-and-deploy (push) Successful in 47s
Replace the full neobrutalism card with a compact inline row. The URL is now clickable to copy, with a brief Copied! confirmation.
This commit is contained in:
+8
-12
@@ -62,15 +62,11 @@
|
||||
{{end}}
|
||||
</div>
|
||||
|
||||
<div class="nb-card rss-card">
|
||||
<div class="nb-card-content">
|
||||
<h4 class="nb-card-title">RSS Feed</h4>
|
||||
<p class="nb-card-text">
|
||||
<code id="rss-url"></code>
|
||||
<span id="rss-url-src" hidden>{{.RSSURL}}</span>
|
||||
<button class="nb-button default" onclick="copyRSS()">Copy</button>
|
||||
</p>
|
||||
</div>
|
||||
<div class="rss-row">
|
||||
<span class="rss-label">RSS Feed</span>
|
||||
<code id="rss-url" onclick="copyRSS()"></code>
|
||||
<span id="rss-url-src" hidden>{{.RSSURL}}</span>
|
||||
<span class="rss-copied" id="rss-copied" hidden>Copied!</span>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
@@ -104,9 +100,9 @@
|
||||
document.getElementById('rss-url').textContent = rssURL;
|
||||
function copyRSS() {
|
||||
navigator.clipboard.writeText(rssURL).then(() => {
|
||||
const btn = event.target;
|
||||
btn.textContent = 'Copied!';
|
||||
setTimeout(() => btn.textContent = 'Copy', 1500);
|
||||
const el = document.getElementById('rss-copied');
|
||||
el.hidden = false;
|
||||
setTimeout(() => el.hidden = true, 1500);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user