Initial skeleton

This commit is contained in:
Nemo 2017-12-27 19:32:26 +05:30
parent fb6f7c8f22
commit f8101c8d47
171 changed files with 5772 additions and 1877 deletions

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
_site

2557
_data/crimes.json Normal file

File diff suppressed because it is too large Load Diff

11
_includes/footer.html Normal file
View File

@ -0,0 +1,11 @@
<footer class="footer-basic-centered">
<p class="footer-company-name">
HT Media Limited © 2017
</p>
<p class="footer-links">
<a href="https://web.archive.org/web/20171024134708/http://www.hindustantimes.com/">Home</a> |
<a href="https://web.archive.org/web/20171024134708/http://www.hindustantimes.com/contact-us">Contact</a> |
<a href="https://web.archive.org/web/20171024134708/http://www.hindustantimes.com/privacy-policy/">Privacy</a> |
<a href="https://web.archive.org/web/20171024134708/http://www.hindustantimes.com/disclaimer">Disclaimer</a>
</p>
</footer>

9
_includes/head.html Normal file
View File

@ -0,0 +1,9 @@
<head>
<title>Track hate crime, mob lynching, attack on Dalits and minority in India | Hindustan Times</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="/assets/fonts.css">
<link rel="stylesheet" href="/assets/story.css">
<link rel="stylesheet" href="/assets/landing.css">
<meta name="description" content="Hate tracker: Latest news on hate crime, politics of hate, racism, mob lynching, gau rakshaks engaged in vandalism, cow vigilantes taking law into their hands, attacks on Dalits, caste and religion based crimes in India from Hindustan Times" />
<meta name="keywords" content="hate crime, mob lynching, hate tracker, cow vigilante, gau rakshak, cow meat, beef politics, racism, Hindu-Muslim fight, communal riot, lynching of Muslims, attacks on minority, attack on lower caste, attack on Dalits" />
</head>

6
_includes/logo.html Normal file
View File

@ -0,0 +1,6 @@
<div class="logo-container">
<a href="">
<img src="/images/logo.png" class="hc-logo">
<p class="strap">Database of identity-based hate crimes in India</p>
</a>
</div>

19
_includes/nav.html Normal file
View File

@ -0,0 +1,19 @@
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<a href="http://www.hindustantimes.com/"><img class="nav-logo mobile" src="/images/logo-mobile.png"></a>
<a href="http://www.hindustantimes.com/"><img class="nav-logo desktop" src="/images/logo-desktop.png"></a>
<div class="right-container desktop">
<p><a href="/about">about the project</a></p>
<p><a href="/">database</a></p>
<p><a href="http://www.hindustantimes.com/hate-tracker-project/" target="_blank">features</a></p>
<p><a href="http://www.hindustantimes.com/hate-tracker/tip">submit incident</a></p>
</div>
<div class="right-container mobile">
<i id="hamburger" class="fa fa-bars" aria-hidden="true"></i>
<div class="mob-menu inactive" id="mobile-menu-items">
<p><a href="/about">about the project</a></p>
<p><a href="/">database</a></p>
<p><a href="http://www.hindustantimes.com/hate-tracker-project/" target="_blank">features</a></p>
<p><a href="http://www.hindustantimes.com/hate-tracker/tip">submit incident</a></p>
</div>
</div>
</nav>

View File

@ -0,0 +1,11 @@
<div class="social-shares"><a href=""></a>
<a href="https://web.archive.org/web/20171024134708/https://www.facebook.com/sharer/sharer.php?u=http://www.hindustantimes.com/hate-tracker" target="_blank">
<div class="facebook social"><i class="fa fa-facebook" aria-hidden="true"></i><span>share</span></div>
</a>
<a href="https://web.archive.org/web/20171024134708/http://twitter.com/intent/tweet?url=http://www.hindustantimes.com/hate-tracker&amp;text=Hate Tracker is HT's national database of hate crimes. Join the conversation. &amp;via=httweets&amp;hashtags=HateTracker" target="_blank">
<div class="twitter social"><i class="fa fa-twitter" aria-hidden="true"></i><span>tweet</span></div>
</a>
<a href="https://web.archive.org/web/20171024134708/whatsapp://send/?text=Hate Tracker is Hindustan Times' national database of hate crimes. Join the conversation. www.hindustantimes.com/hate-tracker" data-action="share/whatsapp/share">
<div class="whatsapp social"><i class="fa fa-whatsapp" aria-hidden="true"></i></div>
</a>
</div>

