use latest ember-styleguide with website-redesign branch

app/components/ember-data-landing-page.hbs

@@ -2,6 +2,7 @@
   <h1>
     Ember Data API Documentation
   </h1>
+  <hr>
   <p>
     Ember Data is a library for robustly managing data in applications built with Ember.js.
   </p>

app/components/ember-landing-page.hbs

@@ -1,5 +1,6 @@
 <article class="chapter">
   <h1>Ember API Documentation</h1>
+  <hr>
   <p>
     To get started, choose a project (Ember or Ember Data) and a version
     from the dropdown menu. Ember has core methods used in any app, while Ember Data has

app/index.html

@@ -10,7 +10,7 @@
     {{content-for "head"}}
 
     <link integrity="" rel="stylesheet" href="{{rootURL}}assets/vendor.css">
-    <link integrity="" rel="stylesheet" href="{{rootURL}}assets/ember-api-docs.css">
+    <link integrity="" rel="stylesheet" href="{{rootURL}}assets/app.css">
     <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600" rel="stylesheet">
 
     {{content-for "head-footer"}}

app/templates/application.hbs

@@ -1,12 +1,11 @@
+<HeadLayout />
+
 <EsHeader>
-  <EsNavbar @links={{this.links}}>
-    <SearchInput />
-  </EsNavbar>
+  {{!-- <SearchInput /> --}}
 </EsHeader>
-<main class="container">
+
+<main>
   {{outlet}}
 </main>
-<EsFooter />
 
-{{!-- required by ember-cli-meta-tags --}}
-<HeadLayout />
+<EsFooter />

app/templates/ember-cli.hbs

@@ -18,6 +18,7 @@
 <section class="content">
   <article class="chapter">
     <h1>Ember CLI API Documentation</h1>
+    <hr>
     <p>Ember CLI API documentation is available on <a href="https://ember-cli.com/api">ember-cli.com/api</a>.</p>
   </article>
 </section>

app/templates/project-version.hbs

@@ -1,44 +1,46 @@
 {{! template-lint-disable no-inline-styles }}
-<aside class="sidebar">
-  <ol class="toc-level-0">
-    <li class="toc-level-0" data-test-home>
-      <LinkTo @route="project" @model="ember">Home</LinkTo>
-    </li>
-    <li class="toc-level-0">
-      Projects
-      <ol class="toc-level-1 selected" style="display: block;">
-        <li class="toc-level-1"><LinkTo @route="project" @model="ember" @current-when={{eq this.activeProject "ember"}} class="spec-ember">Ember</LinkTo></li>
-        <li class="toc-level-1"><LinkTo @route="project" @model="ember-data" @current-when={{eq this.activeProject "ember-data"}} class="spec-ember-data">Ember Data</LinkTo></li>
-        <li class="toc-level-1"><LinkTo @route="project" @model="ember-cli" @current-when={{eq this.activeProject "ember-cli"}} class="spec-ember">Ember CLI</LinkTo></li>
-      </ol>
-    </li>
-  </ol>
+<div class="sidebar-container">
+  <EsSidebar>
+    <ol class="toc-level-0">
+      <li class="toc-level-0" data-test-home>
+        <LinkTo @route="project" @model="ember">Home</LinkTo>
+      </li>
+      <li class="toc-level-0">
+        Projects
+        <ol class="toc-level-1 selected" style="display: block;">
+          <li class="toc-level-1"><LinkTo @route="project" @model="ember" @current-when={{eq this.activeProject "ember"}} class="spec-ember">Ember</LinkTo></li>
+          <li class="toc-level-1"><LinkTo @route="project" @model="ember-data" @current-when={{eq this.activeProject "ember-data"}} class="spec-ember-data">Ember Data</LinkTo></li>
+          <li class="toc-level-1"><LinkTo @route="project" @model="ember-cli" @current-when={{eq this.activeProject "ember-cli"}} class="spec-ember">Ember CLI</LinkTo></li>
+        </ol>
+      </li>
+    </ol>
 
-  <div class="select-container">
-    <PowerSelect
-      @onChange={{route-action "updateProject" this.activeProject}}
-      @options={{this.projectVersions}}
-      @selected={{this.selectedProjectVersion}}
-      @ariaLabel="Select a version"
-      @required={{true}}
-      @searchField="compactVersion"
-      @searchEnabled={{true}}
-      as |ver|
-    >
-      {{ver.compactVersion}}
-    </PowerSelect>
-  </div>
+    <div class="select-container">
+      <PowerSelect
+        @onChange={{route-action "updateProject" this.activeProject}}
+        @options={{this.projectVersions}}
+        @selected={{this.selectedProjectVersion}}
+        @ariaLabel="Select a version"
+        @required={{true}}
+        @searchField="compactVersion"
+        @searchEnabled={{true}}
+        as |ver|
+      >
+        {{ver.compactVersion}}
+      </PowerSelect>
+    </div>
 
-  <TableOfContents
-    @version={{this.urlVersion}}
-    @classesIDs={{this.shownClassesIDs}}
-    @moduleIDs={{this.shownModuleIDs}}
-    @namespaceIDs={{this.shownNamespaceIDs}}
-    @showPrivateClasses={{this.showPrivateClasses}}
-    @togglePrivateClasses={{this.togglePrivateClasses}}
-    @isShowingNamespaces={{version-lt this.selectedProjectVersion.compactVersion "2.16"}}
-  />
-</aside>
-<section class="content">
-  {{outlet}}
-</section>
+    <TableOfContents
+      @version={{this.urlVersion}}
+      @classesIDs={{this.shownClassesIDs}}
+      @moduleIDs={{this.shownModuleIDs}}
+      @namespaceIDs={{this.shownNamespaceIDs}}
+      @showPrivateClasses={{this.showPrivateClasses}}
+      @togglePrivateClasses={{this.togglePrivateClasses}}
+      @isShowingNamespaces={{version-lt this.selectedProjectVersion.compactVersion "2.16"}}
+    />
+  </EsSidebar>
+  <section class="content">
+    {{outlet}}
+  </section>
+</div>

app/templates/project-version/classes/class.hbs

@@ -5,7 +5,7 @@
   {{/if}}
   <h1 class="module-name">Class {{@model.name}}</h1>
   {{#if @model.access}}<span class="access">{{@model.access}}</span>{{/if}}
-
+  <hr>
   <div class="attributes">
     {{#if @model.extends}}
       <div class="attribute">

app/templates/project-version/functions/function.hbs

@@ -1,2 +1,3 @@
 <h1 class="module-name">Function</h1>
+<hr>
 <ClassFieldDescription @type="method" @field={{@model.fn}} @model={{@model.fnModule}} />

app/templates/project-version/modules/module.hbs

@@ -5,6 +5,7 @@
     <h1 class="module-name">Package {{this.model.name}}</h1>
   {{/if}}
   {{#if this.model.access}}<span class="access">{{this.model.access}}</span>{{/if}}
+  <hr>
 
   <p class="attributes">
     {{#if this.model.parent}}