<html>

<head>
  <title>ICE @ LinkedIn</title>
  <style>
    body, table {
      font: 14px sans-serif;
    }
    #container {
      max-width: 1100px;
        margin: auto;
    }
    table {
      border-collapse: collapse;
        width: 100%;
    }
    th {
      text-align: left;
    }
    td {
      padding: 3px;
      border: 1px solid #ccc;
    }
    img {
      max-width: 50px;
      display: block;
    }
    a {
      color: #000;
    }
  </style>
</head>

<body>
  <div id="container">
  <h1>People on LinkedIn who work for ICE</h1>
  <p>collected by <a href="http://lav.io">Sam Lavigne</a></p>
  <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>
  <table>
    <tr>
      <th></th>
      <th>Name</th>
      <th>Title</th>
      <th>Location</th>
    </tr>
    {% for p in people %}
    <tr>
      <td>
        {% if p.img %}
        <a href="{{p.linkedin}}"><img src="{{p.img}}"></a> {% endif %}
      </td>
      <td><a href="{{p.linkedin}}">{{p.name}}</a></td>
      <td>{{p.title}}</td>
      <td>{{p.location}}</td>
      </tr>
      {% endfor %}
    </table>
    </div>
  </body>
</html>
