{% extends "bootstrap/base.html" %}

{% block head %}
{{ super() }}
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
    <script src="//bernii.github.io/gauge.js/dist/gauge.min.js"></script>
    <script src="//code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/socket.io/2.2.0/socket.io.js" integrity="sha256-yr4fRk/GU1ehYJPAs8P4JlTgu0Hdsp4ZKrx8bDEDC3I=" crossorigin="anonymous"></script>
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    <script src="static/navbar.js"></script>
    {% block header %}
    {% endblock %}
    <link rel="stylesheet" href="static/dash.css" />

{% endblock %}

{% block body %}

<a class="github-fork-ribbon" href="https://github.com/myoung34/tilty-dashboard" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>

<div class="row">
  <div class="col-md-12">
  <h1>
  	Tilty-Dashboard
  </h1>


  <div id="wrapper">
      <div class="overlay"></div>

      <!-- Sidebar -->
      <nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
          <ul class="nav sidebar-nav">
              <li class="sidebar-brand">
                <a href="#"><img src="static/logo_50_50.png" /></a>
              </li>
              <li>
                  <a href="/">Home</a>
              </li>
              <li>
                  <a href="/dashboard_settings">Settings</a>
              </li>
              <li>
                  <a href="/device_config">Tilt Config</a>
              </li>
              <li>
                  <a href="/logs">View Logs</a>
              </li>
              <li>
                  <a href="https://marcyoung.us">About</a>
              </li>
          </ul>
      </nav>
      <!-- /#sidebar-wrapper -->

      <!-- Page Content -->
      <div id="page-content-wrapper">
          <button type="button" class="hamburger is-closed" data-toggle="offcanvas">
              <span class="hamb-top"></span>
  			      <span class="hamb-middle"></span>
  		        <span class="hamb-bottom"></span>
          </button>
      {% block content %}
      {% endblock %}
        </div>
    </div>
  </div>
</div>
<div id="footer">
	<p>Copyright 2020&#169; <a href="https://marcyoung.us">Marc Young</a></p>
</div>
{% endblock %}
