2017-12-27 14:02:26 +00:00
---
layout: default
---
2017-12-27 15:39:49 +00:00
< link rel = "stylesheet" href = "/assets/landing.css" >
2017-12-27 14:02:26 +00:00
< 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" >
2017-12-27 15:01:41 +00:00
{% assign killedNum = 0 %}
2017-12-27 14:02:26 +00:00
{% for crime in site.data.crimes %}
2017-12-27 15:01:41 +00:00
{% 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 %}
2017-12-27 14:02:26 +00:00
{% 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 >
2017-12-27 15:01:41 +00:00
< h2 style = "padding: 1em 0 2em 0;" > At least < b class = "killed-num" > {{killedNum}}< / b > killed and counting...< / h2 >
2017-12-27 14:02:26 +00:00
< / div >
2017-12-27 15:01:41 +00:00
< div class = "tell-us" > < a href = "http://www.hindustantimes.com/hate-tracker/tip" target = "_blank" > Tell us about an incident< / a > < / div >
2017-12-27 14:02:26 +00:00
< div id = "timeline" >
2017-12-27 15:01:41 +00:00
{% assign crimesByYear = site.data.crimes | group_by_exp:"crime", "crime.dateOfIncident | date: '%Y'" %}
{% for yearGroup in crimesByYear %}
2017-12-27 14:02:26 +00:00
< div class = "year-block" >
2017-12-27 15:01:41 +00:00
< p class = "year-name" > {{yearGroup.name}}< / p >
{% assign crimesByMonth = yearGroup.items | group_by_exp:"c", "c.dateOfIncident | date: '%B'" %}
{% for month in crimesByMonth %}
2017-12-27 14:02:26 +00:00
< div class = "month-block" >
2017-12-27 15:01:41 +00:00
< 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}}" >
2017-12-27 14:02:26 +00:00
< div class = "back" > < / div >
< div class = "text-container" >
2017-12-27 15:01:41 +00:00
< p class = "incident-date" > {{crime.dateOfIncident}}< / p >
< h2 class = "incident-title" > {{crime.headline}}< / h2 > < / div >
2017-12-27 15:26:08 +00:00
< div class = "map-thumb" style = "background-image: url("/images/map-thumb/{{crime.primaryKey}}.png");" >
2017-12-27 15:01:41 +00:00
< div class = "map-label" > {{crime.location}}< / div >
2017-12-27 14:02:26 +00:00
< / div >
< / a >
< / div >
2017-12-27 15:01:41 +00:00
{% endfor %}
2017-12-27 14:02:26 +00:00
< / div >
2017-12-27 15:01:41 +00:00
{% endfor %}
2017-12-27 14:02:26 +00:00
< / div >
2017-12-27 15:01:41 +00:00
{% endfor %}
2017-12-27 14:02:26 +00:00
< / div >
< / div >
< / body >
< / html >