Add logo to jumbotron

2 files changed, 17 insertions, 11 deletions

diff --git a/src/components/home/JumbotronHeader.js b/src/components/home/JumbotronHeader.js
index b7af420e..ba504c18 100644
--- a/src/components/home/JumbotronHeader.js
+++ b/src/components/home/JumbotronHeader.js
@@ -4,11 +4,12 @@ import "./JumbotronHeader.css";
 const JumbotronHeader = () => (
     <section className="jumbotron-header">
         <div className="container">
-            <div className="jumbotron">
-                <h1 className="display-3">Open<span className="dc">DC</span></h1>
+            <div className="jumbotron text-center">
+                <h1>Open<span className="dc">DC</span></h1>
                 <p className="lead">
                     Collaborative Datacenter Simulation and Exploration for Everybody
                 </p>
+                <img src="img/logo.png" className="img-responsive mt-3" alt="OpenDC"/>
             </div>
         </div>
     </section>
diff --git a/src/components/home/JumbotronHeader.sass b/src/components/home/JumbotronHeader.sass
index 07151cf2..fae9f53f 100644
--- a/src/components/home/JumbotronHeader.sass
+++ b/src/components/home/JumbotronHeader.sass
@@ -5,15 +5,20 @@
   background-color: inherit
   margin-bottom: 0
 
-  padding-top: 100px
-  padding-bottom: 100px
+  padding-top: 120px
+  padding-bottom: 120px
 
-.jumbotron h1
-  color: #eee
+  img
+    width: 110px
 
-.jumbotron h1 .dc
-  color: #eee
-  font-weight: bold
+  h1
+    color: #fff
+    font-size: 4.5em
 
-.jumbotron .lead
-  color: #eee
+    .dc
+      color: #fff
+      font-weight: bold
+
+  .lead
+    color: #fff
+    font-size: 1.3em