<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  {{#includeVersion}}
  <meta name="generator" content="made with love by dartdoc {{version}}">
  {{/includeVersion}}
  <meta name="description" content="{{ metaDescription }}">
  <title>{{ title }}</title>
  {{ #relCanonicalPrefix }}
  <link rel="canonical" href="{{relCanonicalPrefix}}/{{self.href}}">
  {{ /relCanonicalPrefix}}
  {{#htmlBase}}
  <!-- required because all the links are pseudo-absolute -->
  <base href="{{htmlBase}}">
  {{/htmlBase}}

  <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Source+Code+Pro|Roboto:500,400italic,300,400' type='text/css'>
  <link rel="stylesheet" href="static-assets/prettify.css">
  <link rel="stylesheet" href="static-assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="static-assets/styles.css">
  <link rel="icon" href="static-assets/favicon.png">

  <!-- Do not remove placeholder -->
  <!-- Header Placeholder -->
</head>

<body>

<div id="overlay-under-drawer"></div>

<header class="container-fluid" id="title">
  <nav class="navbar navbar-fixed-top">
    <div class="container">
      <div class="row">
        <div class="col-sm-12 contents">
          {{^navLinks.isEmpty}}
          <button id="sidenav-left-toggle" type="button">&nbsp;</button>
          {{/navLinks.isEmpty}}
          <ol class="breadcrumbs gt-separated hidden-xs">
            {{#navLinks}}
            <li><a href="{{href}}">{{name}}</a></li>
            {{/navLinks}}
            <li class="self-crumb">{{self.name}}</li>
          </ol>
          <div class="self-name">{{self.name}}</div>
          <form class="search navbar-right" role="search">
            <input type="text" id="search-box" autocomplete="off" disabled class="form-control typeahead" placeholder="Loading search...">
          </form>
        </div> <!-- /col -->
      </div> <!-- /row -->
    </div> <!-- /container -->
  </nav>

  <div class="container masthead">
    <div class="row">
      <div class="col-sm-12 contents">
        <ol class="breadcrumbs gt-separated visible-xs">
          {{#navLinks}}
          <li><a href="{{href}}">{{name}}</a></li>
          {{/navLinks}}
          {{^navLinks.isEmpty}}
          <li class="self-crumb">{{self.name}}</li>
          {{/navLinks.isEmpty}}
        </ol>
        <div class="title-description">
          <h1 class="title">
            {{{ layoutTitle }}}
          </h1>
        </div>
        {{#hasSubNav}}
        <ul class="subnav">
          {{#subnavItems}}
          <li><a href="{{href}}">{{name}}</a></li>
          {{/subnavItems}}
        </ul>
        {{/hasSubNav}}
      </div> <!-- /col -->
    </div> <!-- /row -->
  </div> <!-- /container -->

</header>

<div class="container body">
  <div class="row">
