nytimes.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. {% include 'hackathon/base.html' %}
  5. <h1 class="text-center"> New York Times Collection </h1>
  6. <h2 class="text-center"> Popular Stories Data </h2>
  7. <div class="col-lg-12">
  8. <div class="table-responsive">
  9. <table class="table table-bordered table-hover table-striped tablesorter">
  10. <thead>
  11. <tr>
  12. <th class="header"> Title <i class="icon-sort"></i></th>
  13. <th class="header"> Abstract <i class="icon-sort"></i></th>
  14. <th class="header"> Section Located <i class="icon-sort"></i></th>
  15. <th class="header"> Author <i class="icon-sort"></i></th>
  16. </tr>
  17. </thead>
  18. <tbody>
  19. {% for data in everyData.pop %}
  20. <tr>
  21. <td>{{ data.title }}</td>
  22. <td>{{ data.abstract }}</td>
  23. <td>{{ data.section }}</td>
  24. <td>{{ data.byline }}</td>
  25. </tr>
  26. {% endfor %}
  27. </tbody>
  28. </table>
  29. </div>
  30. </div>
  31. <h2 class="text-center"> Top Stories Data </h2>
  32. <div class="col-lg-12">
  33. <div class="table-responsive">
  34. <table class="table table-bordered table-hover table-striped tablesorter">
  35. <thead>
  36. <tr>
  37. <th class="header"> Title <i class="icon-sort"></i></th>
  38. <th class="header"> Abstract <i class="icon-sort"></i></th>
  39. <th class="header"> Section Located <i class="icon-sort"></i></th>
  40. <th class="header"> Author <i class="icon-sort"></i></th>
  41. </tr>
  42. </thead>
  43. <tbody>
  44. {% for data in everyData.top %}
  45. <tr>
  46. <td>{{ data.title }}</td>
  47. <td>{{ data.abstract }}</td>
  48. <td>{{ data.section }}</td>
  49. <td>{{ data.byline }}</td>
  50. </tr>
  51. {% endfor %}
  52. </tbody>
  53. </table>
  54. </div>
  55. </div>
  56. </body>
  57. </html>