Tweak homepage

Ives van Hoorne · Ives van Hoorne · commit 5453b2c780bd · 2017-03-30T00:59:32.000+02:00
diff --git a/src/homepage/index.html b/src/homepage/index.html
@@ -4,14 +4,15 @@
 <head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-  <title>CodeSandbox</title>
-  <meta name="description" content="CodeSandbox is an online editor with a focus on creating, sharing and importing React projects.">
+  <title>CodeSandbox: An online playground for React</title>
+  <meta name="description" content="CodeSandbox is an online editor with a focus on creating, sharing and importing new React projects.">
+  <meta name="keywords" content="react codesandbox editor code javascript playground sharing spa single page application web application frontend front end">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <link rel="shortcut icon" href="/favicon.ico" />
   <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
   <link rel="stylesheet" href="static/css/main.css">
-  <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
+
   <script>
     (function (i, s, o, g, r, a, m) {
       i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
@@ -31,9 +32,6 @@
     <div class="logocontent">
       <svg class="logo shadow--svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
         x="0px" y="0px" height="210px" viewBox="0 0 1024 1024" enable-background="new 0 0 1024 1024" xml:space="preserve">
-        <g id="Layer_4" display="none">
-          <rect x="-1" y="1" display="inline" fill="#1A1A1A" width="1025" height="1024" />
-        </g>
         <g id="Layer_1">
           <polyline fill="#FFFFFF" points="719.001,851 719.001,639.848 902,533.802 902,745.267 719.001,851 	" />
           <polyline fill="#FFFFFF" points="302.082,643.438 122.167,539.135 122.167,747.741 302.082,852.573 302.082,643.438 	" />
@@ -46,18 +44,6 @@
           <polygon fill="none" stroke="#FFFFFF" stroke-width="50" stroke-miterlimit="10" points="121,739.083 510.917,963.042 901,738.333
 		901,288 511,62 121,289 	" />
         </g>
-        <g id="Layer_3" display="none">
-          <polyline display="inline" fill="none" stroke="#333333" stroke-width="2" stroke-miterlimit="10" points="706,852 706,626
-		901.5,513 	" />
-          <polyline fill="none" stroke="#F2F2F2" stroke-width="2" stroke-miterlimit="10" points="706,851 706,626 901.5,513 	" />
-          <polyline display="inline" fill="none" stroke="#4D4D4D" stroke-width="2" stroke-miterlimit="10" points="317,852 316,626
-		122.667,514 	" />
-          <polyline fill="none" stroke="#F2F2F2" stroke-width="2" stroke-miterlimit="10" points="316,851 316,626 122.676,513 	" />
-          <polyline display="inline" fill="none" stroke="#666666" stroke-miterlimit="10" points="317.297,176.09 512.083,288.466
-		705.75,174.09 	" />
-          <polyline fill="none" stroke="#E6E6E6" stroke-width="2" stroke-miterlimit="10" points="706.167,175.167 512,287.833
-		317.208,175.542 	" />
-        </g>
       </svg>
 
       <div>
@@ -132,7 +118,8 @@ <h3>Example projects</h3>
   </section>
 
   <section class="about">
-    By <a target="_blank" href="https://ivesvh.com">Ives van Hoorne</a> and <a target="_blank" rel="nofollow" href="https://www.linkedin.com/in/bas-buursma-b904a3139/">Bas Buursma</a>
+    We'd love to hear your thoughts, feedback and suggestions. Contact us any time at <a href="mailto:hello@codesandbox.io">hello@codesandbox.io</a>!
+    <br> By <a target="_blank" href="https://ivesvh.com">Ives van Hoorne</a> and <a target="_blank" href="https://www.linkedin.com/in/bas-buursma-b904a3139/">Bas Buursma</a>
   </section>
 
   <script>
diff --git a/src/homepage/static/css/main.css b/src/homepage/static/css/main.css
@@ -252,6 +252,7 @@ h1 {
   color: rgba(255,255,255, 0.7);
   padding: 1rem;
   text-align: center;
+  line-height: 2;
 }
 
 @media only screen and (max-width: 660px) {
@@ -263,6 +264,10 @@ h1 {
     font-size: 2rem;
   }
 
+  .description  h3{
+    font-size: 2rem;
+  }
+
   .logocontent {
     flex-direction: column;
     text-align: center;
