feat(website): add video and new content

fabienvauchelles · Sep 30, 2018 · cf0246e · cf0246e
1 parent f878bb8
commit cf0246e
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 6 deletions.
diff --git a/docs/website/scss/_features.scss b/docs/website/scss/_features.scss
@@ -1,5 +1,5 @@
 #features {
-    background: $body-bg-alternate;
+    background: $body-bg;
 
     .feature {
         margin-top: 30px;

diff --git a/docs/website/scss/_variables.scss b/docs/website/scss/_variables.scss
@@ -16,7 +16,7 @@ $brand-primary: #00afec;
 //$brand-primary: #4CAF50;
 $brand-primary-dark: darken($brand-primary, 5%);
 $body-bg: #fff;
-$body-bg-alternate: #F9F9F9;
+$body-bg-alternate: #F0F0F0;
 
 
 // Fonts

diff --git a/docs/website/scss/_video.scss b/docs/website/scss/_video.scss
@@ -0,0 +1,14 @@
+#videos {
+    background: $body-bg-alternate;
+
+    .video {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        iframe {
+            width: 560px;
+            height: 315px;
+        }
+    }
+}
diff --git a/docs/website/scss/index.scss b/docs/website/scss/index.scss
@@ -15,6 +15,7 @@
 @import "form";
 @import "navbar";
 @import "jumbotron";
+@import "video";
 @import "features";
 @import "stars";
 @import "contribute";

diff --git a/docs/website/src/index.html b/docs/website/src/index.html
@@ -145,6 +145,18 @@
 </section>
 
 
+<!-- VIDEO -->
+<section id="videos">
+    <div class="container">
+        <div class="row">
+            <div class="video col-sm-12">
+                <iframe src="https://www.youtube.com/embed/Cg9nkAYPSdY?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+            </div>
+        </div>
+    </div>
+</section>
+
+
 <!-- FEATURES -->
 <section id="features">
     <div class="container">
@@ -159,13 +171,13 @@ <h2>
                 </div>
 
                 <div class="feature-title">
-                    Scalable
+                    Short competition
                 </div>
 
                 <div class="feature-description">
                     <ul>
                         <li>Support thousands of users</li>
-                        <li>In a short time</li>
+                        <li>Realtime Leaderboard</li>
                     </ul>
                 </div>
             </div>
@@ -182,7 +194,7 @@ <h2>
                 <div class="feature-description">
                     <ul>
                         <li>Deploy with Docker</li>
-                        <li>Authentification with Auth0</li>
+                        <li>Authentificate with Auth0</li>
                     </ul>
                 </div>
             </div>
@@ -199,7 +211,7 @@ <h2>
                 <div class="feature-description">
                     <ul>
                         <li>Submit from your Notebook</li>
-                        <li>No file transfer problem</li>
+                        <li>No more file transfer problem</li>
                     </ul>
                 </div>
             </div>