Update homepage

index.html

@@ -29,20 +29,35 @@
       </p>
 
       <p>
-        Shoelace is highly customizable through CSS variables. It doesn’t require Less, Sass, or any
-        preprocessing at all. Just link to <code>shoelace.css</code> and add customizations directly
-        to your stylesheet.
+        You can use Shoelace with just about every browser. The CDN version is great for
+        prototyping, but to take full advantage you should
+        <a href="docs/installing.html#building-from-source">build it from source</a>.
       </p>
 
-<pre><code class="language-html">&lt;link rel=&quot;stylesheet&quot; href=&quot;shoelace.css&quot;&gt;
+      <p>
+        Here is the CSS you <em>could</em> be writing:
+      </p>
 
-&lt;style&gt;
-  :root {
-    --body-color: white;
-    --body-bg-color: black;
-    --state-primary: #09d;
+<pre><code class="language-css">:root {
+  --info-color: white;
+  --info-bg: color(teal shade(25%));
+}
+
+.info {
+  color: var(--info-color);
+  background: var(--info-bg);
+
+  &amp;.info-big {
+    font-size: 2rem;
   }
-&lt;/style&gt;</code></pre>
+}
+</code></pre>
+
+      <p>
+        <a href="http://cssnext.io/features/">CSS has a really bright future</a>, and you can use
+        most of its upcoming features <em>today</em> with Shoelace + cssnext. You no longer need
+        Less or Sass to do amazing things with CSS.
+      </p>
 
       <p>
         Shoelace was created by <a href="https://twitter.com/claviska">@claviska</a> for