index.html

{exp:ce_cache:stat:ic url_override="{transcribe:language_abbreviation}/{current_path}" tags="article"}
{if '{exp:transcribe:language_abbreviation}' == "en"}
{exp:channel:entries channel="articles" limit="1" url_title="{segment_2}" disable="pagination|member_data|category_fields" require_entry="yes"}
{if no_results}{redirect="404"}{/if}
{exp:low_variables:single
var='lv_global_header'
preparse:page_title='{title}'
preparse:og_title='{title}'
preparse:og_image='{if article_image}{article_image}{if:else}{site_url}/images/site/article_default.jpg{/if}'
preparse:og_url='{path=article}/{url_title}'
preparse:og_description='{article_excerpt}'
}
<div class="row page-wrap sub-page style_blog-post">
	<div class="large-12 columns">
		<div id="header-group" class="header-sub-page">
			<!-- nav-primary -->
			{sn_primary_nav_{transcribe:language_abbreviation}}
			<div class="row">
				<div class="large-12 columns">
					<div class="banner-wrapper blur-image darken bordered">
						<ul>
							<li>{categories show_group="1" backspace="2"}<a href="/channel/{category_url_title}">{category_name}</a>, {/categories}</li>
							<li>{article_byline backspace="5"}<a href="{path='author'}/{article_byline:url_title}">{article_byline:title}</a> and {/article_byline}</li>
						</ul>
						<h1>{title}</h1>
						<h2>{article_subtitle}</h2>
						<span>{entry_date format="%M %d, %Y"}</span>
						{exp:ce_img:pair src="{article_image}" fallback_src="{site_url}/images/site/article_default.jpg"}
							<img src="{made}" alt="" width="{width}" height="{height}" />
						{/exp:ce_img:pair}

					</div>
				</div>
			</div>
		</div>
		<!-- /header-group -->
		<section class="full-width media-group">
			<div class="row">
				<div class="small-8 columns">
					<div class="mod uplift-top-border">
						<header>
							<ul class="social-ticks inline-list article-sharrre">
								<li class="cm"><a href="{path='article'}/{url_title}#disqus_thread" data-disqus-identifier="{entry_id}">0 Comments</a></li>
								<li class="fb" data-url="{path='article'}/{url_title}" data-text="{title}" data-title="Like"></li>
								<li class="tw" data-url="{path='article'}/{url_title}" data-text="{title}" data-title="Tweet"></li>
							</ul>
						</header>
						<article class="general-post">
							{if guid} {!-- Checks if legacy WP entry, if so adjusts using nl2br to preserve line breaks --}
							{exp:phpstringfun function="nl2br"}{article_content}{/exp:phpstringfun}
							{if:else} {!-- If not legacy WP entry, display as normal --}
							{article_content}
							{/if}
							{article_byline}
							<div class="article-bottom-bio">{article_byline:profile_bio}</div>
							{/article_byline}
						</article>
						<ul class="blacklight_details-social row cozy">
							<li class="columns screen-2 cozy fb">
								<a target="_blank" href="http://www.facebook.com/share.php?u={path=article}/{exp:url_encode}{url_title}{/exp:url_encode}&title={exp:url_encode}{title}{/exp:url_encode}">Facebook</a>
							</li>
							<li class="columns screen-2 cozy tw">
								<a target="_blank" href="http://twitter.com/home?status=via @TGC -  {title}+{path=article}/{url_title}">Twitter</a>
							</li>
							<li class="columns screen-2 cozy gp">
								<a target="_blank" href="https://plus.google.com/share?url={path=article}/{exp:url_encode}{url_title}{/exp:url_encode}">Google+</a>
							</li>
							<li class="columns screen-2 cozy tu">
								<a target="_blank" href="http://www.tumblr.com/share/link?url={exp:url_encode}http://thegospelcoalition.org/article/{url_title}{/exp:url_encode}&name={exp:url_encode}The Gospel Coalition | {title}{/exp:url_encode}&description={exp:url_encode}{title}{/exp:url_encode}">Tumblr</a>
							</li>
							<li class="columns screen-2 cozy pi">
								<a target="_blank" href="http://pinterest.com/pin/create/bookmarklet/?media={article_image}&url={path=article}/{exp:url_encode}{url_title}{/exp:url_encode}&is_video=false&description={exp:url_encode}The Gospel Coalition | {title}{/exp:url_encode}">Pinterest</a>
							</li>
							<li class="columns screen-2 cozy em">
								<a href="mailto:?subject=The+Gospel+Coalition+-+{exp:url_encode}{title}{/exp:url_encode}&body=Check+out+this+site:+{path=article}/{exp:url_encode}{url_title}">Email</a>
							</li>
						</ul>
						<ul class="printfriendy-button row cozy">
							<li class="columns screen-2 cozy print">
								<script>var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 0;var pfHideImages = 0;var pfImageDisplayStyle = 'right';var pfDisablePDF = 0;var pfDisableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = '';var pfBtVersion='1';(function(){var js, pf;pf = document.createElement('script');pf.type = 'text/javascript';if('https:' == document.location.protocol){js='https://pf-cdn.printfriendly.com/ssl/main.js'}else{js='http://cdn.printfriendly.com/printfriendly.js'}pf.src=js;document.getElementsByTagName('head')[0].appendChild(pf)})();</script><a href="http://www.printfriendly.com" style="color:#6D9F00;text-decoration:none;" class="printfriendly" onclick="window.print();return false;" title="Printer Friendly and PDF"><img style="border:none;-webkit-box-shadow:none;box-shadow:none;" src="{path='images/site'}/print.png" alt="Print Friendly and PDF"/></a>
							</li>
						</ul>

						<ul class="blacklight_details-social">
							<li><div class="fb-like" data-href="{structure:page:url}" data-width="25px" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div></li>
						</ul>

						<h2>Related:</h2>
						<hr class="hr-big">
						<div class="featured">
							<div class="row">
								{exp:tagger:related url_title="{segment_2}" limit="4" custom_fields="article_byline|article_image" parse="inward"}
								<div class="large-3 small-6 micro-12 columns featured-text {if count == total_results}end{/if}">
									<a href="{path='article'}/{tagger:entry_url_title}" class="hover-filter-wrap">
										<div class="hover-filter"></div>
										<p class="featured-text-title">
										{exp:eehive_hacksaw chars="80" append="..."}{tagger:entry_title}{/exp:eehive_hacksaw}
										<span>{embed="article/related-authors" id="{tagger:entry_id}"}</span>
										</p>
										<div class="featured-bg transfer-image">
										{embed="article/related_entry" the_id="{tagger:entry_id}"}
 										</div>

									</a>

								</div>
								{if tagger:no_entries}
								No related entries yet.
								{/if}
								{/exp:tagger:related}
							</div>
						</div>
						<a class="comments-btn read-more button green">View Comments</a>
						<div class="comments-section">
							<h2>Comments:</h2>
							<hr class="hr-big">
							<div id="disqus_thread"></div>
							<script type="text/javascript">
								/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
								var disqus_shortname = 'tgc-articles'; // required: replace example with your forum shortname
								var disqus_identifier = '{entry_id}';
								var disqus_title = '{title}';
								var disqus_url = '{path=articles}/{url_title}';
								/* * * DON'T EDIT BELOW THIS LINE * * */
								(function() {
									var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
									dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
									(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
								})();
							</script>
							<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
							<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
						</div>
					</div>
				</div>
				<div class="small-4 columns">
					{article_byline}
					{if article_byline:profile_contributor}
					<div class="mod general-post-aside">
						<section class="masthead">
							{exp:ce_img:pair src="{article_byline:profile_image}" width="100" height="100"}
								<img src="{made}" alt="" width="{width}" height="{height}" />
							{/exp:ce_img:pair}
							<h3>{article_byline:title}</h3>
							<hr />
							<p>{article_byline:profile_bio}</p>
						</section>
						{if article_byline:profile_social_media}
						<section class="follow">
							<ul>
								{article_byline:profile_social_media}
								<li>
									<a href="{url}"><img src = "/images/site/follow_{site}.png" /></a>
								</li>
								{/article_byline:profile_social_media}
							</ul>
						</section>
						{/if}
						{if article_byline:profile_app_url}
						<section class="app">
							<h3>{article_byline:title}'s App</h3>
							<hr />
							<a href="{article_byline:profile_app_url}">
								<img src = "{article_byline:profile_app_icon}" />
							</a>
						</section>
						{/if}
						{article_byline:profile_books limit="1"}
						{if row_count}
						<section class="books">
							<h3>{article_byline:title}'s Books</h3>
							<hr />
							<ul>
								{/if}
								{/article_byline:profile_books}
								{article_byline:profile_books}
								<li>
									<a href="{url}"><img class="solid-shadow" src="{image}" /></a>
								</li>
								{/article_byline:profile_books}
								{article_byline:profile_books limit="1"}
								{if row_count}
							</ul>
						</section>
						{/if}
						{/article_byline:profile_books}
					</div>
					<hr class="hr-big" />
					{/if}
					{/article_byline}
					<div class="mod">
						<div class="large-block-grid-1 small-block-grid-2 widget widget-sponsors">
						{lv_beacon_side_{transcribe:language_abbreviation}}
						</div>
					</div>
				</div>
			</div>
		</section>

		<div class="row">
			<div class="large-12 columns">
				<div class="media-bottom">
					<br />
					{sn_footer_{transcribe:language_abbreviation}}
				</div>
				<!-- /media-bottom -->
			</div>
		</div>
		</div> <!-- /.large-12.columns -->
		</div><!-- /.row.page-wrap -->
		{/exp:channel:entries}
		{/if}

		{if '{exp:transcribe:language_abbreviation}' == "coalicion" }
			{embed="article/index-sp"}
		{/if}

		{if '{exp:transcribe:language_abbreviation}' == "evangile21" }
			{embed="article/index-fr"}
		{/if}

		{sn_global_footer}