Massive cleanup

- Simpler main nav on all pages
- Back to purple masthead on homepage instead of dark graphite
- Active link styles on the main nav
- Cleaned up sidebar nav
- New docs layout name
- Homepage copy edits
- Updated bright purple docs color

docs/assets/scss/_sidebar.scss

@@ -3,65 +3,14 @@
 //
 
 .bd-sidebar {
-  // padding: 0;
-  // margin-bottom: 0;
-  // background-color: #fafafa;
-
-  // .navbar-toggler {
-  //   position: absolute;
-  //   top: 1rem;
-  //   right: 0;
-  //   z-index: 5;
-  // }
+  @include media-breakpoint-up(md) {
+    padding-left: 1rem;
+  }
 }
 
-// .bd-sidebar .navbar-header {
-//   float: none;
-//   margin-right: -15px;
-// }
-//
-// .bd-sidebar .navbar-collapse {
-//   padding: 0;
-//   border: 0;
-// }
-
-// @media (min-width: 992px) {
-  // .bd-docs {
-  //   margin-left: 240px;
-  // }
-  // .bd-sidebar {
-  //   position: fixed;
-  //   top: 3.7rem;
-  //   bottom: 0;
-  //   left: 0;
-  //   width: 240px;
-  //   overflow-y: auto;
-  //   border-right: 1px solid #eee;
-  //   -webkit-transform: translated3d(0,0,0); // Ensure proper scrolling of sidebar
-  // }
-// }
-//
-// .bd-sidebar .navbar-brand {
-//   display: block;
-//   float: none;
-//   height: auto;
-//   padding: 1.55rem 1.25rem;
-//   font-size: 20px;
-//   font-weight: 500;
-//   line-height: 1;
-//   // color: #fff;
-// }
-// .bd-sidebar-brand:hover,
-// .bd-sidebar-brand:focus {
-//   // color: #fff;
-//   text-decoration: none;
-// }
-
 .bd-search {
   position: relative;
-  margin-right: 1.25rem;
   margin-bottom: 1.5rem;
-  margin-left: 1.25rem;
 
   .form-control {
     height: 2.45rem;
@@ -108,21 +57,17 @@
 
 .bd-toc-link {
   display: block;
-  padding: .25rem 1.25rem;
+  padding: .25rem .75rem;
   color: $gray;
-  // font-size: 1rem;
-  // color: #fff;
 }
 .bd-toc-link:hover,
 .bd-toc-link:focus {
-  // color: $bd-yellow;
   color: $brand-primary;
   text-decoration: none;
 }
 .active > .bd-toc-link {
   font-weight: 500;
   color: $gray-dark;
-  // color: $bd-yellow;
 }
 .active > .bd-sidenav {
   display: block;
@@ -142,14 +87,13 @@
 // All levels of nav
 .bd-sidebar .nav > li > a {
   display: block;
-  padding: .25rem 1.25rem;
+  padding: .25rem .75rem;
   font-size: 90%;
   color: #99979c;
 }
 .bd-sidebar .nav > li > a:hover,
 .bd-sidebar .nav > li > a:focus {
   color: $brand-primary;
-  // color: $bd-yellow;
   text-decoration: none;
   background-color: transparent;
 }
@@ -158,34 +102,5 @@
 .bd-sidebar .nav > .active:focus > a {
   font-weight: 500;
   color: $gray-dark;
-  // color: $bd-yellow;
   background-color: transparent;
 }
-
-// Nav: second level (shown on .active)
-.bd-sidebar .nav .nav {
-  display: none; // Hide by default, but at >768px, show it
-  padding-bottom: .75rem;
-}
-.bd-sidebar .nav .nav > li > a {
-  padding-top: 1px;
-  padding-bottom: 1px;
-  padding-left: 2rem;
-  font-size: 75%;
-  font-weight: normal;
-}
-.bd-sidebar .nav .nav > .active > a,
-.bd-sidebar .nav .nav > .active:hover > a,
-.bd-sidebar .nav .nav > .active:focus > a {
-  font-weight: 500;
-}
-
-.bd-sidebar .nav > .active > .nav {
-  display: block;
-}
-.bd-sidebar .nav .nav > li > a {
-  padding-top: .125rem;
-  padding-bottom: .125rem;
-  padding-left: 2rem;
-  font-size: 80%;
-}