14
_layouts/default.html Normal file
View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
{% include head.html %}
<body>
{% include nav.html %}
<div class="container">
{% include logo.html %}
{% include social-share.html %}
{{content}}
{% include footer.html %}
</body>
</html>

2005
_layouts/front.html Normal file

File diff suppressed because it is too large Load Diff

6
_layouts/story.html Normal file
View File

@ -0,0 +1,6 @@
---
layout: default
---
<div class="story copy">
{{content}}
</div>

114
about.md Normal file
View File

@ -0,0 +1,114 @@
---
layout: story
title: About
permalink: /about/
---
[Source](http://www.hindustantimes.com/hate-tracker/about "Permalink to About the project Hindustan Times Hate Tracker"
![][1]
When a mob lynches a Muslim man on the suspicion of possessing beef, it is recorded as a murder. When a North-Eastern or African student is abused with slurs, it is recorded as an obscene act. When a gay man is beaten because of the way he looks and acts, it is recorded as an assault.
In all these situations, violence or abuse may be punished, but bigotry is not. Part of the problem is lack of laws dealing with hate crimes in the Indian legal system. The closest thing we have is [The Scheduled Caste and Scheduled Tribe (Prevention of Atrocities) Act][2], which criminalises a range of activities prejudicial to Dalits and members of scheduled tribes.
This means there is a dearth of information about the power and influence of hate. That, in turn, makes it impossible to know the extent of the problem. There is no national database of hate crimes.
Hindustan Times intends to fill this void. Our Hate Tracker will monitor acts of violence, threats of violence, and incitements to violence based on religion, caste, race, ethnicity, region of origin, gender identity and sexual orientation.
## What we hope the Hate Tracker will achieve
Hate crimes are humiliating and degrading. They are directed at the dignity of a whole community, and make large groups of people feel unsafe and fearful in their homes. Some leave. Their lives are changed forever.
As a part of the series of articles that accompanied the announcement of this website, we reported from Mirchpur, a Haryana village that was witness to a horrific case of caste violence in 2010. After a mob of Jats torched Dalit homes, all of the village's Dalits fled. Most Dalit families have decided not to return. Instead, they have lived in a makeshift camp for seven years.
The conditions are miserable. "Look around at how we have been living," said one resident, gesturing at his tent, "without even a roof over our heads."
Making a public record of these crimes will provide solid, irrefutable evidence to researchers, activists, and political leaders trying to grapple with the challenges of hate. We hope our database will also clarify to general readers the variety and extent of intolerance in India.
## How to identify a hate crime
For the purpose of this project, we are relying on standard international practices for determining what counts as a hate crime.
These criteria include the following questions. Was the identity of the victim visibly obvious from his or her appearance? Did the accused use slurs or evince knowledge of the victim's identity in some other way? Does the social or political situation of the crime suggest a motive to threaten, incite, or commit violence on the basis of identity? Has the attacker previously expressed hatred for the targeted group?
The hardest part about determining whether something should count as a hate crime is establishing that the offender was motivated by prejudice. In the United States, the federal government helps with this process by providing investigative and prosecutorial support to local law enforcement and by compiling annual statistics on hate crimes. In the US legal system, a hate crime is punished as an 'enhancement', an extra penalty that is added onto an existing set of charges.
## What we counted
There are too many different sorts of hate crime for us to list all of them. But here are a few varieties that are relatively common across the country.
We consider acts of violence, threats of violence, and incitements to violence in the name of cow vigilantism to be hate crimes, since all such behaviour targets people on the basis of religious belief. Members of any faith, including Hinduism, may be victims.
We count honour killings in the name of religion or caste as hate attacks.
Finally, we are also including several forms of humiliation traditionally visited upon Dalits, such as public stripping and tonsuring.
![][3]
## What we did not count
Terrorism tends to be motivated by hate, but it is considered a separate and uniquely dire offence throughout the world.
In the US, for instance, terrorism is defined as "the unlawful use of force or violence to intimidate a government or civilian population for political or social objectives". This aspect of attacking a state or a whole society is generally what distinguishes terrorism from hate crimes.
We have also used this logic in our Hate Tracker, and not included acts of terrorism, though we recognize that the distinction is not obvious in every case. (The BBC analysed some of the legal technicalities involved in [this informative piece][4].)
Like acts of terrorism, attacks that are part of an ongoing political or military conflict are also generally not included as hate crimes.
We have not counted every instance of mob violence as a hate crime. For instance, according to the descriptions of the crime that have been published, the mob that lynched deputy superintendent of police Ayub Pandith was not motivated by the categories of identity relevant to hate crimes. The lynchings in Jharkhand over rumours of child trafficking were also not inspired by the identities of the victims. The death of Zafar Khan, allegedly at the hands of public officials, was brought about not by his identity but by his objections to the photographing of a woman openly defecating.
Finally, attacks by and between members of two political parties are not included.
## How does the government count hate crimes?
The [National Crime Records Bureau][5] publishes an annual report on crime statistics from every state in India. But there is no separate classification for identity-based hate crimes. The available figures include the number of crimes registered under the SC/ST Act, under section 153A, and as part of communal riots.
This data set is woefully inadequate. The main problem is the NCRB classification of the 'primary offence'. Each incident may invoke several sections, but the NCRB will record them under only the main offence. A murder motivated by religious prejudice, for example, will appear only as a murder.
The NCRB list consists mainly of numbers. In our list, we have also included details about the circumstances of each incident, links to reports about it, and the names of anyone who was killed.
![][6]
## Data sources
The figures and descriptions of our database are drawn from news stories in the English-language press and reports from civil society organizations.
This information is not final and has not, in many cases, been tried in a court of law. These reports still reflect the factual information currently available on each incident.
This does not suggest the guilt of individual parties until the judicial process is complete. When courts adjudicate on a case, we will update the Tracker accordingly.
We realize its limitations: not all such incidents get covered by these sources, and we may miss even some of the ones that do. Our figures will underestimate the real number.
To make our list comprehensive, we are working to expand our linguistic capabilities. If you would like to collaborate with us or make any suggestions, please contact us using the information below.
## Contact us
Please use this form to submit information, links, and reports to all incidents that you see, read, or come across in person.
You can write to us at hatetracker@hindustantimes.com.
We'd be grateful for documentary evidence of any crimes, such as photos or videos, and we'd also like to hear about errors or further information (especially case updates) on the incidents recorded on our database.
All information shared with us will be strictly confidential and not shared with anyone. In the submission form on this site, it is not compulsory to include your name, email address, or phone number, so you can give us a tip without revealing who you are. We will publish only the information that we can verify.
## Credits
* Research and reporting: Niha Masih
* Development: Vishrut Kohli, Shivam Kohli, Gurman Bhatia and Balaji Bora Jagannath Naidu
* Design: Gurman Bhatia
* Data: Harry Stevens, Manas Sharma, Samarth Bansal, Gurman Bhatia
* Additional Research: Sujoy Das
* Photographs: Burhaan Kinu
* Videos: Manira Chaudhary, Uzma Mollah, Ummul Baneen, Aastha Purwar, Aayush Bhardwaj
* Animation: Lolita Bhaduri
* Illustrations: Malay Karmakar
* Production: Zehra Kazmi, Dhruba Jyoti
* Editing: Alex Traub
[1]: https://web.archive.org/web/20171024173605im_/http%3A/www.hindustantimes.com/hate-tracker/static/api/img/extra/kashmir.JPG
[2]: https://web.archive.org/web/20171024173605/http://www.indiacode.nic.in/acts-in-pdf/2016/201601.pdf
[3]: https://web.archive.org/web/20171024173605im_/http%3A/www.hindustantimes.com/hate-tracker/static/api/img/extra/politician.JPG
[4]: https://web.archive.org/web/20171024173605/http://www.bbc.com/news/world-us-canada-33205339
[5]: https://web.archive.org/web/20171024173605/http://ncrb.gov.in/
[6]: https://web.archive.org/web/20171024173605im_/http%3A/www.hindustantimes.com/hate-tracker/static/api/img/extra/dadri.JPG

94
assets/fonts.css Normal file
View File

@ -0,0 +1,94 @@
@font-face {
font-family: FontAwesome;
src: url('/fonts/d980c2ce873dc43af460d4d572d441304499f400.0') format(embedded-opentype), url('/fonts/d6f48cba7d076fb6f2fd6ba993a75b9dc1ecbf0c.0') format(woff2), url('/fonts/28b782240b3e76db824e12c02754a9731a167527.0') format(woff), url('/fonts/13b1eab65a983c7a73bc7997c479d66943f7c6cb.0') format(truetype), url('/fonts/98a8aa5cf7d62c2eff5f07ede8d844b874ef06ed.svg') format(svg);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('/fonts/977a5d0114aa7b6c9ef51427fd91819bec1f0efe.woff2') format(woff2);
unicode-range: ;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('/fonts/1328db75b124aedea62c88f128825d34749dbeb3.woff2') format(woff2);
unicode-range: ;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('/fonts/63685014123fb567f4a85af01aff3c3a28c4bcd1.woff2') format(woff2);
unicode-range: ;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('/fonts/60faddb6d06ecd7bc9254164ca7a6b30720fd97d.woff2') format(woff2);
unicode-range: ;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('/fonts/4ca926636257d3e26ff095cc6f028fd4338609b2.woff2') format(woff2);
unicode-range: ;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('/fonts/dbc56dbdcae5e9d295ea82c5b9e8214e6ce85fa2.woff2') format(woff2);
unicode-range: ;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('/fonts/7e99fd1defd18f6174981bdc006d32c6b6319ddf.woff2') format(woff2);
unicode-range: ;
}
@font-face {
font-family: 'PT Mono';
font-style: normal;
font-weight: 400;
src: url('/fonts/eba1ba331fc570792b115650d023ac6fe6c99127.woff2') format(woff2);
unicode-range: ;
}
@font-face {
font-family: 'PT Mono';
font-style: normal;
font-weight: 400;
src: url('/fonts/69d75f70f3029898028a96b1024da8a23dc778f8.woff2') format(woff2);
unicode-range: ;
}
@font-face {
font-family: 'PT Mono';
font-style: normal;
font-weight: 400;
src: url('/fonts/e640183cebe570c9875f598d1b54038b8e049c48.woff2') format(woff2);
unicode-range: ;
}
@font-face {
font-family: 'PT Mono';
font-style: normal;
font-weight: 400;
src: url('/fonts/9a10eb7a73ea016bacf5517da764445effcb2ca6.woff2') format(woff2);
unicode-range: ;
}

436
assets/landing.css Normal file
View File

@ -0,0 +1,436 @@
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
}
.navbar{
background-color: #000;
color: white;
width: 100%;
height: 50px;
position: fixed;
top: 0;
z-index: 100;
font-family: "PT Mono";
}
.navbar .right-container{
position: absolute;
text-align: right;
top: 15px;
right: 5px;
}
.navbar .right-container p{
display: inline-block;
margin: 0 1.2em;
}
.navbar .right-container.desktop{
position: absolute;
text-align: right;
top: 15px;
right: 5px;
}
.navbar .right-container.desktop p{
display: inline-block;
margin: 0 1.2em;
}
.navbar .right-container.mobile{
display: none;
}
.navbar .right-container p a{
color: inherit;
text-decoration: none;
cursor: pointer;
}
.navbar .right-container p:hover{
text-decoration: underline;
}
.logo-container{
margin-top: 3em;
text-align: center;
}
.logo-container a{
text-decoration: none;
}
.hc-logo{
max-width: 400px;
width: 90%;
margin: 2em auto 0 auto;
}
.strap{
font-family: 'PT Mono', serif;
padding-top: 0.8em;
font-weight: bold;
color: #3a3a3a;
font-size: 1.3em;
}
.social-shares{
text-align: center;
margin:1.5em 0 1.5em auto;
font-size: 1.1em;
font-family:'PT Mono', serif;
}
.social-shares .social{
padding:.2em 0.6em;
width:150px;
display:inline-block;
text-align:left;
color:#3a3a3a;
font-size:1.3em;
margin:0 10px;
cursor:pointer;
border:3px solid #3a3a3a;
}
.social-shares .social i{
font-size:1.2em;
vertical-align:middle;
margin-right:20px
}
.social-shares .social.whatsapp{
display:none
}
.social-shares .social:hover{
background-color:#000;
color: white;
}
.footer-basic-centered {
background-color: #000;
color: #fff;
width: 100%;
text-align: center;
font: 300 20px;
padding: 30px;
padding-bottom: 50px;
font-family: "PT Mono";
margin-top: 8em;
}
.footer-basic-centered .footer-links{
float: right;
}
.footer-basic-centered .footer-company-name{
float: left;
}
.footer-basic-centered .footer-links,.footer-basic-centered .footer-company-name{
vertical-align: middle;
padding-bottom: 20px;
}
.footer-basic-centered a{
margin-left: 5px;
margin-right: 5px;
text-decoration: none;
color: inherit;
}
.footer-basic-centered a:hover{
text-decoration: underline;
}
/*timeline css*/
#timeline{
text-align: center;
max-width: 900px;
margin: 1em auto;
}
.year-name{
font-weight: bold;
font-family: "Open Sans";
font-size: 1.7em;
border-bottom: solid 2px #000;
width: 150px;
margin: 1.3em auto 0.4em auto;
padding-bottom: 0.2em;
}
.month-block{
margin-top: 2em;
}
.month-name{
font-weight: bold;
font-family: "Open Sans";
font-size: 1.2em;
padding-bottom: 0.2em;
}
.incident-block{
border: solid 3px #000;
max-width: 400px;
display: inline-block;
vertical-align: top;
font-family: "PT Mono";
margin: 1em 1em ;
height: 160px;
text-align: left;
cursor: pointer;
position: relative;
}
.incident-block .map-thumb{
width: 30%;
height: 100%;
background-position: 50% 50%;
display: inline-block;
position: relative;
}
.incident-block .map-thumb .map-label{
position: absolute;
top: 25%;
padding: 0.4em 0.3em;
background: black;
color: white;
font-size: 0.8em;
width: 100%;
text-align: center;
}
.incident-block .text-container{
width: 68%;
display: inline-block;
}
.incident-block.right{
text-align: right;
}
.incident-block.right .map-thumb{
float: right;
}
.incident-block.left .map-thumb{
float: left;
}
.incident-block.left .text-container{
float: right;
}
.incident-block.right .text-container{
float: left;
}
.incident-block .incident-date{
color: #94090d;
padding: 0.5em;
margin-bottom: 0.3em;
z-index: 2;
}
.tell-us{
text-align: center;
margin: 0 auto;
font-family: "PT Mono";
border: solid 3px #000;
padding: 0.5em;
max-width: 350px;
font-size: 1.2em;
}
.tell-us:hover{
background-color: #000;
color: white;
}
.tell-us a{
color: inherit;
text-decoration: none;
}
.incident-block a {
text-decoration: none;
color: inherit;
}
.incident-block .back{
background-color: #eee;
height: 35px;
position: absolute;
z-index: -1;
-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
width: 0%;
}
.incident-block:hover .back{
width: 100%;
}
.incident-block .incident-title{
font-size: 1.1em;
padding: 0 0.5em;
}
.incidents-box{
text-align: center;
font-family: 'PT Mono';
padding-top: 1em;
max-width: 300px;
margin: 0 auto;
font-size: 1.1em;
}
.incidents-box p{
padding-bottom: 0.3em;
color: #3f3f3f;
}
.incidents-box .incident-num{
font-size: 6em;
color: #94090d;
}
.killed-box{
text-align: center;
margin: 2em auto;
width: 98%;
font-size: 0.7em;
line-height: 1.6em;
font-family: "PT Mono";
}
.killed-box .killed-num{
color: #94090d;
}
hr{
max-width: 200px;
border: solid #eee 1px;
margin: 1em auto
}
.killed-names{
margin: 1em 0;
/*text-align: left;*/
}
.killed-names a{
text-decoration: none;
color: inherit;
padding: 0 0.8em;
}
.killed-names a:hover{
text-decoration: underline;
}
.killed-names a:nth-child(odd){
color: #999;
}
.killed-names a:nth-child(even){
color: #000;
}
.killed-names a.killed-person{
color: #94090d;
font-size: 1.3em;
}
#hamburger{
font-size: 2em;
position: absolute;
top: -6px;
right: 15px;
cursor: pointer;
}
#hamburger:hover{
opacity: 0.7;
}
.right-container.mobile .mob-menu.inactive{
display: none;
}
.right-container.mobile .mob-menu{
background-color: black;
position: fixed;
top: 50px;
width: 100%;
text-align: right;
left: 0;
}
.right-container.mobile .mob-menu p{
padding: 0.8em 0.6em;
display: block;
}
@media (max-width:800px){
.footer-basic-centered .footer-links, .footer-basic-centered .footer-company-name{
float: none;
text-align: center;
}
.social-shares {
font-size: 1em;
text-align: center;
}.social-shares .social.whatsapp{
display:inline-block
}.social-shares .social{
width: 33.33%;
padding: .2em .8em;
margin: 0;
border-left: none;
border-right: none;
text-align: center;
}.social-shares .social i{
margin-right:0
}
.social-shares .social.twitter{
border-right: solid;
border-left: solid;
}
.social-shares .social span{display:none}
.navbar .right-container.desktop{
display: none;
}
.navbar .right-container.mobile{
display: block;
}
}
@media(max-width: 550px){
.incident-block{
height: 180px;
font-size: 0.9em;
}
}
.nav-logo {
padding-left: 0.8em;
vertical-align: middle;
height: 50%;
margin-top: 10px;
}
.nav-logo.mobile {
display: none;
}
.nav-logo.desktop {
vertical-align: middle;
display: inline-block;
}

