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 BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import EditAction from '../../components/EditAction.astro';
|
||||
import DiscussCta from '../../components/DiscussCta.astro';
|
||||
import { sourceSlug } from '../../lib/sources';
|
||||
import {
|
||||
resolveExternalLink,
|
||||
@@ -131,6 +132,8 @@ const categoryLabel =
|
||||
<p class="aff-disclosure">{AFFILIATE_DISCLOSURE}</p>
|
||||
)}
|
||||
|
||||
<DiscussCta />
|
||||
|
||||
{import.meta.env.DEV && (
|
||||
<div class="edit-toolbar">
|
||||
<EditAction
|
||||
|
||||
Reference in New Issue
Block a user