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
|
Fix every error and warning before proceeding to commit. If `gofmt` reports
|
||||||
unformatted files, run `gofmt -w .` and re-check.
|
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
|
After changes appear to be working, commit and push them. Only stage
|
||||||
under 72 characters.
|
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; }
|
.form-flex-slug { flex: 1; min-width: 160px; }
|
||||||
.podcast-img-preview { margin-top: 1rem; }
|
.podcast-img-preview { margin-top: 1rem; }
|
||||||
.podcast-img-preview img { max-width: 150px; max-height: 150px; border: 2px solid #000; }
|
.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; }
|
.new-ep-row { margin-bottom: 1.5rem; }
|
||||||
.ep-thumb { max-width: 48px; max-height: 48px; border: 1px solid #000; }
|
.ep-thumb { max-width: 48px; max-height: 48px; border: 1px solid #000; }
|
||||||
|
|||||||
+8
-12
@@ -62,15 +62,11 @@
|
|||||||
{{end}}
|
{{end}}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="nb-card rss-card">
|
<div class="rss-row">
|
||||||
<div class="nb-card-content">
|
<span class="rss-label">RSS Feed</span>
|
||||||
<h4 class="nb-card-title">RSS Feed</h4>
|
<code id="rss-url" onclick="copyRSS()"></code>
|
||||||
<p class="nb-card-text">
|
<span id="rss-url-src" hidden>{{.RSSURL}}</span>
|
||||||
<code id="rss-url"></code>
|
<span class="rss-copied" id="rss-copied" hidden>Copied!</span>
|
||||||
<span id="rss-url-src" hidden>{{.RSSURL}}</span>
|
|
||||||
<button class="nb-button default" onclick="copyRSS()">Copy</button>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -104,9 +100,9 @@
|
|||||||
document.getElementById('rss-url').textContent = rssURL;
|
document.getElementById('rss-url').textContent = rssURL;
|
||||||
function copyRSS() {
|
function copyRSS() {
|
||||||
navigator.clipboard.writeText(rssURL).then(() => {
|
navigator.clipboard.writeText(rssURL).then(() => {
|
||||||
const btn = event.target;
|
const el = document.getElementById('rss-copied');
|
||||||
btn.textContent = 'Copied!';
|
el.hidden = false;
|
||||||
setTimeout(() => btn.textContent = 'Copy', 1500);
|
setTimeout(() => el.hidden = true, 1500);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Reference in New Issue
Block a user