<div class="docs-nav-mobile unit whole show-on-mobiles">
  <select onchange="if (this.value) window.location.href=this.value">
    <option value="">Navigate the docs…</option>
    <optgroup label="Getting started">
      <option value="{{ site.url }}/docs/home/">Welcome</option>
      <option value="{{ site.url }}/docs/quickstart/">Quick-start guide</option>
      <option value="{{ site.url }}/docs/installation/">Installation</option>
      <option value="{{ site.url }}/docs/usage/">Basic Usage</option>
      <option value="{{ site.url }}/docs/structure/">Directory structure</option>
      <option value="{{ site.url }}/docs/configuration/">Configuration</option>
    </optgroup>
    <optgroup label="Your Content">
      <option value="{{ site.url }}/docs/frontmatter/">Front-matter</option>
      <option value="{{ site.url }}/docs/posts/">Writing posts</option>
      <option value="{{ site.url }}/docs/drafts/">Working with drafts</option>
      <option value="{{ site.url }}/docs/pages/">Creating pages</option>
      <option value="{{ site.url }}/docs/variables/">Variables</option>
      <option value="{{ site.url }}/docs/migrations/">Blog migrations</option>
    </optgroup>
    <optgroup label="Customization">
      <option value="{{ site.url }}/docs/templates/">Templates</option>
      <option value="{{ site.url }}/docs/permalinks/">Permalinks</option>
      <option value="{{ site.url }}/docs/pagination/">Pagination</option>
      <option value="{{ site.url }}/docs/plugins/">Plugins</option>
      <option value="{{ site.url }}/docs/extras/">Extras</option>
    </optgroup>
    <optgroup label="Deployment">
      <option value="{{ site.url }}/docs/github-pages/">GitHub Pages</option>
      <option value="{{ site.url }}/docs/deployment-methods/">Other methods</option>
    </optgroup>
    <optgroup label="Miscellaneous">
      <option value="{{ site.url }}/docs/troubleshooting/">Troubleshooting</option>
      <option value="{{ site.url }}/docs/sites/">Sites using Jekyll</option>
      <option value="{{ site.url }}/docs/resources/">Resources</option>
      <option value="{{ site.url }}/docs/upgrading/">Upgrading</option>
    </optgroup>
    <optgroup label="Meta">
      <option value="{{ site.url }}/docs/contributing/">Contributing</option>
      <option value="{{ site.url }}/docs/history/">History</option>
    </optgroup>
  </select>
</div>
