Add a button for CSAT entries

Author: choldgraf

README.md

@@ -23,6 +23,10 @@ See [the Team Compass blog documentation](https://compass.2i2c.org/communication
 
 ## Website-specific features
 
+### Add a Feedback button to a page or post
+
+Use the `{{< feedback >}}` short-code to add a button that provides a feedback link for the current page. See more information in [our feedback process docs](https://docs.google.com/document/d/1bH5fN2lXcZ-vjQ4Pb4lfaeQbmoCBkN1QYjA7ZaxkmsY/edit?tab=t.dxyyjksnpswv#heading=h.kh8meot2eulc).
+
 ### Automatic GitHub link shortening
 
 This theme will automatically shorten GitHub links and add a little GitHub icon to the front. For example, see the [Jack Eddy Symposium blog post](https://2i2c.org/blog/2022/eddy-symposium-report/).

content/blog/2025/status-page/index.md

@@ -11,6 +11,8 @@ draft: false
 One of 2i2c's goals is to **make the cloud safe for science**.
 A big part of this is making the black box of commercial cloud infrastructure more predictable and reliable, while running a network of community hubs that all operate autonomously.
 
+{{< feedback >}}
+
 As part of this effort, we've created a **status page for 2i2c's network of community hubs**. This is a source of truth to provide a high-level picture of the stability of our infrastructure, and to give us a heads up when things aren't working as expected. You can check it out at:
 
 👉 [**`status.2i2c.org`**](https:status.2i2c.org)

layouts/shortcodes/feedback.html

@@ -0,0 +1,10 @@
+{{/* Hugo shortcode for generating a feedback callout with button */}}
+{{ $url := .Get "url" | default .Page.Permalink }}
+{{ $feedbackForm := "https://docs.google.com/forms/d/e/1FAIpQLSff-u-sWFuwO1-VTgk2Ir7f1nfUUlLevQk_Vkk_jnmcI1nJnw/viewform?usp=pp_url&entry.648332035=" }}
+{{ $fullUrl := printf "%s%s" $feedbackForm $url }}
+
+<a href="{{ $fullUrl }}" target="_blank" rel="noopener" class="text-decoration-none">
+  <div class="alert alert-info d-flex align-items-start p-3" role="button" style="transition: all 0.2s ease;" onmouseover="this.style.backgroundColor='#b3e5fc'" onmouseout="this.style.backgroundColor=''" onfocus="this.style.backgroundColor='#b3e5fc'" onblur="this.style.backgroundColor=''">
+    <div class="fw-bold mb-1"><span style="font-weight:bold">Give us feedback!</span> Click here to provide feedback that will help us make this more impactful.</div>
+  </div>
+</a>