From b6ba247fa665099fabdf845947a4e1eedb8cce13 Mon Sep 17 00:00:00 2001
From: Adin Scannell <ascannell@google.com>
Date: Tue, 28 Apr 2020 00:39:29 -0700
Subject: [PATCH] Update main landing page.

---
 website/_sass/front.scss |  4 +++-
 website/index.md         | 41 +++++++++++++++-------------------------
 2 files changed, 18 insertions(+), 27 deletions(-)

diff --git a/website/_sass/front.scss b/website/_sass/front.scss
index cb0d6f147..1c7f58ecb 100644
--- a/website/_sass/front.scss
+++ b/website/_sass/front.scss
@@ -4,9 +4,11 @@
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
+  background-blend-mode: darken;
+  background-color: rgba(0,0,0,0.1);
 
   p {
-    color: #eeeeee;
+    color: #fff;
     margin-top: 0;
     margin-bottom: 0;
     font-weight: 300;
diff --git a/website/index.md b/website/index.md
index f09a7e89e..31587fc2f 100644
--- a/website/index.md
+++ b/website/index.md
@@ -1,38 +1,27 @@
 ---
-title: gVisor
 layout: base
 ---
-
 <div class="jumbotron jumbotron-fluid">
-  <div class="container text-center">
-    <p>Efficient defense-in-depth for container infrastructure anywhere.</p>
-    <p style="margin-top: 20px;">
-      <a class="btn" href="/docs/">Get Started&nbsp;<i class="fas fa-arrow-alt-circle-right ml-2"></i></a>
-      <a class="btn btn-inverse" href="https://github.com/google/gvisor">GitHub&nbsp;<i class="fab fa-github ml-2"></i></a>
-    </p>
+  <div class="container">
+    <div class="row">
+      <div class="col-md-3"></div>
+      <div class="col-md-6">
+        <p>gVisor is an <b>application kernel</b> and <b>container runtime</b> providing defense-in-depth for containers <em>anywhere</em>.</p>
+        <p style="margin-top: 20px;">
+          <a class="btn" href="/docs/">Get Started&nbsp;<i class="fas fa-arrow-alt-circle-right ml-2"></i></a>
+          <a class="btn btn-inverse" href="https://github.com/google/gvisor">GitHub&nbsp;<i class="fab fa-github ml-2"></i></a>
+        </p>
+      </div>
+      <div class="col-md-3"></div>
+    </div>
   </div>
 </div>
 
 <div class="container"> <!-- Full page container. -->
 
-<!--
 <div class="row">
-  <div class="col-md-3"></div>
-  <div class="col-md-6">
-    <h3>gVisor is an open-source application kernel and container runtime for
-    adding defense-in-depth or sandboxing workloads safely and easily. gVisor is
-    a container-native technology, designed to improve container isolation
-    without sacrificing the benefits of container efficiency and
-    portability.</h3>
-  </div>
-  <div class="col-md-3"></div>
-</div>
--->
-
-<div class="row">
-
   <div class="col-md-4">
-    <h4 id="seamless-security">Container-native Security</h4>
+    <h4 id="seamless-security">Container-native Security <i class="fas fa-lock"></i></h4>
     <p>By providing each container with its own application kernel instance,
     gVisor limits the attack surface of the host while still integrating
     seamlessly with popular container orchestration systems, such as Docker and
@@ -44,7 +33,7 @@ layout: base
   </div>
 
   <div class="col-md-4">
-    <h4 id="resource-efficiency">Resource Efficiency</h4>
+    <h4 id="resource-efficiency">Resource Efficiency <i class="fas fa-feather-alt"></i></h4>
     <p>Containers are efficient because workloads of different shapes and sizes
     can be packed together by sharing host resources. By using host native
     abstractions such as threads and memory mappings, gVisor closely co-operates
@@ -56,7 +45,7 @@ layout: base
   </div>
 
   <div class="col-md-4">
-    <h4 id="platform-portability">Platform Portability</h4>
+    <h4 id="platform-portability">Platform Portability <sup>&#9729;</sup>&#9729;</h4>
     <p>Modern infrastructure spans multiple clouds and data centers, often using
     a mix of virtualized instances and traditional servers. The pluggable
     platform architecture of gVisor allows it to run anywhere, enabling security