From 751530fc9e38207a624bc60b852d44a3bc6134fa Mon Sep 17 00:00:00 2001
From: Marcos Moura <marcosvmmoura@gmail.com>
Date: Mon, 28 Nov 2016 16:27:17 -0200
Subject: [PATCH] create error page with the new template

---
 docs/src/assets/logo-vue-material-red.png | Bin 0 -> 4037 bytes
 docs/src/config.js                        |   4 ++++
 docs/src/index.js                         |   2 ++
 docs/src/pages/Error.vue                  |  24 +++++++++++++++-------
 4 files changed, 23 insertions(+), 7 deletions(-)
 create mode 100644 docs/src/assets/logo-vue-material-red.png

diff --git a/docs/src/assets/logo-vue-material-red.png b/docs/src/assets/logo-vue-material-red.png
new file mode 100644
index 0000000000000000000000000000000000000000..617ff3fb7f046f4487809a985d70af803209b77a
GIT binary patch
literal 4037
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

literal 0
HcmV?d00001

diff --git a/docs/src/config.js b/docs/src/config.js
index 27dbc5b..3f5a58f 100644
--- a/docs/src/config.js
+++ b/docs/src/config.js
@@ -51,6 +51,10 @@ Vue.material.theme.registerAll({
     primary: 'cyan',
     accent: 'pink'
   },
+  red: {
+    primary: 'red',
+    accent: 'pink'
+  },
   white: {
     primary: 'white',
     accent: 'blue'
diff --git a/docs/src/index.js b/docs/src/index.js
index dd9d4ee..a6fad92 100644
--- a/docs/src/index.js
+++ b/docs/src/index.js
@@ -51,6 +51,8 @@ let handleSectionTheme = (currentRoute) => {
     Docs.theme = 'orange';
   } else if (currentRoute.name.indexOf('about') >= 0) {
     Docs.theme = 'green';
+  } else if (currentRoute.name.indexOf('error') >= 0) {
+    Docs.theme = 'red';
   } else {
     Docs.theme = 'default';
   }
diff --git a/docs/src/pages/Error.vue b/docs/src/pages/Error.vue
index 667b1f2..7ab95ea 100644
--- a/docs/src/pages/Error.vue
+++ b/docs/src/pages/Error.vue
@@ -1,9 +1,19 @@
 <template>
-  <single-page class="single-page-home" label="Error">
-    <single-page-banner label="Error 404"></single-page-banner>
-
-    <h2 class="md-headline">Hmmm. Too bad</h2>
-    <p>Are you searching for a new component? Or maybe you have an question? Get in touch!</p>
-    <md-button class="md-primary md-raised" href="https://github.com/marcosmoura/vue-material/issues/new" target="_blank" rel="noopener">New Issue</md-button>
-  </single-page>
+  <page-content page-title="Error">
+    <div class="main-content">
+      <section>
+        <h2 class="md-headline">Hmmm. Too bad</h2>
+        <p>Are you searching for a new component? Or maybe you have an question? Get in touch!</p>
+        <md-button class="md-primary md-raised" href="mailto:marcosvmmoura@gmail.com?Subject=Vue%20Material%20-%20Question" target="_blank" rel="noopener">E-mail</md-button>
+        <md-button class="md-primary md-raised" href="https://github.com/marcosmoura/vue-material/issues/new" target="_blank" rel="noopener">New Issue</md-button>
+      </section>
+    </div>
+  </page-content>
 </template>
+
+<style lang="scss" scoped>
+  section {
+    margin-top: 64px;
+    text-align: center;
+  }
+</style>