index.html

{% extends "_tax-base.html" %}

{# THIS MATTERS MOST. IT CHANGES WHICH STUFF GETS PULLED IN #}
{% set part = 'commercial' %}

{# VIDEO BLOCKS #}
{% block video_poster %}{{ part }}{% endblock video_poster %}
{% block video_file_name %}{{ part }}{% endblock video_file_name %}
{% block mobile_image_alt_text %}{{ commercial_video_header_caption }}{% endblock mobile_image_alt_text %}
{% block video_credit %}{{ commercial_video_header_credit }}{% endblock video_credit %}

{# TEXT BLOCKS  #}
{% block headline %}{{ commercial_headline|dumb_to_smart_quotes|process_text() }}{% endblock headline %}
{% block dek %}{{ commercial_dek|dumb_to_smart_quotes|process_text() }}{% endblock dek %}
{% block byline %}
    <div class='author'>
        <p class='author__name'>
            By <span itemprop="author"><a href="mailto:jason.grotto@propublica.org?subject='The Tax Divide'"><span itemprop="name">Jason Grotto</span></a></span> and <span itemprop="author"><a href="mailto:sandhya@propublica.org?subject='The Tax Divide'"> <span itemprop="name">Sandhya Kambhampati</span></a></span>
        </p>
        <p class='author__tag'>A <a href="https://www.chicagotribune.com" target="_blank">Chicago Tribune</a>/<a href="https://www.propublica.org/illinois/" target="_blank">ProPublica Illinois</a> collaboration</p>
    </div>
    {# Original pub date #}
    <meta itemprop="datePublished" content="2017-6-10T05:40:51-06:00">
    <time class='byline-publish-date' itemprop="dateModified" content="2017-12-07T17:45:51-06:00">Published: {{ publish_date|xldate_to_datetime|format_date("%B %-d, %Y") }}</time>

{% endblock byline%}

{% block opengraph_story_specific scoped %}
    <meta property="og:title" content="{{ title }} | {{ commercial_headline }}" />
    <meta property="og:description" content="{{ commercial_og_description }}" />
    <meta property="og:image" content="{{ commercial_thumb }}" />
    <meta name="description" content="{{ commercial_seo_description }}" />
    <meta name="og:image:alt" content="{{ commercial_thumb_alt_text }}" />
    
    <meta property="article:published_time" content="{{ publish_date|xldate_to_datetime|format_date("%B %-d, %Y") }}" />
    <meta property="article:modified_time" content="{{ publish_date|xldate_to_datetime|format_date("%B %-d, %Y") }}" />

    <meta name="twitter:title" content="{{ title }} | {{ commercial_headline }}" />
    <meta name="twitter:description" content="{{ commercial_og_description }}" />
    <meta name="twitter:image" content="{{ commercial_thumb }}" />
    <meta name="twitter:image:alt" content="{{ commercial_thumb_alt_text }}" />
    <meta name="twitter:creator" content="@sandhya__k" />
    <meta name="twitter:creator" content="@jasongrotto" />
    <meta name="twitter:creator" content="@propublicail" />

{% endblock opengraph_story_specific %}

{# SOCIAL MEDIA BUTTONS #}
{% block tweet %}{{ commercial_twitter|urlencode }}{% endblock tweet %}
{% block facebook %}{{ commercial_og_description|urlencode }}{% endblock facebook %}

{% block story %}
    {%- for story in stories[part] %}
        {% set s = story %}
        {% include '_subtemplates/_story-loop.html' %}
    {% endfor -%}
{% endblock %}

{% block scripts %}
    {{ super() }}
    {# ProPublica’s [PixelPing](https://www.propublica.org/pixelping) is a small snippet of javascript code that we ask publishers to include in the stories we publish together (or that they republish under our Creative Commons license) to let us know how much traffic our story has received.  #}
    <script type="text/javascript" src="https://pixel.propublica.org/pixel.js" async="true"></script>
{% endblock scripts %}