Foreign Affairs Style Guide

Anthology -- Article List Item

This object appears within a list of articles on the anthology detail page.

Data Sources:

Topic
- selector: .topic
- data_source: field_topics
Issue Name/Date
- selector: .date
- data_source: if field_issue, then field_issue->field_issue_short_name, else field_date
Article Type
- selector: .type
- data_source: field_article_type
Title
- selector: .title
- data_source: title
Summary
- selector: .summary
- data_source: body:summary
Author
- selector: .author
- data_source: field_display_authors
Image
- selector: .anthology-article-list-item__image
- data_source: field_image

Images Styles:

Name: medium-crop

Color Revolutions March/April 2005 Article

Ukraine's Orange Revolution

This is the deck for this article.

Author Name

<article class="list__row-meta ">
  <div class="meta">
    <span class="topic"><a href="#">Color Revolutions</a></span>
    <span class="date"><time pubdate datetime="2011-08-28" title="August 28th, 2011">March/April 2005</time></span>
    
      <span class="type"><a href="#">Article</a></span>
    
  </div>
  <div class="data-block">
  
    <a href="#" class="link-block">
      <h2 class="title">Ukraine's Orange Revolution</h2>
      <p class="summary">This is the deck for this article.</p>
    </a>
    <div class="author"><a href="#" rel="author">Author Name</a></div>
    <span class="browse-results-paywall">
      <?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve">
<rect x="4.5" y="9.5" class="st0" width="11" height="9"/>
<path class="st1" d="M13,5c0-1.7-1.3-3-3-3S7,3.3,7,5v4"/>
</svg>

    </span>
  </div>
  <div class="thumb">
    <a href="#">
      <div class="anthology-article-list-item__image image-auto-width">
        <img src="/fa_prototype/assets/images/anthology-list-item__image1.jpg"/>
      </div>
    </a>
  </div>
</article>