fixes #10: add a footer

src/IbtFooter.vue

@@ -0,0 +1,31 @@
+<template>
+    <md-toolbar id="footer" class="md-dense">
+        <span><a href="https://github.com/raspibo/ibt2">ibt2</a> &copy; <a href="http://www.raspibo.org/">RaspiBO</a></span>
+    </md-toolbar>
+</template>
+<script>
+
+export default {}
+
+</script>
+
+<style>
+
+#footer {
+    text-align: center;
+    color: white;
+    display: block;
+    vertical-align: middle;
+    min-height: 16px;
+    left: 0px;
+    right: 0px;
+    bottom: 0px;
+    position: absolute;
+    background-color: #b3e5fc;
+}
+
+#footer a {
+    color: white;
+}
+
+</style>

src/main.js

@@ -28,6 +28,7 @@ import App from './App';
 import User from './User';
 import Users from './Users';
 import Toolbar from './Toolbar';
+import IbtFooter from './IbtFooter';
 
 Vue.use(Vuex);
 Vue.use(VueRouter);
@@ -48,7 +49,7 @@ const router = new VueRouter({routes});
 var vue = new Vue({
     el: '#app',
     store: store,
-    template: '<div id="app"><Toolbar /><router-view class="view"></router-view></div>',
+    template: '<div id="app"><toolbar /><router-view class="view"></router-view><ibt-footer /></div>',
     router: router,
-    components: { App, Toolbar, Users, User }
+    components: { App, Toolbar, IbtFooter, Users, User }
 });