Actually removing blog temporary

4 files changed, 28 insertions, 19 deletions

diff --git a/pages/blog/_blog.vue b/pages/blog/_blog.vue
index 3f328eb..4319252 100644
--- a/pages/blog/_blog.vue
+++ b/pages/blog/_blog.vue
@@ -3,10 +3,10 @@
         <v-card>
             <v-card-title>{{blogPost.title}}</v-card-title>
             <v-card-subtitle>{{blogPost.description}}</v-card-subtitle>
-            <v-card-text :to="'/blog'">Back to posts</v-card-text>
+            <v-card-text><nuxt-link :to="'/blog'" class="text--white">Back to posts</nuxt-link></v-card-text>
             <v-divider/>
             <br/>
-            <v-card-text v-html="$md.render(blogPost.body)" />
+            <v-card-text class="text--white" v-html="$md.render(blogPost.body)" />
         </v-card>
     </v-container>
 </template>
@@ -15,13 +15,13 @@
 export default {
   name: '_blog',
   head: {
-    title: '{{blogpost.title}}'
+    title: 'Blog'
   },
   async asyncData ({ params, payload }) {
     if (payload) return { blogPost: payload }
     else {
       return {
-        blogPost: await require(`~/assets/content/blog/${params.blog}.json`)
+        blogPost: await require(`../../assets/content/blog/${params.blog}.json`)
       }
     }
   }
diff --git a/pages/blog/index.vue b/pages/blog/index.vue
index 5619e6b..c2c1c62 100644
--- a/pages/blog/index.vue
+++ b/pages/blog/index.vue
@@ -2,8 +2,8 @@
     <div>
         <v-card>
             <header id="showcase">
-                <h1 class="display-3">Blog</h1>
-                <h1>This is where I post stuff here.</h1>
+                <h1 class="display-3 animated fadeIn">Blog</h1>
+                <h1 class="animated fadeIn">This is where I post stuff here.</h1>
             </header>
         </v-card>
         <v-container>
diff --git a/pages/index.vue b/pages/index.vue
index 2cf6d97..a3515bd 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,19 +1,13 @@
 <template>
     <div>
-        <v-alert>
-            Please note that this website is under active development.
-            If you see any problems please report them <a href="https://github.com/alee14/personal-website/issues">here</a>.
-        </v-alert>
-        <!-- Animation goes here -->
         <div class="landing-page">
             <v-card>
-                <header id="showcase">
-                    <v-img :src="require('../assets/img/Alee.png')" max-height="200px" max-width="200px" />
+                <header id="showcase" class="animated fadeIn">
+                    <v-img :src="require('../assets/img/Alee.png')" max-height="200px" max-width="200px" class="animated fadeIn" />
                     <br/>
-                    <h1 class="display-4">Hello, I'm Andrew Lee!</h1>
+                    <h1 class="display-4 animated zoomIn">Hello, I'm Andrew Lee!</h1>
                     <br/>
-                    <h1 class="display-1">Welcome to my personal website.</h1>
-                    <h1>Note to Andrew: Replace this background</h1>
+                    <h1 class="display-1 animated zoomIn">Welcome to my personal website.</h1>
                 </header>
             </v-card>
         </div>
@@ -22,7 +16,7 @@
                 <v-card flat color="green darken-3" dark>
                     <v-container>
                         <h1>About Me</h1>
-                        <p><b>Hello, I'm Andrew Lee and I'm currently 15 years old.</b></p>
+                        <p><b>Hello, I'm Andrew Lee and I'm currently 16 years old.</b></p>
                         <h1>Timeline</h1>
                         <p> 2014: Created my first YouTube channel The Alee Diamond<br>
                             2015: First got into programming and learned HTML and Batch.<br>
diff --git a/pages/projects/index.vue b/pages/projects/index.vue
index c8487ce..5062f1a 100644
--- a/pages/projects/index.vue
+++ b/pages/projects/index.vue
@@ -1,9 +1,24 @@
 <template>
         <v-card>
                 <header id="showcase">
-                        <h1 class="display-3">Projects</h1>
-                        <h1>My current and past projects goes here.</h1>
+                        <h1 class="display-3 animated fadeIn">Projects</h1>
+                        <h1 class="animated fadeIn">My current and past projects goes here.</h1>
                 </header>
+                <v-container>
+                        <v-row>
+                                <v-col cols="12">
+                                        <v-card class="green darken-4">
+                                                <v-card-title>Hello world</v-card-title>
+                                                <v-card-text>Hello world 2</v-card-text>
+                                        </v-card>
+                                        <br>
+                                        <v-card>
+                                                <v-card-title>Hello world</v-card-title>
+                                                <v-card-text>Hello world 2</v-card-text>
+                                        </v-card>
+                                </v-col>
+                        </v-row>
+                </v-container>
         </v-card>
 </template>