code: function prepareHTML(html, info) {
    const cssPath = `../doc_styles.css`;
    const nav = info.map(p => {
      return `<li><a href="/static/docs/${p.name.replace('@vx/', 'vx-')}.html">${p.name}</a></li>`;
    });
    return `
    <html>
      <head>
        <link rel="stylesheet" type="text/css" href="${cssPath}">
      </head>
      <div class="nav-container">
        <div class="nav">
          <div class="nav-inner">
            <div class="logo"></div>
            <ul>
            <li class="Item">
              <a href="/">Home</a>
            </li>
            <li class="Item">
              <a href="/docs">Docs</a>
            </li>
            <li class="Item">
              <a href="https://medium.com/vx-code">Guides</a>
            </li>
            <li class="Item">
              <a href="/gallery">Gallery</a>
            </li>
            </ul>
            <a class="github-button" href="https://github.com/hshoff/vx" data-show-count="true" aria-label="Star hshoff/vx on GitHub">Star</a>
            </div>
          </div>
      </div>
      <div class="doc-container">
        <div class="doc-nav">
          <ul>
          <li>Packages</li>
          ${nav.join('')}
          </ul>
        </div>
        <div class="content">
        ${html}
        </div>
      </div>
      <script async defer src="https://buttons.github.io/buttons.js"></script>
    </html>`;
  }
docs: Wraps HTML content in a proper <html> and
  adds css.