<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>myCar</title>
    <link rel="shortcut icon" href="{{ url_for('static', filename='img/favicon.ico') }}"/>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/pure/pure.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/pure/side-menu.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/pure/grids-responsive.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/myCar.css') }}">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>


<script src="{{ url_for('static', filename='js/ui.js') }}" defer></script>
<div id="layout">
    <a href="#menu" id="menuLink" class="menu-link">
        <span></span>
    </a>
    <div id="menu">
        <div class="pure-menu">
            <a class="pure-menu-heading" href="{{ url_for('myCar_root') }}">Home</a>

            <ul class="pure-menu-list">

                <li class="pure-menu-item"><a href="{{ url_for('myCar_live') }}" class="pure-menu-link">Live Data</a></li>

                <li class="pure-menu-item"><a href="{{ url_for('myCar_record') }}" class="pure-menu-link">Recordings</a></li>
   
                <li class="pure-menu-item"><a href="{{ url_for('myCar_conf') }}" class="pure-menu-link">Configuration</a></li>

                <li class="pure-menu-item"><a href="{{ url_for('myCar_bluetooth_controller') }}" class="pure-menu-link">Bluetooth Controller</a></li>
                <li class="pure-menu-item"><a href="{{ url_for('myCar_bluetooth_devices') }}" class="pure-menu-link">Bluetooth Devices</a></li>

                <li class="pure-menu-item"><a href="{{ url_for('myCar_gps') }}" class="pure-menu-link">GPS</a></li>

                <li class="pure-menu-item"><a href="{{ url_for('myCar_wifi') }}" class="pure-menu-link">WiFi</a></li>

                <li class="pure-menu-item"><a href="{{ url_for('myCar_system') }}" class="pure-menu-link">System</a></li>

            </ul>
        </div>
    </div>

    <div id="main">
        <div class="header">


            <table>

                <tr><td><img src="{{ url_for('static', filename='img/logo_smaller.png') }}" class="pure-img"></td>
                    <td><h1>myCar Appliance</h1><br><h2>A OBD2 automatic logger appliance</h2></td>
                </tr>
            </table>
        </div>

        <div class="content" max-width="1700px">
            
                {% block content %}
                {% endblock %}
            
        </div>

         <div id="footer">
        <br>
            {% block footer %}

             <table>
                <tr>
                    <td width="5%">  </td>
                    <td>
                        This is free software.<br>
                        The license is yet undefined ...<br>
                        <a href="https://wiki.siningsoft.de/id=mycar:intro">myCar project Page at wiki.siningsoft.de</a>
                     </td>
                </tr><tr><td></td>
                    <td>{{ VERSION }}</td>
                    
                </tr>
            </table>
                 
            {% endblock %}
        </div>
    </div>
</div>


</body>
</html>
