base.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>myCar</title>
  7. <link rel="shortcut icon" href="{{ url_for('static', filename='img/favicon.ico') }}"/>
  8. <link rel="stylesheet" href="{{ url_for('static', filename='css/pure/pure-min.css') }}" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous">
  9. <link rel="stylesheet" href="{{ url_for('static', filename='css/pure/side-menu.css') }}">
  10. <link rel="stylesheet" href="{{ url_for('static', filename='static/css/pure/grids-responsive.css') }}">
  11. <meta name="viewport" content="width=device-width, initial-scale=1">
  12. </head>
  13. <body>
  14. <script src="{{ url_for('static', filename='js/ui.js') }}" defer></script>
  15. <div id="layout">
  16. <a href="#menu" id="menuLink" class="menu-link">
  17. <span></span>
  18. </a>
  19. <div id="menu">
  20. <div class="pure-menu">
  21. <a class="pure-menu-heading" href="{{ url_for('myCar_root') }}">Home</a>
  22. <ul class="pure-menu-list">
  23. <li class="pure-menu-item"><div class="pure-menu-link">Live Data</div></li>
  24. <li class="pure-menu-item"><div class="pure-menu-link">Recordings</div></li>
  25. <li class="pure-menu-item"><a href="{{ url_for('myCar_conf') }}" class="pure-menu-link">Configuration</a></li>
  26. <li class="pure-menu-item pure-menu-selected"><div class="pure-menu-link">Bluetooth</div></li>
  27. <li class="pure-menu-item"><a href="{{ url_for('myCar_bluetooth_controller') }}" class="pure-menu-link"> Controller</a></li>
  28. <li class="pure-menu-item"><a href="{{ url_for('myCar_bluetooth_devices') }}" class="pure-menu-link"> Devices</a></li>
  29. </ul>
  30. </div>
  31. </div>
  32. <div id="main">
  33. <div class="header">
  34. <table>
  35. <tr><td><img src="{{ url_for('static', filename='img/logo_smaller.png') }}" class="pure-img"></td>
  36. <td><h1>myCar Appliance</h1><br><h2>A OBD2 automatic logger appliance</h2></td>
  37. </tr>
  38. </table>
  39. </div>
  40. <div class="content" max-width="1700px">
  41. <p>
  42. {% block content %}
  43. {% endblock %}
  44. </p>
  45. </div>
  46. <div id="footer">
  47. <br>
  48. {% block footer %}
  49. <table>
  50. <tr><td width="5%"> </td>
  51. <td>
  52. This is free software.<br>
  53. The license is yet undefined ...<br>
  54. <a href="https://wiki.siningsoft.de/id=mycar:intro">myCar project Page at wiki.siningsoft.de</a>
  55. </td>
  56. </tr>
  57. </table>
  58. {% endblock %}
  59. </div>
  60. </div>
  61. </div>
  62. </body>
  63. </html>