<!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>