Minor layout adjustments, add proper security headers

Author: sesgoe

gatsby-config.js

@@ -8,6 +8,7 @@ module.exports = {
   },
   plugins: [
     `gatsby-plugin-eslint`,
+    `gatsby-plugin-netlify`,
     `gatsby-plugin-react-helmet`,
     {
       resolve: `gatsby-plugin-manifest`,

package-lock.json

@@ -6,6 +6,7 @@
   "dependencies": {
     "gatsby": "2.23.11",
     "gatsby-plugin-manifest": "2.4.14",
+    "gatsby-plugin-netlify": "^2.3.7",
     "gatsby-plugin-offline": "3.2.13",
     "gatsby-plugin-postcss": "2.3.6",
     "gatsby-plugin-react-helmet": "3.3.6",

package.json

@@ -23,9 +23,9 @@ function AboutPage() {
         </section>
         <section className="mt-4">
           <h2 className="text-sm text-gray-500 text-left sm:text-center">This site was built with <a className="text-blue-300 hover:underline" href="https://www.gatsbyjs.org/">Gatsby</a>, <a className="text-blue-300 hover:underline" href="https://tailwindcss.com/">TailwindCSS</a>, and is deployed on <a className="text-blue-300 hover:underline" href="https://www.netlify.com/">Netlify</a> with <a className="text-blue-300 hover:underline" href="https://www.cloudflare.com/">Cloudflare</a> acting as a cache.</h2>
-          <h2 className="text-sm text-gray-500 text-left sm:text-center">You can find the source at <a className="text-blue-300 hover:underline" href="https://github.com/sesgoe/how-do-you-exit-vim">github.com/sesgoe/how-do-you-exit-vim</a></h2>
+          <h2 className="text-sm text-gray-500 text-left sm:text-center mt-2">You can find the source code at <a className="text-blue-300 hover:underline" href="https://github.com/sesgoe/how-do-you-exit-vim">github.com/sesgoe/how-do-you-exit-vim</a></h2>
         </section>
-        <footer className="mt-4">
+        <footer className="mt-8">
           <h3 className="text-lg text-blue-300 hover:underline text-center"><Link to="/">Main Page</Link></h3>
         </footer>
       </main>

src/pages/about.js

@@ -20,7 +20,7 @@ function IndexPage() {
         />
         <h1 className="text-lg sm:text-2xl"><a className="text-blue-300 hover:underline" href="https://stackoverflow.com/a/11828573/10578398">How to exit vim guide on StackOverflow</a></h1>
       </main>
-      <footer className="mx-auto mt-auto flex mb-8">
+      <footer className="mx-auto flex mt-16">
           <h2 className="text-md sm:text-lg text-blue-300 hover:underline"><Link to="/about">About</Link></h2>
       </footer>
     </div>