_layouts/default.html

<!DOCTYPE html>
<!-- Copyright Yahoo. Licensed under the terms of the Apache 2.0 license. See LICENSE in the project root. -->
<html lang="en">

{% include htmlhead.html theme="light" %}

<body class="denali-theme-vespa-light subpage">

{% include navbar.html logo="vespa-logo-full-black.svg" class="vespa-light" %}

<div class="container-full is-marginless is-gutterless denali-theme-vespa-light m-r-20" >

  <!-- use nowrap here to keep the content column next to sidebar -->
  <div class="row" style="flex-wrap: nowrap;">

    <div class="col xs-hide sm-hide md-col-1-12 lg-col-1-12 xl-col-1-12">
      {% include sidebar.html %}

      <!-- Dummy: With the .tabs fixed position in style.scss,
           put this dummy div in this column to take space. -->
      <div style="min-width: 305px; width: 305px;"></div>

    </div>

    <div class="col">

      {% unless page.skipheading %}
      <div class="row m-t-20 m-b-20 m-l-20">
        <div class="col">
          <h1>{{ page.title | escape }}</h1>
        </div>

        <div class="col-1-12">
          <a href="{{site.github.repository_url}}/blob/master/{{page.path}}"
             class="d-icon is-small d-pencil"
             data-proofer-ignore></a> <!-- https://denali.design/icons alternative d-file-edit ToDo: color-->
        </div>

      </div>
      {% endunless %}

      <div class="m-l-20" style="max-width: 1000px">
        {{ content }}
      </div>

    </div>
  </div>
</div>

{% include js.html %}
<script src="/js/pre_copy.js"></script>

</body>
</html>