Django site for displaying current laundry machine usage in GMU dorms

main.html 1.9KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html>
  2. <html>
  3. {% block head %}
  4. <head>
  5. <meta charset="utf-8">
  6. {% block title %}<title>GMU Laundry</title>{% endblock %}
  7. {% block description %}
  8. <meta name="Description" content="Current laundry machine usage charts for George Mason University's dorms. An experiment by Tyler Hallada.">
  9. {% endblock %}
  10. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  11. <link href="{{ STATIC_URL }}css/bootstrap.min.css" rel="stylesheet">
  12. <link href="{{ STATIC_URL }}css/font-awesome.css" rel="stylesheet">
  13. <link href="{{ STATIC_URL }}css/bootstrap-responsive.min.css" rel="stylesheet">
  14. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  15. <script src="{{ STATIC_URL }}js/bootstrap.min.js"></script>
  16. <script src="{{ STATIC_URL }}js/laundry.js"></script>
  17. <script src="{{ STATIC_URL }}js/jquery.cookie.js"></script>
  18. <link href="{{ STATIC_URL }}img/glyphicons-halflings.png" rel="icons">
  19. <link href="{{ STATIC_URL }}css/style.css" rel="stylesheet">
  20. <!-- Creative Commons - Attribution - The Noun Project -->
  21. <link href="/favicon.ico" rel="shortcut icon">
  22. {% block head-extra %}{% endblock %}
  23. </head>
  24. {% endblock %}
  25. <script>
  26. var halls = {
  27. {% for h in halls %}
  28. "{{ h.0 }}" : {{ h.1 }},
  29. {% endfor %}
  30. }
  31. </script>
  32. <style>
  33. body {
  34. background:#000000;
  35. }
  36. </style>
  37. <body class="laundry">
  38. <div class="container">
  39. <div class="row hall-select-container">
  40. <select id="hall-select">
  41. {% for h in halls %}
  42. {% if h.1 == 1 %}
  43. <option selected="selected">{{ h.0 }}</option>
  44. {% else %}
  45. <option>{{ h.0 }}</option>
  46. {% endif %}
  47. {% endfor %}
  48. </select>
  49. </div>
  50. <div class="row chart-container">
  51. <div class="current-chart"></div>
  52. </div>
  53. </div>
  54. </body>
  55. </html>