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:
@@ -17,7 +17,15 @@ This runs:
|
||||
Fix every error and warning before proceeding to commit. If `gofmt` reports
|
||||
unformatted files, run `gofmt -w .` and re-check.
|
||||
|
||||
## Commit Messages
|
||||
## Committing and Pushing
|
||||
|
||||
Use concise, descriptive commit messages in imperative mood. Keep the first line
|
||||
under 72 characters.
|
||||
After changes appear to be working, commit and push them. Only stage
|
||||
intended files — never commit binaries, databases, secrets, or other
|
||||
generated artifacts. Use concise, descriptive commit messages in
|
||||
imperative mood. Keep the first line under 72 characters.
|
||||
|
||||
```sh
|
||||
git add <intended files>
|
||||
git commit -m "description of changes"
|
||||
git push
|
||||
```
|
||||
|
||||
@@ -15,6 +15,10 @@ body { max-width: 960px; margin: 0 auto; padding: 2rem 1rem; }
|
||||
.form-flex-slug { flex: 1; min-width: 160px; }
|
||||
.podcast-img-preview { margin-top: 1rem; }
|
||||
.podcast-img-preview img { max-width: 150px; max-height: 150px; border: 2px solid #000; }
|
||||
.rss-card { margin-bottom: 1.5rem; }
|
||||
.rss-row { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.5rem; font-size: 0.85rem; }
|
||||
.rss-row code { font-size: 0.85rem; cursor: pointer; }
|
||||
.rss-row code:hover { text-decoration: underline; }
|
||||
.rss-label { color: #666; font-weight: 600; white-space: nowrap; }
|
||||
.rss-copied { color: #2e7d32; font-size: 0.75rem; font-weight: 600; }
|
||||
.new-ep-row { margin-bottom: 1.5rem; }
|
||||
.ep-thumb { max-width: 48px; max-height: 48px; border: 1px solid #000; }
|
||||
|
||||
+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