Author Share {% include 'components/articles/author-share' %}
#
HTML
<div class="article-end-content">
    <div class="article-inner">
        <div class="author-share">
            <div class="author-bio">
                <div class="author-bio__author-avatar circular-image">
                    <img class="avatar-image" src="http://placehold.it/200x200">
                </div>
                <div class="author-bio__info">
                    <div class="author-bio__info-name">Mark Lang</div>
                    <div class="author-bio__info-about">
                        Part of the Tearfund digital team - making a supporters day awesome

                        <div class="author-bio__link"><a href="#">Read more from Mark</a></div>
                    </div>
                </div>
            </div>
            <div class="inline-share-buttons inline-share-buttons__author"> <a class="social-share__link social-share__link--facebook share-button-facebook" href="#" target="_blank">Share on Facebook</a> <a class="social-share__link social-share__link--twitter share-button-twitter" href="#" target="_blank">Share on Twitter</a>
</div>
            <div style="clear: both;"></div>
        </div>
    </div>
</div>
Twig
<div class="article-end-content">
	<div class="article-inner">
		<div class="author-share">
			{% if article_end_has_author %}
				<div class="author-bio">
					<div class="author-bio__author-avatar circular-image">
						<img class="avatar-image" src="{{ article_end_avatar }}">
					</div>
					<div class="author-bio__info">
						<div class="author-bio__info-name">{{ article_end_author }}</div>
						<div class="author-bio__info-about">
							{{ article_end_summary }}
							<div class="author-bio__link"><a href="{{ article_end_url }}">Read more from Mark</a></div>
						</div>
					</div>
				</div>
			{% endif %}
			<div class="inline-share-buttons {% if article_end_has_author %}inline-share-buttons__author{% endif %}">
			    <a class="social-share__link social-share__link--facebook share-button-facebook" href="#" target="_blank">Share on Facebook</a>
			    <a class="social-share__link social-share__link--twitter share-button-twitter" href="#" target="_blank">Share on Twitter</a>
			</div>
			<div style="clear: both;"></div>
		</div>
	</div>
</div>
{
    "article_end_author": "Mark Lang",
    "article_end_summary": "Part of the Tearfund digital team - making a supporters day awesome",
    "article_end_url": "#",
    "article_end_avatar": "http:\/\/placehold.it\/200x200",
    "article_end_has_author": true
}
Mark Lang
Part of the Tearfund digital team - making a supporters day awesome