typo; bogus modal in about

frontend/src/components/HelloWorld.vue

@@ -102,7 +102,7 @@ export default {
       },
       {
         text: 'Made with Vuetify',
-        href: 'https://madewithvuetifyjs.com'
+        href: 'https://madewithvuejs.com/vuetify'
       },
       {
         text: 'Twitter',

frontend/src/views/About.vue

@@ -1,5 +1,49 @@
 <template>
   <div class="about">
     <h1>This is an about page</h1>
+
+    <div class="text-xs-center">
+      <v-dialog v-model="dialog" width="500">
+        <v-btn slot="activator" color="red lighten-2" dark>
+          Click Me
+        </v-btn>
+
+        <v-card>
+          <v-card-title class="headline grey lighten-2" primary-title>
+            Privacy Policy
+          </v-card-title>
+
+          <v-card-text>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+            aliquip ex ea commodo consequat. Duis aute irure dolor in
+            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+            culpa qui officia deserunt mollit anim id est laborum.
+          </v-card-text>
+
+          <v-divider></v-divider>
+
+          <v-card-actions>
+            <v-spacer></v-spacer>
+            <v-btn color="primary" flat @click="dialog = false">
+              I accept
+            </v-btn>
+          </v-card-actions>
+        </v-card>
+      </v-dialog>
+    </div>
   </div>
 </template>
+
+<script>
+export default {
+  name: 'About',
+  data() {
+    return {
+      dialog: false
+    }
+  }
+}
+</script>