58 lines
2.7 KiB
HTML
58 lines
2.7 KiB
HTML
---
|
|
layout: default
|
|
---
|
|
<div class="incidents-box">
|
|
<p>Incidents reported since September 28, 2015</p>
|
|
<h2 class="incident-num">172</h2>
|
|
</div>
|
|
<hr>
|
|
<div class="killed-box">
|
|
<div class="killed-names">
|
|
{% assign killedNum = 0 %}
|
|
{% for crime in site.data.crimes %}
|
|
{% for killed in crime.killed %}
|
|
<a class="killed-person" href="/hate-tracker/{{crime.url}}">{{killed}}</a>
|
|
{% assign killedNum = killedNum | plus:1 %}
|
|
{% endfor %}
|
|
|
|
{% for victim in crime.victims %}
|
|
<a href="/hate-tracker/{{crime.url}}">{{victim}}</a>
|
|
{% endfor %}
|
|
{% endfor %}
|
|
</div>
|
|
<p style="font-size: 0.9em; text-align: center;">These are names of all victims. Names in <span style="color: #94090d;">red</span> are of people killed.</p>
|
|
<h2 style="padding: 1em 0 2em 0;">At least <b class="killed-num">{{killedNum}}</b> killed and counting...</h2>
|
|
</div>
|
|
<div class="tell-us"><a href="http://www.hindustantimes.com/hate-tracker/tip" target="_blank">Tell us about an incident</a></div>
|
|
<div id="timeline">
|
|
{% assign crimesByYear = site.data.crimes | group_by_exp:"crime", "crime.dateOfIncident | date: '%Y'" %}
|
|
{% for yearGroup in crimesByYear %}
|
|
<div class="year-block">
|
|
<p class="year-name">{{yearGroup.name}}</p>
|
|
{% assign crimesByMonth = yearGroup.items | group_by_exp:"c", "c.dateOfIncident | date: '%B'" %}
|
|
|
|
{% for month in crimesByMonth %}
|
|
<div class="month-block">
|
|
<p class="month-name">{{month.name}}</p>
|
|
{% for crime in month.items %}
|
|
<div class="incident-block {% cycle 'left', 'right' %}">
|
|
<a href="/hate-tracker/{{crime.url}}">
|
|
<div class="back"></div>
|
|
<div class="text-container">
|
|
<p class="incident-date">{{crime.dateOfIncident}}</p>
|
|
<h2 class="incident-title">{{crime.headline}}</h2></div>
|
|
<div class="map-thumb" style="background-image: url(/images/map-thumb/{{crime.primaryKey}}.png);">
|
|
<div class="map-label">{{crime.location}}</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |