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…
Article Summaries
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