Merge pull request #8 from Microsoft/pgonzal/new-home

Redo home page
2018-05-23 14:31:34 -07:00 · 2018-05-23 14:31:34 -07:00 · 3cc2b866d6
--- a/_data/links.yaml
+++ b/_data/links.yaml
@ -1 +1,3 @@
-tutorial: https://github.com/Microsoft/web-build-tools/wiki/Rush-~-Setting-up-your-repo
+masthead_learn_more: https://github.com/Microsoft/web-build-tools/wiki/Rush
+
+masthead_get_started: https://github.com/Microsoft/web-build-tools/wiki/Rush#3-minute-demo
--- a/_sass/_home.scss
+++ b/_sass/_home.scss
@ -0,0 +1,8 @@
+
+.home-card {
+  background-color: $light;
+
+  @include media-breakpoint-up(md) {
+    width: 15rem;
+  }
+}
--- a/_sass/_masthead.scss
+++ b/_sass/_masthead.scss
@ -1,9 +1,8 @@
 header.masthead {
  position: relative;
  background-color: $gray-800;
-  @include background-cover;
-  padding-top: 8rem;
-  padding-bottom: 8rem;
+  padding-top: 4rem;
+  padding-bottom: 4rem;
  .overlay {
    position: absolute;
    background-color: $gray-900;
@ -17,8 +16,6 @@ header.masthead {
    font-size: 2rem;
  }
  @media (min-width: 768px) {
-    padding-top: 12rem;
-    padding-bottom: 12rem;
    h1 {
      font-size: 3rem;
    }
--- a/images/bg-masthead-bike.jpg
+++ b/images/bg-masthead-bike.jpg
--- a/images/bg-masthead-code.jpg
+++ b/images/bg-masthead-code.jpg
--- a/images/bg-masthead.jpg
+++ b/images/bg-masthead.jpg
--- a/images/home/card-doppel.svg
+++ b/images/home/card-doppel.svg
@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" height="232.87" viewBox="0 0 156.84813 232.86775" width="156.85" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title/><dc:creator><cc:Agent><dc:title>https://github.com/pgonzal</dc:title></cc:Agent></dc:creator><dc:rights><cc:Agent><dc:title>Copyright (c) Microsoft Corporation</dc:title></cc:Agent></dc:rights></cc:Work></rdf:RDF></metadata><defs><clipPath id="a" clipPathUnits="userSpaceOnUse"><path d="m0 792h612v-792h-612v792z"/></clipPath></defs><g transform="matrix(1.25 0 0 -1.25 -432.74 577.52)"><g clip-path="url(#a)"><g transform="translate(395.75 414.1)"><path d="m0 0h-32.652c-3.216 0-5.848 2.632-5.848 5.848v32.652" stroke="#b2b3b3" stroke-miterlimit="10" stroke-width="8" fill="none"/></g><g transform="translate(427.25 378.17)"><path d="m0 0h-19.506c-3.217 0-5.848 2.631-5.848 5.848v32.652" stroke="#b2b3b3" stroke-miterlimit="10" stroke-width="8" fill="none"/></g><g transform="translate(426.75 315.83)"><path d="m0 0h-19.006c-3.217 0-5.848 2.632-5.848 5.849v32.651" stroke="#b2b3b3" stroke-miterlimit="10" stroke-width="8" fill="none"/></g><g transform="translate(395.75 351.17)"><path d="m0 0h-32.652c-3.216 0-5.848 2.631-5.848 5.848v100.48" stroke="#b2b3b3" stroke-miterlimit="10" stroke-width="8" fill="none"/></g><g transform="translate(395.5 288.79)"><path d="m0 0h-32.652c-3.216 0-5.848 2.631-5.848 5.848v159.48" stroke="#b2b3b3" stroke-miterlimit="10" stroke-width="8" fill="none"/></g><g transform="translate(413.17 407.48)"><path d="m0 0v13.026l-11.281 6.514-11.281-6.514v-13.026l11.281-6.514 11.281 6.514z" fill="#676868"/></g><g transform="translate(413.17 344.86)"><path d="m0 0v13.026l-11.281 6.513-11.281-6.513v-13.026l11.281-6.514 11.281 6.514z" fill="#676868"/></g><g transform="translate(413.17 282.24)"><path d="m0 0v13.026l-11.281 6.514-11.281-6.514v-13.026l11.281-6.514 11.281 6.514z" fill="#5d82c1"/></g><g transform="translate(458.25 371.86)"><path d="m0 0v13.026l-11.281 6.513-11.281-6.513v-13.026l11.281-6.514 11.281 6.514z" fill="#f26b6c"/></g><g transform="translate(458.25 309.24)"><path d="m0 0v13.026l-11.281 6.514-11.281-6.514v-13.026l11.281-6.514 11.281 6.514z" fill="#f26b6c"/></g><g transform="translate(368.75 442.48)"><path d="m0 0v13.026l-11.281 6.514-11.281-6.514v-13.026l11.281-6.514 11.281 6.514z" fill="#676868"/></g><g transform="translate(465.52 315.4)"><path d="m0 0h6.146" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g><g transform="translate(461.51 328.09)"><path d="m0 0 4.835 3.792" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g><g transform="translate(450.46 333.94)"><path d="m0 0 0.589 5.991" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g><g transform="translate(436.8 331.35)"><path d="m0 0-3.633 5.521" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g><g transform="translate(461.51 302.13)"><path d="m0 0 4.835-3.791" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g><g transform="translate(450.46 296.28)"><path d="m0 0 1.35-5.991" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g><g transform="translate(436.8 298.87)"><path d="m0 0-3.633-5.521" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g><g transform="translate(465.52 378.4)"><path d="m0 0h6.146" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g><g transform="translate(461.51 391.09)"><path d="m0 0 4.835 3.792" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g><g transform="translate(450.46 396.94)"><path d="m0 0 0.589 5.992" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g><g transform="translate(436.8 394.35)"><path d="m0 0-3.633 5.52" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g><g transform="translate(461.51 365.13)"><path d="m0 0 4.835-3.791" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g><g transform="translate(450.46 359.28)"><path d="m0 0 1.35-5.991" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g><g transform="translate(436.8 361.87)"><path d="m0 0-3.633-5.521" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g></g></g></svg>
--- a/images/home/card-free.svg
+++ b/images/home/card-free.svg
--- a/images/home/card-knife.svg
+++ b/images/home/card-knife.svg
--- a/images/home/card-people.svg
+++ b/images/home/card-people.svg
--- a/images/home/card-phantom.svg
+++ b/images/home/card-phantom.svg
@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" height="232.87" viewBox="0 0 108.9435 232.86775" width="108.94" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title/><dc:creator><cc:Agent><dc:title>https://github.com/pgonzal</dc:title></cc:Agent></dc:creator><dc:rights><cc:Agent><dc:title>Copyright (c) Microsoft Corporation</dc:title></cc:Agent></dc:rights></cc:Work></rdf:RDF></metadata><defs><clipPath id="a" clipPathUnits="userSpaceOnUse"><path d="m0 792h612v-792h-612v792z"/></clipPath></defs><g transform="matrix(1.25 0 0 -1.25 -457.03 577.52)"><g clip-path="url(#a)"><g transform="translate(415.19 414.1)"><path d="m0 0h-32.652c-3.216 0-5.848 2.632-5.848 5.848v32.652" stroke="#b2b3b3" stroke-miterlimit="10" stroke-width="8" fill="none"/></g><g transform="translate(400.12 351.17)"><path d="m0 0h-17.59c-3.216 0-5.847 2.631-5.847 5.848v100.48" stroke="#b2b3b3" stroke-miterlimit="10" stroke-width="8" fill="none"/></g><g transform="translate(414.94 288.79)"><path d="m0 0h-32.652c-3.216 0-5.848 2.631-5.848 5.848v159.48" stroke="#b2b3b3" stroke-miterlimit="10" stroke-width="8" fill="none"/></g><g transform="translate(432.6 407.48)"><path d="m0 0v13.026l-11.281 6.514-11.281-6.514v-13.026l11.281-6.514 11.281 6.514z" fill="#676868"/></g><g transform="translate(432.6 282.24)"><path d="m0 0v13.026l-11.281 6.514-11.281-6.514v-13.026l11.281-6.514 11.281 6.514z" fill="#676868"/></g><g transform="translate(388.19 442.48)"><path d="m0 0v13.026l-11.281 6.514-11.281-6.514v-13.026l11.281-6.514 11.281 6.514z" fill="#676868"/></g><path d="m429 347.25h-14v14.417h14v-14.417z" fill="#fff"/><g transform="translate(426.27 352.97)"><path d="m0 0c0-1.356-1.11-2.467-2.467-2.467-1.356 0-2.467 1.111-2.467 2.467v5.755c0 1.356 1.111 2.467 2.467 2.467 1.357 0 2.467-1.111 2.467-2.467v-5.755zm-8.414 0c0-1.356-1.11-2.467-2.467-2.467-1.356 0-2.467 1.111-2.467 2.467v5.755c0 1.356 1.111 2.467 2.467 2.467 1.357 0 2.467-1.111 2.467-2.467v-5.755zm9.647 16.033h-9.693c-4.954 0-9.008-4.054-9.008-9.008v-21.913l4.439-4.438 4.708 4.708 4.708-4.708 4.708 4.708 4.708-4.708 4.438 4.438v21.913c0 4.954-4.054 9.008-9.008 9.008" fill="#f26b6c"/></g><g transform="translate(444.82 351.23)"><path d="m0 0h7.961" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g><g transform="translate(439.63 367.67)"><path d="m0 0 6.263 4.91" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g><g transform="translate(425.32 375.24)"><path d="m0 0 0.763 7.76" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g><g transform="translate(407.62 371.89)"><path d="m0 0-4.705 7.149" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g><g transform="translate(439.63 334.04)"><path d="m0 0 6.263-4.91" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g><g transform="translate(425.32 326.47)"><path d="m0 0 1.749-7.76" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g><g transform="translate(407.62 329.82)"><path d="m0 0-4.705-7.149" stroke="#f26b6c" stroke-miterlimit="10" stroke-width="4" fill="none"/></g></g></g></svg>
--- a/images/home/card-repo.svg
+++ b/images/home/card-repo.svg
@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" height="151" viewBox="0 0 183.47307 151.00111" width="183.47" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title/><dc:rights><cc:Agent><dc:title>Copyright (c) Microsoft Corporation</dc:title></cc:Agent></dc:rights><dc:creator><cc:Agent><dc:title>https://github.com/pgonzal</dc:title></cc:Agent></dc:creator></cc:Work></rdf:RDF></metadata><defs><clipPath id="a" clipPathUnits="userSpaceOnUse"><path d="m0 792h612v-792h-612v792z"/></clipPath></defs><g transform="matrix(1.25 0 0 -1.25 -336.75 586.8)"><g clip-path="url(#a)"><g transform="translate(370.74 465.14)"><path d="m0 0c-25.177 4.055-47.047-1.728-48.849-12.917-0.148-0.921-0.142-1.85-0.018-2.78l-0.464-70.366c-1.802-11.188 12.215-22.753 31.309-25.828 19.093-3.075 36.032 3.502 37.834 14.691l21.655 66.953c0.41 0.845 0.707 1.725 0.854 2.644 1.803 11.19-17.145 23.548-42.321 27.603" fill="#516682"/></g><g transform="translate(370.74 465.14)"><path d="m0 0c-25.177 4.055-47.047-1.728-48.849-12.917-0.148-0.921-0.142-1.85-0.018-2.78l-0.464-70.366c-1.802-11.188 12.215-22.753 31.309-25.828 19.093-3.075 36.032 3.502 37.834 14.691l21.655 66.953c0.41 0.845 0.707 1.725 0.854 2.644 1.803 11.19-17.145 23.548-42.321 27.603z" stroke="#516682" stroke-miterlimit="10" stroke-width="6" fill="none"/></g><g transform="translate(413.06 437.54)"><path d="m0 0-22.51-69.597c-1.802-11.19-18.741-17.767-37.835-14.692-19.093 3.076-33.11 14.64-31.308 25.829l0.482 73.145 91.171-14.685z" fill="#5e91cb"/></g><g transform="translate(413.06 437.54)"><path d="m0 0c-1.803-11.189-23.673-16.973-48.849-12.917-25.176 4.055-44.125 16.413-42.322 27.602 1.802 11.189 23.672 16.973 48.849 12.918 25.176-4.056 44.124-16.414 42.322-27.603" fill="#a2c8e1"/></g><g transform="translate(338.75 397.12)"><path d="m0 0c0.276 5.403-9.354 10.288-21.512 10.91-12.157 0.622-22.237-3.254-22.513-8.657-0.014-0.276 0.004-0.55 0.041-0.822l1.669-33.82c-0.277-5.403 7.799-10.208 18.038-10.732s18.763 3.431 19.04 8.834l5.113 33.473c0.063 0.268 0.109 0.538 0.124 0.814" fill="#516682"/></g><g transform="translate(338.75 397.12)"><path d="m0 0c0.276 5.403-9.354 10.288-21.512 10.91-12.157 0.622-22.237-3.254-22.513-8.657-0.014-0.276 0.004-0.55 0.041-0.822l1.669-33.82c-0.277-5.403 7.799-10.208 18.038-10.732s18.763 3.431 19.04 8.834l5.113 33.473c0.063 0.268 0.109 0.538 0.124 0.814z" stroke="#516682" stroke-miterlimit="10" stroke-width="6" fill="none"/></g><g transform="translate(338.75 397.12)"><path d="m0 0-5.237-34.286c-0.277-5.403-8.801-9.359-19.04-8.835s-18.315 5.329-18.038 10.732l-1.71 34.642 44.025-2.253z" fill="#5e91cb"/></g><g transform="translate(338.75 397.12)"><path d="m0 0c-0.276-5.403-10.356-9.278-22.514-8.656-12.156 0.622-21.788 5.507-21.511 10.909 0.276 5.404 10.356 9.279 22.513 8.657 12.158-0.622 21.788-5.507 21.512-10.91" fill="#a2c8e1"/></g><g transform="translate(297.85 378.53)"><path d="m0 0c-0.298 3.122-6.235 5.11-13.26 4.439-7.025-0.669-12.479-3.745-12.181-6.867l3.151-19.797c0.298-3.122 5.675-5.163 12.01-4.558 6.334 0.604 11.228 3.626 10.93 6.748l-0.65 20.035z" fill="#516682"/></g><g transform="translate(297.85 378.53)"><path d="m0 0c-0.298 3.122-6.235 5.11-13.26 4.439-7.025-0.669-12.479-3.745-12.181-6.867l3.151-19.797c0.298-3.122 5.675-5.163 12.01-4.558 6.334 0.604 11.228 3.626 10.93 6.748l-0.65 20.035z" stroke="#516682" stroke-miterlimit="10" stroke-width="6" fill="none"/></g><g transform="translate(297.85 378.53)"><path d="m0 0 0.65-20.035c0.298-3.122-4.596-6.144-10.93-6.748-6.335-0.605-11.712 1.436-12.01 4.558l-3.151 19.797 25.441 2.428z" fill="#5e91cb"/></g><g transform="translate(297.85 378.53)"><path d="m0 0c0.298-3.122-5.156-6.197-12.181-6.867-7.026-0.671-12.962 1.317-13.26 4.439s5.156 6.198 12.181 6.867c7.025 0.671 12.962-1.317 13.26-4.439" fill="#a2c8e1"/></g></g></g></svg>
--- a/images/home/card-trike.svg
+++ b/images/home/card-trike.svg
--- a/images/home/mono-concept-h.svg
+++ b/images/home/mono-concept-h.svg
--- a/images/home/mono-concept-v.svg
+++ b/images/home/mono-concept-v.svg
--- a/permalinks/home.html
+++ b/permalinks/home.html
@ -0,0 +1,187 @@
+---
+layout: default
+title: the monorepo manager for the web
+permalink: /
+---
+
+<!-- Masthead -->
+<header class="masthead text-white text-center"
+        style="background: url('{{ site.baseurl }}/images/bg-masthead-code.jpg') no-repeat center center; background-size: cover;">
+  <div class="overlay"></div>
+  <div class="container">
+    <div class="row">
+      <div class="col-xl-9 mx-auto">
+        <h2 class="mb-5">Rush: the monorepo manager for the web.</h2>
+      </div>
+      <div class="col-md-10 col-lg-8 col-xl-7 mx-auto">
+        <div class="form-row">
+          <div class="col-6">
+            <form action="{{ site.data.links.masthead_learn_more }}">
+              <button type="submit" class="btn btn-block btn-lg btn-secondary">Learn More</button>
+            </form>
+          </div>
+          <div class="col-6">
+            <form action={{ site.data.links.masthead_get_started }}>
+              <button type="submit" class="btn btn-block btn-lg btn-primary">Get Started!</button>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</header>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-lg-8 mx-auto" style="max-width: 60rem">
+
+      <div class="container p-3 pt-5">
+          <p class="lead">
+              <b>Rush</b> makes life easier for JavaScript developers who build and publish many packages from a
+              common Git repo.  If you're looking to break up your giant application into smaller pieces, and you
+              already realized why it doesn't work to put each package in a separate repo... then <b>Rush</b> is
+              for you!
+          </p>
+
+        <!-- Intro -->
+        <div class="container-fluid">
+          <div class="row">
+            <div class="container d-block d-md-none m-4">
+              <img src="/images/home/mono-concept-v.svg" class="row img mx-auto" width="100%" alt="">
+            </div>
+            <div class="container d-none d-md-block m-4">
+              <img src="/images/home/mono-concept-h.svg" class="row img-fluid mx-auto" alt="">
+            </div>
+          </div>
+        </div>
+
+        <h1>The Rush difference</h1>
+
+        Seems like these days everyone's got a tool that can run "npm install" and "npm run build" in 20 different
+        folders.  What's so great about <b>Rush</b>?
+
+        <!-- Cards -->
+        <div class="card m-4">
+          <div class="row no-gutters">
+            <div class="col-md-auto p-3 home-card">
+              <img src="/images/home/card-repo.svg" class="img-fluid mx-auto d-block" alt="">
+            </div>
+            <div class="col-md p-3">
+              <div class="card-block px-2">
+                <h4 class="card-title">Ready for large repos</h4>
+                <p class="card-text">At Microsoft, we build monorepos with hundreds of projects and developers.
+                  <b>Rush's</b> unique installation strategy produces a single shrinkwrap/lock file for all your
+                  projects that installs extremely fast.  <b>Rush</b> supports parallel builds, subset builds, and
+                  incremental builds.  Distributed multi-machine builds are coming soon!
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="card m-4">
+          <div class="row no-gutters">
+            <div class="col-md-auto p-3 order-md-2 home-card">
+              <img src="/images/home/card-people.svg" class="img-fluid mx-auto d-block" alt="">
+            </div>
+            <div class="col-md p-3">
+              <div class="card-block px-2">
+                <h4 class="card-title">Designed for large teams</h4>
+                <p class="card-text"><b>Rush</b> provides many mechanisms for onboarding newcomers and coordinating
+                collaboration between teams.  Repo policies allow new package dependencies to be reviewed before they
+                are accepted.  <b>Rush</b> can enforce consistent dependency versions across your repo.
+                Different subsets of projects can publish separately with lockstep or independent versioning strategies,
+                private releases, and so forth.</p>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="card m-4">
+          <div class="row no-gutters">
+            <div class="col-md-auto p-3 home-card">
+              <img src="/images/home/card-phantom.svg" class="img-fluid mx-auto d-block" alt="">
+            </div>
+            <div class="col-md p-3">
+              <div class="card-block px-2">
+                <h4 class="card-title">No phantom dependencies!</h4>
+                <p class="card-text">Tired of broken imports or mismatched versions when someone else installs
+                your package?  Rush's isolated symlinking model eliminates these NPM phantom dependencies,
+                ensuring you'll never again accidentally import a library that was missing from package.json.</p>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="card m-4">
+          <div class="row no-gutters">
+            <div class="col-md-auto p-3 order-md-2 home-card">
+              <img src="/images/home/card-doppel.svg" class="img-fluid mx-auto d-block" alt="">
+            </div>
+            <div class="col-md p-3">
+              <div class="card-block px-2">
+                <h4 class="card-title">No NPM doppelgangers!</h4>
+                <p class="card-text"><b>Rush's</b> installation model now supports the PNPM package manager,
+                which eliminates NPM doppelgangers.  You'll never again find 5 copies of the same version of
+                the same library in your node_modules folder!</p>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="card m-4">
+          <div class="row no-gutters">
+            <div class="col-md-auto p-3 home-card">
+              <img src="/images/home/card-trike.svg" class="img-fluid mx-auto d-block" alt="">
+            </div>
+            <div class="col-md p-3">
+              <div class="card-block px-2">
+                <h4 class="card-title">Easy to administer</h4>
+                <p class="card-text">For repository maintainers, <b>Rush</b> ensures that installs and builds
+                are completely deterministic.  No more <i>"worked fine on my machine!"</i>  Even the <b>Rush</b>
+                engine version is automatically installed according to your Git branch.  If you define custom
+                commands or options, they are strictly validated and displayed as part of <b>Rush's</b>
+                command-line help.
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="card m-4">
+          <div class="row no-gutters">
+            <div class="col-md-auto p-3 order-md-2 home-card">
+              <img src="/images/home/card-knife.svg" class="img-fluid mx-auto d-block" alt="">
+            </div>
+            <div class="col-md p-3">
+              <div class="card-block px-2">
+                <h4 class="card-title">Turnkey solution</h4>
+                <p class="card-text">Tired of cobbling together your developer experience from partial solutions
+                that never seem to integrate properly?  <b>Rush</b> is a unified orchestrator that can install,
+                link, build, generate change logs, publish, and bump versions.</p>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="card m-4">
+          <div class="row no-gutters">
+            <div class="col-md-auto p-3 home-card">
+              <img src="/images/home/card-free.svg" class="img-fluid mx-auto d-block" alt="">
+            </div>
+            <div class="col-md p-3">
+              <div class="card-block px-2">
+                <h4 class="card-title">Open model</h4>
+                <p class="card-text">In a <b>Rush</b> repo, each project folder remains fully self-contained,
+                individually installable, and easy to relocate if needed.  No commitment!  Got a special feature
+                you'd like to see?  The <b>Rush</b> software is distributed under an MIT license.  Community
+                contributions are welcome!</p>
+              </div>
+            </div>
+          </div>
+        </div>
+
+      </div>
+
+    </div>
+  </div>
+</div>
--- a/permalinks/index.html
+++ b/permalinks/index.html
@ -1,7 +1,7 @@
 ---
 layout: default
 title: a monorepo manager
-permalink: /
+permalink: /old
 ---

 <!-- Masthead -->
--- a/styles.scss
+++ b/styles.scss
@ -6,8 +6,12 @@
@import "bootstrap/bootstrap";

@import "mixins.scss";
+
+@import "docsite.scss";
+
 // Global CSS
@import "global.scss";
+
 // Components
@import "masthead.scss";
@import "showcase.scss";
@ -16,5 +20,4 @@
@import "call_to_action.scss";
@import "footer.scss";
@import "algolia.scss";
-
-@import "docsite.scss";
+@import "home.scss";