Add text to encourage comments on blog post; invisible by default

[stefanv]

No description provided.

[netlify]

❌ Deploy Preview for scientific-python-hugo-theme failed.

Built without sensitive environment variables

Name	Link
🔨 Latest commit	2be604b
🔍 Latest deploy log	https://app.netlify.com/projects/scientific-python-hugo-theme/deploys/698690140ef34a0008120e26

[agriyakhetarpal]

I think this would be nice. Side note; the linkchecker plugin invites a lot of noise. I'd like to change that later on, as we've discussed previously. Do you think you'll change the visibility of the please-comment container using JS? Also, shouldn't we do this for the blog/single.html layout directly?

[stefanv]

In the accompanying PR on the blog site, I show how to enable it using CSS
I wasn't convinced that it is the best design, but it does the trick
I'm happy to have you make a recommendation!

[agriyakhetarpal]

Thanks! Hmm, no, CSS is indeed the best design. For some reason I thought https://github.com/scientific-python/blog.scientific-python.org/blob/a2e9beccc6d837d7bce1b89d97ec29cdd1e1cb33/layouts/partials/posts/comments.html was part of the theme and I am surprised it isn't (so my suggestion to put it in blog/single.html doesn't make sense right now). I think we should add that JS here and enable it behind a Hugo config flag (keeping it disabled by default).

Is this PR ready for review/merging as is? I'm happy to approve if it works for you.

[stefanv]

For the theme, I think having giscus as the default commenting mechanism makes most sense.

The setup we have for connecting to discuss is very bespoke.

[stefanv]

I think this one's okay. Not perfect, but fine for now.

[agriyakhetarpal]

Let's land this, then. Thanks @stefanv!

[agriyakhetarpal]

Suggested change

	<div class="post-meta">{{ partial "posts/meta.html" . }}
	<span class="please-comment">🖊️ Please add your comments <a href="#discourse-comments">below!</a></span>
	</div>
	<div class="post-meta">{{ partial "posts/meta.html" . }}
	<span class="post-please-comment">🖊️ Please add your comments <a href="#discourse-comments">below!</a></span>
	</div>