Add footer and copyright

www/layouts/default.vue

@@ -25,10 +25,17 @@
       </b-collapse>
     </b-navbar>
     <Nuxt />
+    <b-row class="row-space">
+      <b-col md="4" offset-md="4">
+        <div class="footer">
+          © 2020 toozhao.com
+        </div>
+      </b-col>
+    </b-row>
   </div>
 </template>
 
-<style>
+<style lang="scss">
 html {
   font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI",
     Roboto, "Helvetica Neue", Arial, sans-serif;
@@ -40,7 +47,12 @@ html {
   -webkit-font-smoothing: antialiased;
   box-sizing: border-box;
 }
-
+.footer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 13px;
+}
 *,
 *::before,
 *::after {

www/pages/index.vue

@@ -10,7 +10,7 @@
       </b-row>
       <b-row class="row-space">
         <b-col md="2" offset-md="5">
-          <b-button variant="primary">Generate Badge</b-button>
+          <b-button variant="primary">Coming soon...</b-button>
         </b-col>
       </b-row>
       <b-row class="row-space">