Add alert and footer

src/App.vue

@@ -6,14 +6,26 @@
         <span class="font-weight-light">Check the details of any PGP key</span>
       </v-toolbar-title>
       <v-spacer></v-spacer>
+      <v-btn text v-on:click="changeTheme">
+        <span class="mr-2">Swicth to {{darkTheme ? "light theme" : "dark theme"}}</span>
+      </v-btn>
       <v-btn text href="https://github.com/dethos/kinspector" target="_blank">
-        <span class="mr-2">Git Repository</span>
+        <span class="mr-2">Check source code</span>
       </v-btn>
     </v-app-bar>
 
     <v-content>
       <KeyInspector />
     </v-content>
+
+    <v-footer>
+      <div class="flex-grow-1"></div>
+      <div>
+        Developed by
+        <a href="https://ovalerio.net>">Gonçalo Valério</a> | License:
+        <a href="https://github.com/dethos/kinspector/blob/master/LICENSE">AGPL</a>
+      </div>
+    </v-footer>
   </v-app>
 </template>
 
@@ -25,9 +37,17 @@ export default {
   components: {
     KeyInspector
   },
-  data: () => ({}),
+  data: () => ({
+    darkTheme: true
+  }),
   created: function() {
-    this.$vuetify.theme.dark = true;
+    this.$vuetify.theme.dark = this.darkTheme;
+  },
+  methods: {
+    changeTheme: function() {
+      this.darkTheme = !this.darkTheme;
+      this.$vuetify.theme.dark = this.darkTheme;
+    }
   }
 };
 </script>

src/components/KeyDetails.vue

@@ -69,9 +69,6 @@
           </v-list-item-title>
         </v-list-item-content>
       </v-list>
-      <div>
-        <v-subheader>Subkeys</v-subheader>
-      </div>
     </v-card-text>
   </v-card>
 </template>

src/components/KeyInspector.vue

@@ -2,6 +2,7 @@
   <v-container fluid>
     <v-row>
       <v-col>
+        <v-alert dismissible type="error">Do not paste any private key that is currently in use.</v-alert>
         <v-textarea
           outlined
           autofocus