<!DOCTYPE html> <html> <head>

{% include head.html %}
{% if page.datatable == true %}
<!-- Include the standard DataTables bits -->
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.13/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.13/js/jquery.dataTables.js"></script>
<!-- First, this walks through the tables that occur between ...-begin
     and ...-end and add the "datatable" class to them.
     Then it invokes DataTable's standard initializer
     Credit here: http://www.beardedhacker.com/blog/2015/08/28/add-class-attribute-to-markdown-table/
  -->
<script>
  $(document).ready(function(){
      $('div.datatable-begin').nextUntil('div.datatable-end', 'table').addClass('display');
      $('table.display').DataTable( {
          paging: true,
          stateSave: true,
          searching: true
      });
   });
</script>
{% endif %}

</head> <body> {% include topnav.html %} <!– Page Content –> <div class=“container”>

<div id="main">
  <!-- Content Row -->
  <div class="row">
      {% assign content_col_size = "col-md-12" %}
      {% unless page.hide_sidebar %}
          <!-- Sidebar Column.
           See https://getbootstrap.com/docs/3.3/css/ for exmplanation of values such as col-md-3.
           -->
          <div class="col-md-3" id="tg-sb-sidebar">
              {% include sidebar.html %}
          </div>
          <!--3 columns out of 12 are taken by the sidebar on large devices. Hence using 9.
          Don't want minimum size so to get flowing text small screens, hence using xs.
          -->
          {% assign content_col_size = "col-xs-9" %}
      {% endunless %}

      <!-- Content Column -->
      <div class="{{content_col_size}}" id="tg-sb-content">
          {{content}}
      </div>
  <!-- /.row -->

</div> <!– /.container –> </div> <!– /#main –> </div>

</body> {% if site.google_analytics %} {% include google_analytics.html %} {% endif %} </html>