/public/index.html

https://github.com/etagwerker/chartly · HTML · 101 lines · 92 code · 9 blank · 0 comment · 0 complexity · 5b5c7055e5815f8935bb47acf0578eef MD5 · raw file

  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <head>
  4. <meta charset='utf-8' />
  5. <title>Censo 2010 Charts</title>
  6. <script language="javascript" src="js/jquery-1.6.4.min.js" type="text/javascript"></script>
  7. <script language="javascript" src="js/underscore.js" type="text/javascript"></script>
  8. <script language="javascript" src="js/backbone.js" type="text/javascript"></script>
  9. <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  10. <script type="text/javascript">
  11. google.load("visualization", "1", { packages: ["corechart"] });
  12. </script>
  13. <script language="javascript" src="js/application.js" type="text/javascript"></script>
  14. <link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css">
  15. <link rel="stylesheet" href="stylesheets/chartly.css">
  16. <script type="text/template" id="provincia-template">
  17. <%= nombre %>
  18. </script>
  19. <script type="text/template" id="departamento-template">
  20. <%= formatted_name %>
  21. </script>
  22. <script type="text/template" id="departamento-population-template">
  23. <h1>
  24. <%= area.formatted_name() %>
  25. </h1>
  26. <div id="<%= area.type() %>-population-graph" class="left">
  27. </div>
  28. <div class="population left">
  29. <h3>Hombres</h3>
  30. <span class="hombres">
  31. <%= total_varones %>
  32. </span>
  33. <h3>Mujeres</h3>
  34. <span class="mujeres">
  35. <%= total_mujeres %>
  36. </span>
  37. <h3>Total</h3>
  38. <span class="total">
  39. <%= total_varones + total_mujeres %>
  40. </span>
  41. </div>
  42. </script>
  43. <script type="text/template" id="provincia-population-template">
  44. <h1>
  45. <%= area.formatted_name() %>
  46. </h1>
  47. <div id="<%= area.type() %>-population-graph" class="left">
  48. </div>
  49. <div class="population left">
  50. <h3>Hombres</h3>
  51. <span class="hombres">
  52. <%= total_varones %>
  53. </span>
  54. <h3>Mujeres</h3>
  55. <span class="mujeres">
  56. <%= total_mujeres %>
  57. </span>
  58. <h3>Total</h3>
  59. <span class="total">
  60. <%= total_varones + total_mujeres %>
  61. </span>
  62. </div>
  63. <h2>Localidades</h2>
  64. <ul id="departamentos-list" class="left">
  65. </ul>
  66. <div id="departamento-population-detail" class="left">
  67. </div>
  68. </script>
  69. </head>
  70. <body>
  71. <div class="topbar">
  72. <div class="topbar-inner">
  73. <div class="container">
  74. <a class="brand" href="/">Gráficos</a>
  75. <ul class="nav">
  76. <li><a href="/">Objetivo</a></li>
  77. </ul>
  78. </div>
  79. </div>
  80. </div>
  81. <div class="container-fluid">
  82. <div class="sidebar">
  83. <ul id="provincias-list">
  84. </ul>
  85. </div>
  86. <div class="content">
  87. <div id="provincia-population-detail">
  88. </div>
  89. </div>
  90. </div>
  91. </body>
  92. </html>