486
assets/story.css Normal file
View File

@ -0,0 +1,486 @@
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
}
h1, .strap, .social-shares, .date,.location-name, .key-points, .sources, .nav-text, .explore-all, .navbar{
font-family: 'PT Mono', serif;
}
.copy a{
color: #94090d;
}
.location-name{
width: 90%;
margin: 1em auto;
text-align: right;
color: #94090d;
font-size: 1.1em;
}
.map-attribution{
width: 95%;
margin: 0.2em auto;
text-align: left;
font-size: 0.8em;
font-family: "Open Sans";
}
.map-attribution a{
color: #94090d;
}
.navbar{
background-color: #000;
color: white;
width: 100%;
height: 50px;
position: fixed;
top: 0;
z-index: 100;
font-family: "PT Mono";
}
.navbar .right-container{
position: absolute;
text-align: right;
top: 15px;
right: 5px;
}
.navbar .right-container a{
color: inherit;
text-decoration: none;
}
.navbar .right-container a:hover{
text-decoration: underline;
}
.navbar .right-container p{
display: inline-block;
margin: 0 1.2em;
}
.navbar .right-container.desktop{
position: absolute;
text-align: right;
top: 15px;
right: 5px;
}
.navbar .right-container.desktop p{
display: inline-block;
margin: 0 1.2em;
}
.navbar .right-container.mobile{
display: none;
}
.map .mobile-map{
display: none
}
.description{
font-family: 'Open Sans';
}
.strap{
padding-top: 0.2em;
font-weight: bold;
color: #000;
font-size: 1.1em;
}
.container, .logo-container{
max-width: 800px;
margin: 0 auto;
}
.logo-container a{
text-decoration: none;
}
.container:first-child , .logo-container{
margin-top: 3em;
margin-bottom: 3em;
}
.map img{
width: 100%;
}
.hc-logo{
max-width: 300px;
width: 100%;
margin: 2em auto 0 auto;
}
.social-shares{
margin:1.5em 0 1.5em auto;
font-size: 1.1em;
}
.date{
color: #94090d;
font-size: 1.2em;
padding-bottom: 0.8em;
}
.description{
max-width: 700px;
font-size: 1.1em;
padding-top: 2em;
line-height: 1.6em;
}
.key-points{
padding: 2em 2em;
font-size: 1.1em;
}
.key-points li, .sources li{
list-style-type:square;
color: #94090d;
line-height: 1.6em;
}
.key-points li span{
color: #000
}
.key-points li span b{
color: #94090d;
font-weight: bold;
}
.social-shares .social{
padding:.2em 0.6em;
width:150px;
display:inline-block;
text-align:left;
color:#000;
font-size:1.2em;
margin:0 10px 0 0;
cursor:pointer;
border:3px solid #000;
}
.social-shares .social i{
font-size:1.2em;
vertical-align:middle;
margin-right:20px
}
.social-shares .social.whatsapp{
display:none
}
.social-shares .social:hover{
background-color:#000!important;
color: white!important;
}
.sources h2{
font-size: 1.4em;
text-transform: uppercase;
padding-bottom: 1em;
}
.sources a{
color: inherit;
text-decoration: none;
}
.sources a {
color: #000
}
.sources a .source-name{
color: #94090d;
font-weight: bold;
}
.sources a .source-headline{
font-size: 1.1em;
text-decoration: underline;
}
.sources a:hover .source-headline{
opacity: 0.7;
}
.sources a i{
padding-left: 0.7em;
}
.explore-all a, .tell-us a{
color: inherit;
text-decoration: none;
display: inline-block;
font-family: "PT Mono";
padding: 0.4em;
border: solid 2px #000;
max-width: 350px;
width: 100%;
margin-right: 20px;
font-size:1.1em;
}
.explore-all, .tell-us{
display: inline-block;
text-align: center;
margin-top: 3em;
font-weight: bold;
vertical-align: top;
}
.tell-us{
margin-left: 2em;
}
.previous a, .next a{
color: inherit;
text-decoration: none;
}
.explore-all a:hover, .tell-us a:hover{
color: white;
background-color: #000;
}
.previous,.next{
display: inline-block;
}
.nav-button{
background-color: #000;
font-size: 2.1em;
color: white;
padding: 0.1em 0.3em;
margin: 0.2em;
}
.prev-next{
margin-top: 3em;
}
.previous, .next{
width: 48%;
}
.next{
text-align: right;
}
.previous:hover,.next:hover{
opacity: 0.8;
cursor: pointer;
}
.nav-text, .nav-button{
display: inline-block;
vertical-align: middle;
}
.nav-text{
width: 70%;
}
.nav-headline{
font-size: 1.1em;
}
.nav-date{
color: #94090d;
}
.footer-basic-centered {
background-color: #000;
color: #fff;
width: 100%;
text-align: center;
font: 300 20px;
padding: 30px;
padding-bottom: 50px;
font-family: "PT Mono";
margin-top: 8em;
}
.footer-basic-centered .footer-links{
float: right;
}
.footer-basic-centered .footer-company-name{
float: left;
}
.footer-basic-centered .footer-links,.footer-basic-centered .footer-company-name{
vertical-align: middle;
padding-bottom: 20px;
}
.footer-basic-centered a{
margin-left: 5px;
margin-right: 5px;
text-decoration: none;
color: inherit;
}
.footer-basic-centered a:hover{
text-decoration: underline;
}
.copy{
font-family: "Open Sans";
font-size: 1.1em;
line-height: 1.4em;
}
.copy p{
margin-bottom: 1em;
margin-top: 1em;
}
.copy h2{
margin-top: 2em;
margin-bottom: 0.5em;
font-family: "PT Mono";
}
#hamburger{
font-size: 2em;
position: absolute;
top: -6px;
right: 15px;
cursor: pointer;
}
#hamburger:hover{
opacity: 0.7;
}
.right-container.mobile .mob-menu.inactive{
display: none;
}
.right-container.mobile .mob-menu{
background-color: black;
position: fixed;
top: 50px;
width: 100%;
text-align: right;
left: 0;
}
.right-container.mobile .mob-menu p{
padding: 0.8em 0.6em;
display: block;
}
@media (max-width:800px){
.footer-basic-centered .footer-links, .footer-basic-centered .footer-company-name{
float: none;
text-align: center;
}
.container, .logo-container{
width: 90%;
}
.social-shares {
font-size: 1em;
text-align: center;
}.social-shares .social.whatsapp{
display:inline-block
}.social-shares .social{
width: 33.33%;
padding: .2em .8em;
margin: 0;
border-left: none;
border-right: none;
text-align: center;
}.social-shares .social i{
margin-right:0
}
.social-shares .social.twitter{
border-right: solid;
border-left: solid;
}
.social-shares .social span{display:none}
h1{
font-size: 1.7em;
}
.description{
padding-top: 0.8em;
}
.explore-all a, .sources a{
width: 100%;
}
.sources a{
margin-bottom: 0.5em;
}
.sources h2{
padding-bottom: 0.4em;
}
.previous, .next{
width: 100%;
}
.previous{
margin-bottom: 2.5em;
}
.tell-us{
margin-left: 0;
}
.navbar .right-container p{
display: none;
}
.map .mobile-map{
display: block
}
.map .desktop-map{
display: none
}
.navbar .right-container.desktop{
display: none;
}
.navbar .right-container.mobile{
display: block;
}
}
.nav-logo {
padding-left: 0.8em;
vertical-align: middle;
height: 50%;
margin-top: 10px;
}
.nav-logo.mobile {
display: none;
}
.nav-logo.desktop {
vertical-align: middle;
display: inline-block;
}
.copy{
line-height: 1.6em;
}
.copy p{
margin-bottom: 1.5em;
margin-top: 1.5em;
}
.copy h2{
margin-top: 3em;
}
.copy img{
width: 100%
}

