aboutsummaryrefslogtreecommitdiff
path: root/pages
diff options
context:
space:
mode:
authorAndrew Lee <alee14498@protonmail.com>2020-05-10 09:24:22 -0400
committerAndrew Lee <alee14498@protonmail.com>2020-05-10 09:24:22 -0400
commitfa3f2d2cd196998bd1d0d09a0c649d7f26500ded (patch)
tree4ce90849ef672a1a8a5d693acb3c0f104bd0f613 /pages
parent69474fee32c62e1b97b9f51b78a2e242542ae9a7 (diff)
downloadProject-NewTube-fa3f2d2cd196998bd1d0d09a0c649d7f26500ded.tar.gz
Project-NewTube-fa3f2d2cd196998bd1d0d09a0c649d7f26500ded.tar.bz2
Project-NewTube-fa3f2d2cd196998bd1d0d09a0c649d7f26500ded.zip
Added the files
Diffstat (limited to 'pages')
-rw-r--r--pages/README.md6
-rw-r--r--pages/index.vue75
-rw-r--r--pages/inspire.vue15
3 files changed, 96 insertions, 0 deletions
diff --git a/pages/README.md b/pages/README.md
new file mode 100644
index 0000000..1d5d48b
--- /dev/null
+++ b/pages/README.md
@@ -0,0 +1,6 @@
+# PAGES
+
+This directory contains your Application Views and Routes.
+The framework reads all the `*.vue` files inside this directory and creates the router of your application.
+
+More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing).
diff --git a/pages/index.vue b/pages/index.vue
new file mode 100644
index 0000000..427bfc4
--- /dev/null
+++ b/pages/index.vue
@@ -0,0 +1,75 @@
+<template>
+ <v-layout column justify-center align-center>
+ <v-flex xs12 sm8 md6>
+ <div class="text-center">
+ <logo />
+ <vuetify-logo />
+ </div>
+ <v-card>
+ <v-card-title class="headline">
+ Welcome to the Vuetify + Nuxt.js template
+ </v-card-title>
+ <v-card-text>
+ <p>
+ Vuetify is a progressive Material Design component framework for
+ Vue.js. It was designed to empower developers to create amazing
+ applications.
+ </p>
+ <p>
+ For more information on Vuetify, check out the
+ <a href="https://vuetifyjs.com" target="_blank"> documentation </a>.
+ </p>
+ <p>
+ If you have questions, please join the official
+ <a href="https://chat.vuetifyjs.com/" target="_blank" title="chat">
+ discord </a
+ >.
+ </p>
+ <p>
+ Find a bug? Report it on the github
+ <a
+ href="https://github.com/vuetifyjs/vuetify/issues"
+ target="_blank"
+ title="contribute"
+ >
+ issue board </a
+ >.
+ </p>
+ <p>
+ Thank you for developing with Vuetify and I look forward to bringing
+ more exciting features in the future.
+ </p>
+ <div class="text-xs-right">
+ <em><small>&mdash; John Leider</small></em>
+ </div>
+ <hr class="my-3" />
+ <a href="https://nuxtjs.org/" target="_blank">
+ Nuxt Documentation
+ </a>
+ <br />
+ <a href="https://github.com/nuxt/nuxt.js" target="_blank">
+ Nuxt GitHub
+ </a>
+ </v-card-text>
+ <v-card-actions>
+ <v-spacer />
+ <v-btn color="primary" nuxt to="/inspire">
+ Continue
+ </v-btn>
+ </v-card-actions>
+ </v-card>
+ </v-flex>
+ </v-layout>
+</template>
+
+<script>
+import Logo from '~/components/Logo.vue'
+import VuetifyLogo from '~/components/VuetifyLogo.vue'
+
+export default {
+ components: {
+ Logo,
+ VuetifyLogo
+ }
+}
+</script>
diff --git a/pages/inspire.vue b/pages/inspire.vue
new file mode 100644
index 0000000..4ed16f9
--- /dev/null
+++ b/pages/inspire.vue
@@ -0,0 +1,15 @@
+<template>
+ <v-layout>
+ <v-flex class="text-center">
+ <img src="/v.png" alt="Vuetify.js" class="mb-5" />
+ <blockquote class="blockquote">
+ &#8220;First, solve the problem. Then, write the code.&#8221;
+ <footer>
+ <small>
+ <em>&mdash;John Johnson</em>
+ </small>
+ </footer>
+ </blockquote>
+ </v-flex>
+ </v-layout>
+</template>