---
layout: default
---

{% assign links = site.data.navs[page.version] %}


<div class="Main-content">
  <div class="Side-panel">
    <p class="Docs-page__version">
      Version
      <select onchange="if (this.value) window.location.href=this.value">
        {% for version in site.data.navs %}
          <option value="{{ site.baseurl}}/docs/{{ version[0] }}" {% if version[0] == page.version %}selected {% endif %}>{{version[0]}}</option>
        {% endfor %}
      </select>
    </p>

    <ul class="Desktop-nav">
      {% for link in links %}
        {% if link.section %}
          <li class='Desktop-nav__section'>{{ link.section }}</li>
        {% endif %}
        {% if link.path %}
          {% include desktop-nav-link.html path=link.path label=link.label %}
        {% elsif link.label %}
          {% include desktop-nav-link.html label=link.label %}
        {% endif %}
      {% endfor %}
    </ul>

    <select class="Mobile-nav" onchange="if (this.value) window.location.href=this.value">
      <option value="">Navigate the docs...</option>
      {% for link in links %}
        {% include mobile-nav-link.html path=link.path label=link.label %}
      {% endfor %}
    </select>
  </div>


  <div class="Center-panel">
    <div class="Docs-page">
      <div class='Docs-page__header'>
        <a class='Docs-page__improve-link' href="https://github.com/ember-cli-deploy/ember-cli-deploy/edit/master/docs/{{page.path}}">
          <img src="{{ site.baseurl}}/public/images/edit.png" alt="">
          Improve this page
        </a>
        <h1 class='Docs-page__title'>{{ page.title }}</h1>
      </div>

      <div class='Docs-page__content'>
        {{ content }}
      </div>

      {% include docs-page-nav.html %}
    </div>
  </div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/1.1.1/anchor.min.js"></script>
<script>
  /* global anchors */
  // anchors.options = {
  //   placement: 'left',
  //   visible: 'always'
  // };
  anchors.add('h2:not(.Home-page__feature-heading)');
</script>