View File

Before

Width:  |  Height:  |  Size: 434 KiB

After

Width:  |  Height:  |  Size: 434 KiB

View File

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

View File

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

View File

Before

Width:  |  Height:  |  Size: 7.7 KiB

After

Width:  |  Height:  |  Size: 7.7 KiB

View File

Before

Width:  |  Height:  |  Size: 8.0 KiB

After

Width:  |  Height:  |  Size: 8.0 KiB

View File

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

View File

Before

Width:  |  Height:  |  Size: 7.8 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

View File

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

View File

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 9.7 KiB

View File

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

Before

Width:  |  Height:  |  Size: 9.8 KiB

After

Width:  |  Height:  |  Size: 9.8 KiB

View File

Before

Width:  |  Height:  |  Size: 8.8 KiB

After

Width:  |  Height:  |  Size: 8.8 KiB

View File

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 7.6 KiB

View File

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

View File

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 8.5 KiB

View File

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

Before

Width:  |  Height:  |  Size: 6.4 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

View File

Before

Width:  |  Height:  |  Size: 8.0 KiB

After

Width:  |  Height:  |  Size: 8.0 KiB

View File

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 9.1 KiB

View File

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

View File

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

Before

Width:  |  Height:  |  Size: 9.8 KiB

After

Width:  |  Height:  |  Size: 9.8 KiB

