site: end-of-review "Discuss it here" CTA linking the Stoop space

This commit is contained in:
2026-07-10 19:28:59 -04:00
parent 98cace5706
commit dd499bc5ef
2 changed files with 42 additions and 0 deletions
+39
View File
@@ -0,0 +1,39 @@
---
// End-of-article call to action pointing at the site's Stoop discussion space.
// The space is site-wide (one thread space for unique.rzen.dev), so the link is
// the same everywhere; the footer "Feedback" link points here too.
const STOOP_URL = 'https://stoop.rzen.dev/unique';
---
<aside class="discuss" aria-label="Discussion">
<p>
Have a take on this one — a counterpoint, or a find of your own?{' '}
<a href={STOOP_URL} target="_blank" rel="noopener noreferrer">Discuss it here →</a>
</p>
</aside>
<style>
.discuss {
margin: 2.5rem 0 0;
padding: 1.05rem 1.25rem;
border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--rule));
border-radius: 8px;
background: color-mix(in srgb, var(--accent) 6%, transparent);
text-align: center;
}
.discuss p {
margin: 0;
font-size: 1rem;
line-height: 1.5;
color: var(--fg);
}
.discuss a {
font-weight: 600;
color: var(--accent);
text-decoration: none;
white-space: nowrap;
}
.discuss a:hover {
text-decoration: underline;
}
</style>
+3
View File
@@ -2,6 +2,7 @@
import { getCollection, render } from 'astro:content'; import { getCollection, render } from 'astro:content';
import BaseLayout from '../../layouts/BaseLayout.astro'; import BaseLayout from '../../layouts/BaseLayout.astro';
import EditAction from '../../components/EditAction.astro'; import EditAction from '../../components/EditAction.astro';
import DiscussCta from '../../components/DiscussCta.astro';
import { sourceSlug } from '../../lib/sources'; import { sourceSlug } from '../../lib/sources';
import { import {
resolveExternalLink, resolveExternalLink,
@@ -131,6 +132,8 @@ const categoryLabel =
<p class="aff-disclosure">{AFFILIATE_DISCLOSURE}</p> <p class="aff-disclosure">{AFFILIATE_DISCLOSURE}</p>
)} )}
<DiscussCta />
{import.meta.env.DEV && ( {import.meta.env.DEV && (
<div class="edit-toolbar"> <div class="edit-toolbar">
<EditAction <EditAction