From c354a348add581153d7a013213c8fb6c3af656a4 Mon Sep 17 00:00:00 2001
From: "Daniel J. Summers" <daniel.summers.2415@gmail.com>
Date: Fri, 4 Aug 2017 19:11:44 -0500
Subject: [PATCH] Added 404 placeholder, social media links

---
 src/components/FourOhFour.vue         | 39 +++++++++++++++++++++++++++
 src/components/sidebar/AppSidebar.vue |  6 +++++
 src/router/index.js                   |  4 ++-
 3 files changed, 48 insertions(+), 1 deletion(-)
 create mode 100644 src/components/FourOhFour.vue

diff --git a/src/components/FourOhFour.vue b/src/components/FourOhFour.vue
new file mode 100644
index 0000000..2592a10
--- /dev/null
+++ b/src/components/FourOhFour.vue
@@ -0,0 +1,39 @@
+<template lang="pug">
+  article
+    page-title(title="Not Found (404)")
+    h1 Not Found (404)
+    p.
+      Looks like you've stumbled into the part of this site where we have no content to give you. Of course, you could
+      have hit an actual link that we moved, but missed setting up redirection for it. If that is the case, one of the
+      links below may be what you need.
+    ul
+      li.
+        The #[strong Linux Software Repository] used to be at #[tt /linux/software], but can now be found at
+        #[a(href="//hosted.djs-consulting.com/software") https://hosted.djs-consulting.com/software]. This
+        includes the OpenSUSE ISOs, SQLDeveloper .deb packages, and Xine RPMs.
+      li.
+        The #[strong My Linux Adventure] and #[strong DJS Consulting Tech Blog] blogs used to be at #[tt /linux/blog],
+        but both have been combined into the latter, and can be found at
+        #[a(href="//techblog.djs-consulting.com") https://techblog.djs-consulting.com].
+      li.
+        #[strong Kathie York]'s portfolio, formerly at #[tt /hosted/kathieyork], is now at
+        #[a(href="//hosted.djs-consulting.com/kathieyork") https://hosted.djs-consulting.com/kathieyork].
+      li.
+        #[strong Daniel J. Summers]'s personal site, formerly at #[tt /personal] (and a really ancient copy at
+        #[tt /old_personal]), is now at #[a(href="//daniel.summershome.org") https://daniel.summershome.org].
+      li.
+        The #[strong Not So Extreme Makeover: Community Edition] archive site, previously at
+        #[tt /archived/notsoextreme_org], can now be found at
+        #[a(href="//hosted.djs-consulting.com/archive/notsoextreme_org") https://hosted.djs-consulting.com/archive/notsoextreme_org].
+</template>
+
+<script>
+import PageTitle from './PageTitle.vue'
+
+export default {
+  name: 'four-oh-four',
+  components: {
+    PageTitle
+  }
+}
+</script>
diff --git a/src/components/sidebar/AppSidebar.vue b/src/components/sidebar/AppSidebar.vue
index 7ff6a9c..f68cf86 100644
--- a/src/components/sidebar/AppSidebar.vue
+++ b/src/components/sidebar/AppSidebar.vue
@@ -1,5 +1,11 @@
 <template lang="pug">
   aside
+    p
+      strong.sidebar-name Connect with Us
+      br
+      a(href="https://twitter.com/DJS_Consulting" title="DJS_Consulting on Twitter") Twitter
+      | &nbsp;&bull;&nbsp;
+      a(href="https://www.facebook.com/pages/DJS-Consulting/262368048575" title="DJS Consulting on Facebook") Facebook
     sidebar-category(v-for="category in cats" v-bind:category="category" v-bind:key="category.id")
 </template>
 
diff --git a/src/router/index.js b/src/router/index.js
index 138a0a6..fede822 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -4,6 +4,7 @@ import Router from 'vue-router'
 import Home from '@/components/Home'
 import Application from '@/components/Application'
 import ApplicationList from '@/components/ApplicationList'
+import FourOhFour from '@/components/FourOhFour'
 
 import Linux from '@/components/linux/Linux'
 import Averatec from '@/components/linux/Averatec'
@@ -19,6 +20,7 @@ export default new Router({
     { path: '/applications', name: 'ApplicationList', component: ApplicationList },
     { path: '/linux/installing-wbel4-rhel4-on-an-averatec-6200-laptop', name: 'Averatec', component: Averatec },
     { path: '/linux/xine-rpms-for-el-x86_64-architecture', name: 'XineRPMs', component: XineRPMs },
-    { path: '/linux', name: 'Linux', component: Linux }
+    { path: '/linux', name: 'Linux', component: Linux },
+    { path: '*', name: 'FourOhFour', component: FourOhFour }
   ]
 })