hatetracker/_layouts/front.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>