View File

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

View File

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

View File

Before

Width:  |  Height:  |  Size: 8.3 KiB

After

Width:  |  Height:  |  Size: 8.3 KiB

View File

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 6.1 KiB

View File

Before

Width:  |  Height:  |  Size: 7.9 KiB

After

Width:  |  Height:  |  Size: 7.9 KiB

View File

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

View File

Before

Width:  |  Height:  |  Size: 9.5 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB

View File

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

View File

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

View File

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 8.6 KiB

View File

Before

Width:  |  Height:  |  Size: 9.6 KiB

After

Width:  |  Height:  |  Size: 9.6 KiB

View File

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

Before

Width:  |  Height:  |  Size: 6.4 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

View File

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

Before

Width:  |  Height:  |  Size: 9.0 KiB

After

Width:  |  Height:  |  Size: 9.0 KiB

View File

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

View File

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

View File

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 9.7 KiB

View File

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

View File

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

View File

Before

Width:  |  Height:  |  Size: 9.8 KiB

After

Width:  |  Height:  |  Size: 9.8 KiB

View File

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

Before

Width:  |  Height:  |  Size: 8.0 KiB

After

Width:  |  Height:  |  Size: 8.0 KiB

View File

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 7.6 KiB

View File

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

View File

Before

Width:  |  Height:  |  Size: 8.9 KiB

After

Width:  |  Height:  |  Size: 8.9 KiB

View File

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 6.5 KiB

View File

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 9.7 KiB

View File

Before

Width:  |  Height:  |  Size: 9.5 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB

View File

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 8.5 KiB

View File

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

Some files were not shown because too many files have changed in this diff Show More