Merge pull request #12 from shane-moore/footer-branch

created footer and some of contact page

.eslintrc.js

@@ -16,5 +16,15 @@ module.exports = {
   ],
   plugins: ['prettier'],
   // add your custom rules here
-  rules: { "prettier/prettier": ["error", { "endOfLine": "auto" }] }
+  rules: {
+    'prettier/prettier': ['error', { endOfLine: 'auto' },
+    ],
+    "max-len": ["error", 140, 2, {
+      ignoreComments: false,
+      ignoreRegExpLiterals: true,
+      ignoreStrings: false,
+      ignoreTemplateLiterals: false,
+    }],
+    "vue/max-attributes-per-line": "off"
+  }
 }

.prettierrc

@@ -1,5 +1,6 @@
 {
   "semi": false,
   "singleQuote": true,
-  "endOfLine":"auto"
+  "endOfLine":"auto",
+  "trailingComma": "all"
 }

components/TheFooter.vue

@@ -12,6 +12,51 @@
             with best practices.
           </div>
         </div>
+        <div class="title-container">
+          <p>Full Stack Developer - Front End Specialist</p>
+          <nuxt-link to="/GetInTouch">
+            AVAILABLE JANUARY 2020. Hire Shane
+            <font-awesome-icon :icon="['fas', 'chevron-right']"
+          /></nuxt-link>
+        </div>
+        <div class="connect-container">
+          <div class="contact-links-container">
+            <div class="linkedin-container">
+              <a href="https://www.linkedin.com/in/shanekmoore/" target="_blank"
+                ><font-awesome-icon :icon="['fab', 'linkedin']" />LINKEDIN</a
+              >
+              <div class="contact-me-description">Let's connect</div>
+            </div>
+            <div class="github-container">
+              <a href="https://github.com/shane-moore" target="_blank"
+                ><font-awesome-icon :icon="['fab', 'github']" />GITHUB</a
+              >
+              <div class="contact-me-description">
+                See some of the tools I've been adding to my belt
+              </div>
+            </div>
+          </div>
+          <div class="routes-container">
+            <div class="route-container">
+              <div class="route">
+                <nuxt-link to="/About">About</nuxt-link>
+              </div>
+              <p class="route__label">About</p>
+            </div>
+            <div class="route-container">
+              <div class="route">
+                <nuxt-link to="/Articles/index">Articles</nuxt-link>
+              </div>
+              <p class="route__label">Articles</p>
+            </div>
+            <div class="route-container">
+              <div class="route">
+                <nuxt-link to="/GetInTouch.vue">Get In Touch</nuxt-link>
+              </div>
+              <p class="route__label">Get In Touch</p>
+            </div>
+          </div>
+        </div>
       </div>
     </nav>
   </div>

components/TheHeader.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <b-navbar toggleable="lg" type="dark" variant="info">
-      <b-navbar-brand href="#">Shane Moore</b-navbar-brand>
+      <b-navbar-brand href="#">Shane K Moore</b-navbar-brand>
 
       <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
 

nuxt.config.js

@@ -33,11 +33,24 @@ export default {
   // Modules for dev and build (recommended) (https://go.nuxtjs.dev/config-modules)
   buildModules: [
     // https://go.nuxtjs.dev/eslint
-    '@nuxtjs/eslint-module',
+    // '@nuxtjs/eslint-module'
   ],
-
   // Modules (https://go.nuxtjs.dev/config-modules)
   modules: [
+    [
+      'nuxt-fontawesome', {
+        imports: [
+          {
+            set: '@fortawesome/free-solid-svg-icons',
+            icons: ['fas']
+          },
+          {
+            set: '@fortawesome/free-brands-svg-icons',
+            icons: ['fab']
+          }
+        ]
+      }
+    ],
     // https://go.nuxtjs.dev/bootstrap
     'bootstrap-vue/nuxt',
     '@nuxtjs/style-resources'