From 303f25fa0b85f25f3735164dcbe320a511058424 Mon Sep 17 00:00:00 2001
From: ManjaroOne666 <git@gabbaell.co.uk>
Date: Tue, 22 Jan 2019 17:45:30 +0000
Subject: [PATCH] styling implemented

---
 pages/index.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index a98bb91..9d07de1 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -9,7 +9,9 @@
       <div class="background background-overlay"></div>
     </div>
     <div class="content">
-      <h1 class="heading">Marc Leopold Photography</h1>
+      <transition name="fade">
+        <h1 v-if="showHeading" class="heading">Marc Leopold Photography</h1>
+      </transition>
       <transition name="fade" mode="out-in">
         <p class="tagline"
            :key="currentTaglineIndex">
@@ -34,6 +36,7 @@ export default {
 
   data() {
     return {
+      showHeading: false,
       currentImageIndex: -1,
       bgImages: [
         'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/slider.jpg',
@@ -72,7 +75,7 @@ export default {
   mounted () {
     if (this.bgImages.length > 1) {
       this.setNextIndex()
-      // this.nextTagline()
+      this.showHeading = true
     }
   },
 
@@ -185,14 +188,14 @@ $padding: 1rem;
 }
 
 .heading {
-  color: #fff;
+  color: $color__neutral-900;
   font-size: $heading-height;
   @include font-title(400);
   text-align: center;
 }
 
 .tagline {
-  color: #fff;
+  color: $color__neutral-600;
   font-size: $tagline-height;
   text-align: right;
   @include font-cursive;