davidcornu
diff --git a/‎dist/css/style.css
Lines changed: 5 additions & 3 deletions b/‎dist/css/style.css
Lines changed: 5 additions & 3 deletions
diff --git a/‎dist/img/gulp-white-text.svg
Lines changed: 107 additions & 0 deletions b/‎dist/img/gulp-white-text.svg
Lines changed: 107 additions & 0 deletions
diff --git a/‎dist/index.html
Lines changed: 1 addition & 0 deletions b/‎dist/index.html
Lines changed: 1 addition & 0 deletions
diff --git a/‎src/css/style.styl
Lines changed: 5 additions & 3 deletions b/‎src/css/style.styl
Lines changed: 5 additions & 3 deletions
@@ -206,9 +206,7 @@ body {
   width: 100%;
   color: #fff;
   text-align: center;
-  background-size: cover;
-  background-position: 50% 50%;
-  background-image: url("../img/bg.png");
+  background-color: #eb4a4b;
 }
 .main-header-content {
   position: absolute;
@@ -222,6 +220,10 @@ body {
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }
+.logo {
+  max-width: 20vh;
+  max-height: 20vh;
+}
 .main-header-text {
   width: 90vw;
   -webkit-animation: fadein 2s;
 
@@ -29,6 +29,7 @@
               </div>
             </nav>
             <div class="main-header-content">
+                <img class="logo" src='img/gulp-white-text.svg'/>
                 <p class="main-header-text">Automate and enhance your workflow</p>
                 <a class="main-header-btn" href="https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md">Try it now</a>
             </div>
 
@@ -65,13 +65,15 @@ body
   //min-height: 750px
   color: #fff
   text-align: center
-  background-size: cover
-  background-position: 50% 50%
-  background-image: url('../img/bg.png')
+  background-color: #EB4A4B
 
 .main-header-content
   align()
 
+.logo
+  max-width: 20vh
+  max-height: 20vh
+
 .main-header-text
   width: 90vw
   animation: fadein 2s