From 848f1ca425e03cdcf7503ab51d80711bbf28c0f2 Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Thu, 30 Apr 2020 15:01:40 -0400
Subject: Major changes in home page, added stuff on other pages and favicon

---
 pages/blog/index.vue | 31 +++++++++++++++++++++++++++----
 1 file changed, 27 insertions(+), 4 deletions(-)

(limited to 'pages/blog/index.vue')

diff --git a/pages/blog/index.vue b/pages/blog/index.vue
index f818c20..2e10eba 100644
--- a/pages/blog/index.vue
+++ b/pages/blog/index.vue
@@ -1,8 +1,20 @@
 <template>
     <div>
-            <v-card-title>Blog</v-card-title>
-            <v-card-text>This is where I will be posting my stuff</v-card-text>
-        <h1>Hello</h1>
+        <v-card>
+            <header id="showcase">
+                <h1 class="display-3">Blog</h1>
+                <h1>This is where I post stuff here.</h1>
+            </header>
+        </v-card>
+        <v-container>
+            <v-col cols="6">
+                <v-card to="/">
+                    <v-card-title>Blog Post Title</v-card-title>
+                    <v-card-text>Content</v-card-text>
+                </v-card>
+                <br>
+            </v-col>
+        </v-container>
     </div>
 </template>
 
@@ -13,8 +25,19 @@ export default {
     title: 'Blog'
   }
 }
+
 </script>
 
 <style scoped>
-
+    #showcase {
+        background-image:url("../../assets/img/landing_page.png");
+        background-size: cover;
+        background-position: center;
+        height: 30vh;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        padding: 0 20px;
+    }
 </style>
-- 
cgit v1.2.3

