Provide mechanism to give page feedback

Author: frison

.github/ISSUE_TEMPLATE/page-feedback.yml

@@ -0,0 +1,20 @@
+name: Page Feedback
+description: Suggest changes or report issues with a page
+labels: [feedback]
+body:
+  - type: input
+    id: url
+    attributes:
+      label: Page URL
+      description: The page this feedback is about.
+      placeholder: https://ofthemachine.github.io/100hellos-docs/...
+    validations:
+      required: true
+  - type: textarea
+    id: suggestions
+    attributes:
+      label: Feedback
+      description: What would you like to change or report?
+      placeholder: Describe the issue or suggestion.
+    validations:
+      required: true

src/components/Footer.js

@@ -1,5 +1,17 @@
 import React from 'react'
 
+const SITE_URL = 'https://ofthemachine.github.io/100hellos-docs'
+
+function feedbackUrl(path) {
+  const pageUrl = `${SITE_URL}${path}`
+  const params = new URLSearchParams({
+    template: 'page-feedback.yml',
+    title: `[Feedback] ${path}`,
+    url: pageUrl,
+  })
+  return `https://github.com/ofthemachine/100hellos-docs/issues/new?${params}`
+}
+
 const styles = {
   footer: {
     borderTop: '1px solid var(--border)',
@@ -20,6 +32,7 @@ const styles = {
 }
 
 export default function Footer() {
+  const path = typeof window !== 'undefined' ? window.location.pathname.replace('/100hellos-docs', '') || '/' : '/'
   return (
     <footer style={styles.footer}>
       <p style={styles.text}>
@@ -30,6 +43,10 @@ export default function Footer() {
         <a href="https://github.com/ofthemachine/fraglet" style={styles.link} target="_blank" rel="noopener noreferrer">
           fraglet
         </a>
+        {' · '}
+        <a href={feedbackUrl(path)} style={styles.link} target="_blank" rel="noopener noreferrer">
+          Suggest Changes
+        </a>
       </p>
     </footer>
   )