gitea init.

src/components/AppContainer.vue

@@ -0,0 +1,9 @@
+<template>
+  <v-container fluid>
+    <v-row class="justify-center">
+      <v-col cols="12" md="11" lg="10" xl="8">
+        <slot/>
+      </v-col>
+    </v-row>
+  </v-container>
+</template>

src/components/AppFooter.vue

@@ -0,0 +1,19 @@
+<template>
+  <v-footer height="auto" color="#333">
+    <v-container>
+      <v-row class="text-center align-center justify-center">
+        <v-col cols="12" sm="11" md="4" lg="4" xl="4">
+					<contact />
+        </v-col>
+      </v-row>
+    </v-container>
+  </v-footer>
+</template>
+
+<script>
+import Contact from '@/components/Contact'
+
+export default {
+	components: { Contact }
+}
+</script>

src/components/Contact.vue

@@ -0,0 +1,38 @@
+<template>
+	<v-card dark :color="$vuetify.theme.dark ? 'blue darken-4' : 'blue'">
+		<v-tooltip top>
+			<template v-slot:activator="{ on }">
+				<v-card-title class="headline justify-center">
+					Contact Us
+				</v-card-title>
+
+				<v-card-text style="cursor: pointer;" v-on="on" @click="copyEmail">
+					<v-icon>mail_outline</v-icon>
+					{{ email }}
+				</v-card-text>
+			</template>
+
+			<span v-show="!emailCopied">Click to copy!</span>
+			<span v-show="emailCopied">Copied to clipboard!</span>
+		</v-tooltip>
+	</v-card>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			email: 'info@simplesystems.tech',
+			emailCopied: false,
+		}
+	},
+
+	methods: {
+		copyEmail() {
+			navigator.clipboard.writeText(this.email).then(() => {
+				this.emailCopied = true
+			})
+		}
+	},
+}
+</script>