[+] 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>