Add GitHub discussions link

Author: adamwathan

src/components/Post.js

@@ -82,8 +82,18 @@ export default function Post({ meta, children, posts }) {
             </ul>
           </dd>
         </dl>
-        <div className="prose py-10 xl:pb-0 xl:col-span-3 xl:row-span-2">
-          <MDXProvider components={mdxComponents}>{children}</MDXProvider>
+        <div className="divide-y divide-gray-200 xl:pb-0 xl:col-span-3 xl:row-span-2">
+          <div className="prose pt-10 pb-8">
+            <MDXProvider components={mdxComponents}>{children}</MDXProvider>
+          </div>
+          <div className="pt-6 pb-16">
+            <p>
+              Want to talk about this post?{' '}
+              <a href={meta.discussion} className="font-medium text-teal-500 hover:text-teal-600">
+                Discuss this on GitHub &rarr;
+              </a>
+            </p>
+          </div>
         </div>
         <footer className="text-sm font-medium leading-5 divide-y divide-gray-200 xl:col-start-1 xl:row-start-2">
           {(next || previous) && (

src/pages/introducing-linting-for-tailwind-css-intellisense/index.mdx

@@ -12,6 +12,7 @@ export const meta = {
   date: '2020-06-23T18:52:03Z',
   authors: [bradlc],
   image,
+  discussion: 'https://github.com/tailwindcss/tailwindcss/discussions/1956',
 }
 
 Today we’re releasing a new version of the [Tailwind CSS IntelliSense extension for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) that adds Tailwind-specific linting to both your CSS and your markup.