Add about page

ui/src/App.vue

@@ -45,8 +45,6 @@
 </template>
 
 <script>
-import moment from 'moment';
-
 export default {
   name: '',
 }

ui/src/components/About.vue

@@ -0,0 +1,31 @@
+<template>
+<div class="row">
+    <div class="col-md-8 offset-md-2 col-sm-12">
+        <h3>About CosmicPi</h3>
+        <p>
+            The Cosmic Pi project aims to build the world's
+            largest open source distributed cosmic ray telescope.
+            You too can be a part of the project, by becoming a Cosmic Pixel!
+        </p>
+        <hr />
+        <p>
+            The CosmicPi software is licenced under the GNU GENERAL PUBLIC LICENSE Version 2 or later.
+            You can receive a copy of the licence <a href="https://github.com/CosmicPi/cosmicpi-rpi_V1.5/blob/master/LICENSE">here</a>.
+            For the source code of the CosmicPi software please visit the projects <a href="https://github.com/CosmicPi">github page</a>.
+        </p>
+        <p>
+            This Cosmic Pi will automatically publish all cosmic ray and associated
+            meta-data (position, accelerometer, magnetometer, temperature, humidity, pressure)
+            to the internet for anyone to use under a CC0 license (no rights reserved)
+            and placed in the public domain.<br>
+            <a href="https://creativecommons.org/share-your-work/public-domain/cc0/">More details on the CC0 licence.</a>
+        </p>
+    </div>
+</div>
+</template>
+
+<script>
+export default {
+    name: 'About'
+}
+</script>

ui/src/router.js

@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import Router from 'vue-router'
 import Dashboard from './components/Dashboard.vue'
+import About from './components/About.vue'
 
 Vue.use(Router)
 
@@ -12,5 +13,11 @@ export default new Router({
         main: Dashboard
       }
     },
+    {
+      path: '/about',
+      components: {
+        main: About
+      }
+    },
   ]
 })