[+] Create maintenance page

2019-12-02 16:18:14 -05:00
parent d267867381
commit ee7045a120
1 changed files with 29 additions and 0 deletions
@@ -0,0 +1,29 @@
+<template>
+    <div id="maintenance">
+        <h1>We&rsquo;ll be back soon!</h1>
+        <div>
+            <p>Sorry for the inconvenience but we&rsquo;re performing some maintenance at the moment.
+                We&rsquo;ll be back online shortly!</p>
+            <p>&mdash; Veracross Analyzer</p>
+        </div>
+    </div>
+</template>
+
+<script lang="ts">
+    import {Component, Vue} from 'vue-property-decorator';
+
+    @Component
+    export default class Maintenance extends Vue
+    {
+
+    }
+</script>
+
+<style scoped>
+    body {text-align: center; padding: 150px;}
+    h1 {font-size: 50px;}
+    body {font: 20px Helvetica, sans-serif; color: #333;}
+    article {display: block; text-align: left; width: 650px; margin: 0 auto;}
+    a {color: #dc8100; text-decoration: none;}
+    a:hover {color: #333; text-decoration: none;}
+</style>