site: end-of-review "Discuss it here" CTA linking the Stoop space
This commit is contained in:
@@ -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>
|
||||||
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user