anchor.diff:          </ul>
         </div>
         <div class="flex-same-width">
  -        <h2 id="deprecations-ember-data" class="anchorable-toc">Ember Data</h2>
  +        <h3 id="deprecations-ember-data" class="anchorable-toc">Ember Data</h3>
           <ul>
             <li><a href="/deprecations/ember-data/v2.x">2.x</a></li>
           </ul>
         </div>
       </div>
  -
  -    <h1>Ecosystem</h1>
  +    </section>
  +    <section>
  +    <h2>Ecosystem</h2>
   
       <p>
         One of the main strengths of Ember is how shared conventions enable developers to build on top of each other's work and improve the ecosystem for everyone. What follows are some of the projects more closely maintained by the several Ember teams.
  
positive.code:       <li><strong>Tutorial</strong> <a href="https://guides.emberjs.com/current/tutorial/ember-cli/"><i class="icon-link-ext"></i></a>: Follow our tutorial to build, and deploy, your first Ember.js application!</li>
        <li><strong>Guides</strong> <a href="https://guides.emberjs.com/"><i class="icon-link-ext"></i></a>: Whether you're just getting started and want to get familiar with Ember, or you're looking to refresh your knowledge on a certain feature, the Guides are the place for you.</li>
      </ul>
  
      <h1>API Reference</h1>
  
      <p>
        Explore the available API of the various Ember ecosystem libraries. This is where you want to go to read in details about the various features, including example code.
  
negative.code:         </div>
        <% end %>
      </div>
      </section>
      <section>
      <h2 id="faq">Frequently Asked Questions</h2>
  
      <h3 id="faq-future-proof">How do I future-proof my Ember.js application?</h3>
  
  