From 32d6c06568358430597597149f3c330e04b6c09d Mon Sep 17 00:00:00 2001
From: Hippo <badrihippo@gmail.com>
Date: Sat, 28 Sep 2019 11:09:39 +0530
Subject: [PATCH] Restyle homepage

---
 src/components/common/Layout.js | 9 +++++++--
 src/styles/app.css              | 5 +++++
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/common/Layout.js b/src/components/common/Layout.js
index 464ab82..2d81a0c 100644
--- a/src/components/common/Layout.js
+++ b/src/components/common/Layout.js
@@ -39,12 +39,14 @@ const DefaultLayout = ({ data, children, bodyClass, isHome, hasFeatureImage }) =
                     <div className="container">
                         <div className="site-mast">
                             <div className="site-mast-left">
+                            { !isHome &&
                                 <Link to="/">
                                     {site.logo ?
                                         <img className="site-logo" src={site.logo} alt={site.title} />
                                         : <Img fixed={data.file.childImageSharp.fixed} alt={site.title} />
                                     }
                                 </Link>
+                            }
                             </div>
                             <div className="site-mast-right">
                                 { site.twitter && <a href={ twitterUrl } className="site-nav-item" target="_blank" rel="noopener noreferrer"><img className="site-nav-icon" src="/images/icons/twitter.svg" alt="Twitter" /></a>}
@@ -54,7 +56,10 @@ const DefaultLayout = ({ data, children, bodyClass, isHome, hasFeatureImage }) =
                         </div>
                         { isHome ?
                             <div className="site-banner">
-                                <h1 className="site-banner-title">{site.title}</h1>
+                                {site.logo ?
+                                    <h1 className="site-banner-title"><img className="site-logo-home" src={site.logo} alt={site.title} /></h1>
+                                    : <h1 className="site-banner-title">{site.title}</h1>
+                                }
                                 <p className="site-banner-desc">{site.description}</p>
                             </div> :
                             null}
@@ -64,7 +69,7 @@ const DefaultLayout = ({ data, children, bodyClass, isHome, hasFeatureImage }) =
                                 <Navigation data={site.navigation} navClass="site-nav-item" />
                             </div>
                             <div className="site-nav-right">
-                                <Link className="site-nav-button" to="/about">About</Link>
+                                <Link className="site-nav-button" to="/subscribe">Subscribe</Link>
                             </div>
                         </nav>
                     </div>
diff --git a/src/styles/app.css b/src/styles/app.css
index 27eae5c..5544f20 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -698,6 +698,11 @@ h6 {
     height: 25px;
 }
 
+.site-logo-home {
+    height: 6rem;
+    margin: 1rem;
+}
+
 .site-mast {
     display: flex;
     align-items: center;