Full Text NoO Pubs
This is my full text, there is no overview text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore…
Compact {% include 'components/article-summaries/compact' %}
HTML
<div class="inner">
<ul class="article-summaries-list">
<li class="article-summaries-listitem--with-image">
<article class="article-summary article-summary--compact">
<div class="article-summary-image">
<a title="Full Text NoO Pubs - Read More" class="circular-image article-summary-image__image" href="/en/misc/publications_summary/full_text_noo_pubs/">
<img src="https://www.tearfund.org/~/media/images/story_pics/novemeber_18/trampoline.jpg?w=200&h=200&crop=1" alt="Girl in tutu bouncing on trampoline">
</a>
</div>
<div class="article-summary-details">
<header>
<h2 class="article-summary-details__header">
<a title="Full Text NoO Pubs - Read More" href="/en/misc/publications_summary/full_text_noo_pubs/">Full Text NoO Pubs</a>
</h2>
<div class="byline"><span>Type:</span> Policy Brief | <span>Year:</span> 2017</div>
</header>
<div>
<p>This is my full text, there is no overview text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore…</p>
</div>
<a title="Full Text NoO Pubs - Read More" class="article-summary__button" href="/en/misc/publications_summary/full_text_noo_pubs/">Link 1</a>
<a title="Full Text NoO Pubs - Read More" class="article-summary__button" href="/en/misc/publications_summary/full_text_noo_pubs/">Link 2</a>
<a title="Full Text NoO Pubs - Read More" class="article-summary__button" href="/en/misc/publications_summary/full_text_noo_pubs/">Link 3</a>
<a title="Full Text NoO Pubs - Read More" class="article-summary__button" href="/en/misc/publications_summary/full_text_noo_pubs/">Link 4</a>
</div>
</article>
</li>
</ul>
</div>
Twig
<div class="inner">
<ul class="article-summaries-list">
<li class="article-summaries-listitem--with-image">
<article class="article-summary article-summary--compact">
<div class="article-summary-image">
<a title="Full Text NoO Pubs - Read More" class="circular-image article-summary-image__image" href="/en/misc/publications_summary/full_text_noo_pubs/">
<img src="https://www.tearfund.org/~/media/images/story_pics/novemeber_18/trampoline.jpg?w=200&h=200&crop=1" alt="Girl in tutu bouncing on trampoline">
</a>
</div>
<div class="article-summary-details">
<header>
<h2 class="article-summary-details__header">
<a title="Full Text NoO Pubs - Read More" href="/en/misc/publications_summary/full_text_noo_pubs/">Full Text NoO Pubs</a>
</h2>
<div class="byline"><span>Type:</span> Policy Brief | <span>Year:</span> 2017</div>
</header>
<div>
<p>This is my full text, there is no overview text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore…</p>
</div>
<a title="Full Text NoO Pubs - Read More" class="article-summary__button" href="/en/misc/publications_summary/full_text_noo_pubs/">Link 1</a>
<a title="Full Text NoO Pubs - Read More" class="article-summary__button" href="/en/misc/publications_summary/full_text_noo_pubs/">Link 2</a>
<a title="Full Text NoO Pubs - Read More" class="article-summary__button" href="/en/misc/publications_summary/full_text_noo_pubs/">Link 3</a>
<a title="Full Text NoO Pubs - Read More" class="article-summary__button" href="/en/misc/publications_summary/full_text_noo_pubs/">Link 4</a>
</div>
</article>
</li>
</ul>
</div>{}-
Link 1 Link 2 Link 3 Link 4