ETR Component Library

Article Header 

<div class="">
    <h2 class="font-bold text-2xs md:text-xs text-gray-darker uppercase leading-tight tracking-wider mb-4">Art Reviews</h2>
    <h1 class="text-2xl md:text-3xl lg:text-4xl font-light leading-tight text-black">What to See Right Now in New York Art Galleries</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" src="https://images.unsplash.com/photo-1574158622682-e40e69881006?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;384&amp;q&#x3D;80">
                </div>

                <ul class="byline__authors list-reset flex mr-2 mb-2 leading-tight text-gray-dark">
                    <li class="byline__author font-bold"><a href="http://www.twitter.com/expandtheroom" class="font-bold text-gray-darker hover:text-gray-dark transition">Maureen Tucker</a></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": "Art Reviews",
  "title": "What to See Right Now in New York Art Galleries",
  "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": "Maureen Tucker",
        "url": "http://www.twitter.com/expandtheroom"
      }
    ],
    "portrait": "https://images.unsplash.com/photo-1574158622682-e40e69881006?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=384&q=80",
    "dateline": "Jan 15, 2017, 9:32 am",
    "heat": {
      "label": "Views",
      "value": "12,136"
    }
  }
}

There are no notes for this item.