ETR Component Library

Article Header: Sponsor 

<div class="">
    <h2 class="font-bold text-2xs md:text-xs text-gray-darker uppercase leading-tight tracking-wider mb-4">Sponsor Content</h2>
    <h1 class="text-2xl md:text-3xl lg:text-4xl font-light leading-tight text-black">Landmark Innovation</h1>
    <h2 class="mt-3 text-lg font-serif leading-normal text-gray-darker">‘Souls Grown Diaspora,’ a movement’s northern reach; Frederick Weston’s ‘Blue Bedroom Blues’; Nicholas Krushenick’s collages; Eric Brown’s ‘Longhand’ paintings.</h2>
    <div class="mt-5">
        <div class="byline">
            <div class="flex items-center flex-wrap mb-8">
                <div class="mr-4 mb-2">
                    <img class="rounded-full w-12" style="border-radius: 0 !important" src="https://via.placeholder.com/96x48.jpg">
                </div>

                <ul class="byline__authors list-reset flex mr-2 mb-2 leading-tight text-gray-dark">
                    <li class="byline__author font-bold"><span class="font-bold text-gray-darker">Sponsor Content by Cartier</span></li>
                </ul>

                <span class="text-gray-dark leading-tight mb-2">Jan 15, 2017, 9:32 am</span>
            </div>
        </div>
    </div>
</div>
 
<div class="">
	{{#if category }}<h2 class="font-bold text-2xs md:text-xs text-gray-darker uppercase leading-tight tracking-wider mb-4">{{ category }}</h2>
	{{/if}}
	{{#if title }}
	<h1 class="text-2xl md:text-3xl lg:text-4xl font-light leading-tight text-black">{{{title}}}</h1>
	{{/if}}
	{{#if dek }}
	<h2 class="mt-3 text-lg font-serif leading-normal text-gray-darker">{{{ dek }}}</h2>
	{{/if}}
	{{#with byline }}
  <div class="mt-5">
    {{> @article-header-byline }}
  </div>
	{{/with}}
</div>
 
{
  "category": "Sponsor Content",
  "title": "Landmark Innovation",
  "dek": "‘Souls Grown Diaspora,’ a movement’s northern reach; Frederick Weston’s ‘Blue Bedroom Blues’; Nicholas Krushenick’s collages; Eric Brown’s ‘Longhand’ paintings.",
  "byline": {
    "authors": [
      {
        "name": "Sponsor Content by Cartier"
      }
    ],
    "portrait": "https://via.placeholder.com/96x48.jpg",
    "dateline": "Jan 15, 2017, 9:32 am",
    "heat": {
      "label": "Views",
      "value": "12,136"
    },
    "authorImagePath": "/img/cartier.png",
    "isSponsored": "true"
  }
}

There are no notes for this item.