template.html 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <html>
  2. <head>
  3. <title>ICE @ LinkedIn</title>
  4. <style>
  5. body, table {
  6. font: 14px sans-serif;
  7. }
  8. #container {
  9. max-width: 1100px;
  10. margin: auto;
  11. }
  12. table {
  13. border-collapse: collapse;
  14. width: 100%;
  15. }
  16. th {
  17. text-align: left;
  18. }
  19. td {
  20. padding: 3px;
  21. border: 1px solid #ccc;
  22. }
  23. img {
  24. max-width: 50px;
  25. display: block;
  26. }
  27. a {
  28. color: #000;
  29. }
  30. </style>
  31. </head>
  32. <body>
  33. <div id="container">
  34. <h1>People on LinkedIn who work for ICE</h1>
  35. <p>collected by <a href="http://lav.io">Sam Lavigne</a></p>
  36. <p><a href="https://raw.githubusercontent.com/antiboredom/ice-linkedin/master/ice.csv">Download as a CSV</a>, or explore <a href="https://github.com/antiboredom/ice-linkedin">the more detailed dataset here</a>.</p>
  37. <table>
  38. <tr>
  39. <th></th>
  40. <th>Name</th>
  41. <th>Title</th>
  42. <th>Location</th>
  43. </tr>
  44. {% for p in people %}
  45. <tr>
  46. <td>
  47. {% if p.img %}
  48. <a href="{{p.linkedin}}"><img src="{{p.img}}"></a> {% endif %}
  49. </td>
  50. <td><a href="{{p.linkedin}}">{{p.name}}</a></td>
  51. <td>{{p.title}}</td>
  52. <td>{{p.location}}</td>
  53. </tr>
  54. {% endfor %}
  55. </table>
  56. </div>
  57. </body>
  58. </html>