chore (#27): adds intro text and styling

.eslintrc.js

@@ -11,5 +11,12 @@ module.exports = {
   extends: ['@nuxtjs', 'plugin:nuxt/recommended', 'prettier'],
   plugins: [],
   // add your custom rules here
-  rules: {},
+  rules: {
+    "vue/multi-word-component-names": [
+      "error",
+      {
+        "ignores": ["index"]
+      }
+    ]
+  },
 }

pages/index.vue

@@ -1,5 +1,10 @@
 <template>
   <main>
+    <div class="intro">
+      <p>Hi 👋! This template gives you a <a href="https://nuxtjs.org/">Nuxt</a> app with the scaffolding for <a href="https://www.netlify.com/products/functions/">Netlify Functions</a>, <a href="https://www.netlify.com/products/forms/">Forms</a>, and <a href="https://docs.netlify.com/routing/redirects/">Redirects</a>. Our aim was to give you the code you would need to hit the ground running with a few fun features.</p>
+
+      <p>You can find the code for this project on GtiHub at <a href="https://github.com/netlify-templates/nuxt-toolbox">https://github.com/netlify-templates/nuxt-toolbox</a>! Happy coding!</p>
+    </div>
     <FeedbackForm />
     <JokeBlock />
   </main>
@@ -9,4 +14,9 @@
 * {
   font-family: 'Helvetica', sans-serif;
 }
+.intro {
+  min-width: 400px;
+  padding: 10px 40px;
+  width: 60%;
+}
 </style>