Actually removing blog temporary

.idea/discord.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="DiscordProjectSettings">
-    <option name="show" value="true" />
+    <option name="show" value="PROJECT_FILES" />
   </component>
 </project>

nuxt.config.js

@@ -25,7 +25,7 @@ module.exports = {
   /*
    ** Global CSS
    */
-  css: [],
+  css: ['./assets/css/animate.css'],
   /*
    ** Plugins to load before mounting the App
    */
@@ -46,19 +46,19 @@ module.exports = {
   markdownit: {
     injected: true
   },
-
+/*
   generate: {
     routes: function () {
       const fs = require('fs')
       const path = require('path')
-      return fs.readdirSync('static/content/blog').map(file => {
+      return fs.readdirSync('./assets/content/blog').map(file => {
         return {
           route: `/blog/${path.parse(file).name}`, // Return the slug
-          payload: require(`static/content/blog/${file}`)
+          payload: require(`./assets/content/blog/${file}`)
         }
       })
     }
-  },
+  },*/
 
   /*
    ** vuetify module configuration

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`)
       }
     }
   }

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>

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>

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>
 

static/sw.js

@@ -1 +1,32 @@
-// THIS FILE SHOULD NOT BE VERSION CONTROLLED
+importScripts('https://cdn.jsdelivr.net/npm/workbox-cdn@4.3.1/workbox/workbox-sw.js')
+
+// --------------------------------------------------
+// Configure
+// --------------------------------------------------
+
+// Set workbox config
+workbox.setConfig({
+  "debug": false
+})
+
+// Start controlling any existing clients as soon as it activates
+workbox.core.clientsClaim()
+
+// Skip over the SW waiting lifecycle stage
+workbox.core.skipWaiting()
+
+workbox.precaching.cleanupOutdatedCaches()
+
+// --------------------------------------------------
+// Precaches
+// --------------------------------------------------
+
+// Precache assets
+
+// --------------------------------------------------
+// Runtime Caching
+// --------------------------------------------------
+
+// Register route handlers for runtimeCaching
+workbox.routing.registerRoute(new RegExp('/_nuxt/'), new workbox.strategies.CacheFirst ({}), 'GET')
+workbox.routing.registerRoute(new RegExp('/'), new workbox.strategies.NetworkFirst ({}), 'GET')