From c0a1644d451ced7d11e9657763a162ced877692d Mon Sep 17 00:00:00 2001
From: Chun-MingChen <nick830314@gmail.com>
Date: Sun, 7 Oct 2018 17:17:14 +0800
Subject: [PATCH] Display logo as main hero

---
 website/core/homeSplash.js    |  2 +-
 website/static/css/custom.css | 13 +++++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/website/core/homeSplash.js b/website/core/homeSplash.js
index f34f3a4..6230bc8 100644
--- a/website/core/homeSplash.js
+++ b/website/core/homeSplash.js
@@ -13,7 +13,7 @@ const SplashContainer = props => (
 );
 
 const Logo = props => (
-  <div className="projectLogo">
+  <div className="logo">
     <img src={props.img_src} />
   </div>
 );
diff --git a/website/static/css/custom.css b/website/static/css/custom.css
index 8f38306..2275cb7 100644
--- a/website/static/css/custom.css
+++ b/website/static/css/custom.css
@@ -15,12 +15,21 @@
 @media only screen and (min-width: 1500px) {
 }
 
+/* Footer */
 footer.nav-footer {
   background-color: #202020;
 }
 
-.navGroup ul {
-  background-color: #f9f9f9;
+/* Home */
+.logo {
+  display: flex;
+  justify-content: center;
+}
+
+.logo img {
+  height: 100%;
+  max-height: 250px;
+  margin-bottom: 0px;
 }
 
 .homeContainer .homeWrapper .projectLogo {