hatetracker/_layouts/front.html

---
layout: default
---
        <link rel="stylesheet" href="/assets/landing.css">
        <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(&quot;/images/map-thumb/{{crime.primaryKey}}.png&quot;);">
                                <div class="map-label">{{crime.location}}</div>
                            </div>
                        </a>
                    </div>
                    {% endfor %}
                </div>
                {% endfor %}
            </div>
            {% endfor %}
        </div>
    </div>
</body>

</html>