index.html 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1">
  5. <link rel="stylesheet" href="./vendor/bootstrap.css">
  6. <link rel="stylesheet" href="./vendor/font-awesome/css/font-awesome.css">
  7. <link rel="stylesheet" href="./vendor/jstree/themes/default/style.css">
  8. <link rel="stylesheet" href="css/index.css">
  9. </head>
  10. <body class="HolyGrail">
  11. <header class="HolyGrail-header" role="banner">
  12. <div class="HolyGrail-header-brand">KITCube Display</div>
  13. <nav>
  14. <ul>
  15. <li>Summary</li>
  16. <li>Modules</li>
  17. </ul>
  18. </nav>
  19. </header>
  20. <div class="HolyGrail-body">
  21. <nav class="HolyGrail-sidebar">
  22. <div id="sidebar-search">
  23. <input type="text" class="form-control" placeholder="Search" name="srch-term" id="srch-term">
  24. </div>
  25. <div id="sidebar-sensor-tree">Tree</div>
  26. <div id="sidebar-control">Control Area
  27. <br/> control 1
  28. <br/> control 5
  29. <br/> control 6
  30. <br/> control 7
  31. <br/> control 8
  32. </div>
  33. </nav>
  34. <main class="HolyGrail-content" role="main">
  35. <i class="fa fa-bars toggle-sidebar"></i>
  36. </main>
  37. </div>
  38. <!-- Include scripts at the end of document for faster loading -->
  39. <script src="global.js"></script>
  40. <script src="app.js"></script>
  41. </body>
  42. </html>