/views/base.html

https://github.com/jlongster/OMGBUGS · HTML · 85 lines · 72 code · 13 blank · 0 comment · 0 complexity · c9906e9eb4ab738a044d621e75146bad MD5 · raw file 

    

  1. <!DOCTYPE html>
    2. 

  2. <html id="${page_id}">
    3. 

  3.   <head>
    4. 

  4.     <title>OMG BUGS!</title>
    5. 

  5.     <link rel="stylesheet"
    6. 

  6.           href="/css/table.css"
    7. 

  7.           type="text/less" />
    8. 

  8.     <link rel="stylesheet"
    9. 

  9.           href="/css/main.less"
    10. 

  10.           type="text/less"
    11. 

  11.           media="screen" />
    12. 

  12.     <link href="http://fonts.googleapis.com/css?family=Reenie+Beanie" 
    13. 

  13.           rel="stylesheet"
    14. 

  14.           type="text/css" />
    15. 

  15.     <link rel="icon"
    16. 

  16.           type="image/x-icon"
    17. 

  17.           href="favicon.ico" />
    18. 

  18.     <link rel="shortcut"
    19. 

  19.           type="image/x-icon"
    20. 

  20.           href="favicon.ico" />
    21. 

  21. 

  22.     <script src="/js/less-1.1.3.min.js" type="text/javascript" ></script>
    23. 

  23.     <script src="/js/jquery-1.6.4.js" type="text/javascript" ></script>
    24. 

  24.     <script src="/js/underscore.js" type="text/javascript" ></script>
    25. 

  25.     <script src="/js/backbone.js" type="text/javascript" ></script>
    26. 

  26.     <script src="/js/jquery.hotkeys.js" type="text/javascript" ></script>
    27. 

  27.     <script src="/js/pure.js" type="text/javascript" ></script>
    28. 

  28.     <script src="/js/jquery.tablesorter.js" type="text/javascript" ></script>
    29. 

  29.     <script src="/js/jquery.tablesorter-filter.js" type="text/javascript" ></script>
    30. 

  30.     <script src="/js/jquery.color.js" type="text/javascript" ></script>
    31. 

  31.     <script src="/socket.io/socket.io.js"></script>
    32. 

  32.     <script src="/js/layers.js" type="text/javascript" ></script>
    33. 

  33. 

  34.     <script src="/js/handlers.js" type="text/javascript" ></script>
    35. 

  35.     <script src="/js/views.js" type="text/javascript" ></script>
    36. 

  36.     <script src="/js/models.js" type="text/javascript" ></script>
    37. 

  37. 

  38. 

  39.   </head>
    40. 

  40.   <body>
    41. 

  41.     <header>
    42. 

  42.       <h1><a href="/">OMG BUGS!</a></h1>
    43. 

  43. 

  44.       <nav>
    45. 

  45.         <a href="#" class="about">About</a>
    46. 

  46.         <a href="#" class="file-bug">File a bug</a>
    47. 

  47.         <a href="#" class="settings">Settings</a>
    48. 

  48.       </nav>
    49. 

  49.     </header>
    50. 

  50. 

  51.     <div class="content">
    52. 

  52.       {{html body}}
    53. 

  53.     </div>
    54. 

  54. 

  55.     <div class="template file-bug-template">
    56. 

  56.       <h2 class="title">File a bug</h2>
    57. 

  57.       Component: <input type="text" name="component" />
    58. 

  58.     </div>
    59. 

  59. 

  60.     <div class="template about-template">
    61. 

  61.       <h2 class="title">About</h2>
    62. 

  62. 

  63.       <p>
    64. 

  64.         This is an experiment for a new way of interacting with
    65. 

  65.         <a href="https://bugzilla.mozilla.org">Bugzilla</a>. It's not meant
    66. 

  66.         to completely replace Bugzilla, but rather let you perform most of
    67. 

  67.         the common tasks quickly and easily.
    68. 

  68.       </p>
    69. 

  69. 

  70.       <p>Made with love by James Long.</p>
    71. 

  71.     </div>
    72. 

  72. 

  73.     <div class="template settings-template">
    74. 

  74.       <h2 class="title">Settings</h2>
    75. 

  75. 

  76.       <p>
    77. 

  77.         You'll be able to customize things like column names, date
    78. 

  78.         formats, and most importantly, addons. Addons will be
    79. 

  79.         javascript functions which can process buglists and do cool
    80. 

  80.         things like render graphs or automate frequent tasks.
    81. 

  81.       </p>
    82. 

  82.     </div>
    83. 

  83. 

  84.   </body>
    85. 

  85. </html>
    86.