💄 Vuetify 2

.gitignore

@@ -1,28 +1,93 @@
+# Created by .ignore support plugin (hsz.mobi)
+### Node template
 # Logs
-logs
+/logs
 *.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
 # Dependency directories
 node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
 
 # Yarn Integrity file
 .yarn-integrity
 
 # dotenv environment variables file
 .env
 
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
 # nuxt.js build output
-.nuxt/
+.nuxt
 
 # Nuxt generate
-dist/
+dist
 
-# Nuxt PWA
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless
+
+# IDE / Editor
+.idea
+
+# Service worker
 sw.*
 
-# MacOS DS Store file
+# Mac OSX
 .DS_Store
 
+# Vim swap files
+*.swp
+
+# Zeit Now
+.now

components/CardDownload.vue

@@ -0,0 +1,40 @@
+<template>
+  <v-card dark :href="href" :class="`elevation-0 ${color} darken-2 defaultHover`">
+    <v-img :class="color">
+      <v-card-title class="py-3">
+        <v-spacer />
+          <slot></slot>
+        <v-spacer />
+      </v-card-title>
+    </v-img>
+    <v-card-title primary-title class="pa-3 text-center">
+      <v-spacer />
+          <h5 class="text-spaced font-weight-black text-uppercase">
+              {{ title }}
+          </h5>
+      <v-spacer />
+    </v-card-title>
+  </v-card>
+</template>
+
+<script>
+export default {
+    props: {
+        color: {
+            type: String,
+            default: 'primary',
+            required: true,
+        },
+        href: {
+            type: String,
+            default: '/',
+            required: true,
+        },
+        title: {
+            type: String,
+            default: 'Text',
+            required: true,
+        }
+    }
+}
+</script>

components/DialogDisclaimer.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<v-btn dark flat @click="dialog = true">
+		<v-btn dark text @click="dialog = true">
 			<IconInfo width="16px" class="mr-2" />
 			<span class="caption text-spaced-button text-uppercase">Disclaimer</span>
 		</v-btn>
@@ -10,30 +10,32 @@
 				<v-toolbar flat dark color="primary">
 					<v-card-title>
 						<IconInfo class="mr-2" />
-						<h1 class="text-spaced text-uppercase font-weight-black ml-2">
+						<h4 class="text-spaced text-uppercase font-weight-black ml-2">
 							Disclaimer
-						</h1>
+						</h4>
 					</v-card-title>
 
 					<v-spacer />
 
 					<v-toolbar-items class="hidden-sm-and-down">
-						<v-btn flat @click="dialog = false">
+						<v-btn text @click="dialog = false">
 							<IconClose />
 						</v-btn>
 					</v-toolbar-items>
 				</v-toolbar>
 
-				<v-card-text class="mb-1">
+				<v-card-text class="mt-4">
 					<span class="primary--text font-weight-thin">
 						TDEM is <strong>NOT</strong> affiliated with Twitter or TweetDeck in any
 						way.
 					</span>
 				</v-card-text>
 
-				<v-divider class="mx-2" />
+				<v-card-text>
+					<v-divider class="mx-2" />
+				</v-card-text>
 
-				<v-card-text class="mt-1">
+				<v-card-text>
 					<span class="primary--text font-weight-thin">
 						TDEM uses the
 						<a
@@ -52,7 +54,7 @@
 				</v-card-text>
 
 				<v-card-actions>
-					<v-btn flat large block color="primary" @click="dialog = false">
+					<v-btn text large block color="primary" @click="dialog = false">
 						<IconCheck class="mr-3" />
 						I understand
 					</v-btn>

components/Footer.vue

@@ -4,33 +4,26 @@
 			<v-card-title class="primary">
 				<v-spacer />
 
-				<v-btn dark flat large round to="/" aria-label="Home">
+				<v-btn class="mx-2" dark text large rounded to="/" aria-label="Home">
 					<IconHome />
 				</v-btn>
-				<v-btn dark flat large round to="/faq" aria-label="FAQ">
+				<v-btn class="mx-2" dark text large rounded to="/faq" aria-label="FAQ">
 					<IconFAQ />
 				</v-btn>
-				<v-btn dark flat large round to="/releases" aria-label="Releases">
+				<v-btn class="mx-2" dark text large rounded to="/releases" aria-label="Releases">
 					<IconReleaseNotes />
 				</v-btn>
-				<v-btn dark flat large round href="https://github.com/tdemapp" aria-label="GitHub">
+				<v-btn class="mx-2" dark text large rounded href="https://github.com/tdemapp" aria-label="GitHub">
 					<IconGitHub />
 				</v-btn>
-				<v-btn
-					dark
-					flat
-					large
-					round
-					href="https://twitter.com/nurodev"
-					aria-label="Twitter"
-				>
+				<v-btn class="mx-2" dark text large rounded href="https://twitter.com/nurodev" aria-label="Twitter">
 					<IconTwitter />
 				</v-btn>
 
 				<v-spacer />
 			</v-card-title>
 
-			<v-card-actions class="black justify-center">
+			<v-card-actions class="black justify-center text-spaced">
 				<DialogDisclaimer />
 
 				<v-spacer />&copy;2019 —