<koken:include file="layouts/header.html" />

<koken:load>

<koken:head>
	<meta property="og:site_name" content="{{ site.title }}" />
	<meta property="og:title" content="{{ album.title strip_html="true" }}" />
	<meta property="og:description" content="{{ album.summary | album.description strip_html="true" }}" />
	<meta property="og:type" content="website" />
	<meta property="og:url" content="{{ album.url }}" />
	<koken:covers><koken:shift>
	<meta property="og:image" content="{{ content.presets.medium_large.url }}" />
	<meta property="og:image:width" content="{{ content.presets.medium_large.width }}" />
	<meta property="og:image:height" content="{{ content.presets.medium_large.height }}" />
	</koken:shift></koken:covers>
	<koken:not empty="profile.twitter">
		<meta name="twitter:card" content="gallery" />
		<meta name="twitter:site" content="@{{ profile.twitter }}" />
		<meta name="twitter:creator" content="@{{ profile.twitter }}" />
		<koken:covers minimum="4" limit="4">
			<koken:loop>
				<meta name="twitter:image{{ index }}" content="{{ content.presets.medium_large.cropped.url }}">
			</koken:loop>
		</koken:covers>
	</koken:not>
</koken:head>

<koken:if true="settings.show_album_title">

	<div id="album-title">
		<h1>
			{{ album.title }}
		</h1>
	</div>

</koken:if>

<koken:if true="settings.show_album_desc">

	<div id="album-desc">
		{{ album.description paragraphs="true" }}
	</div>

</koken:if>

<koken:if data="settings.album_layout" equals="slideshow">

	<koken:include file="layouts/album-slideshow.html" />

</koken:if>

<koken:if data="settings.album_layout" equals="grid">

	<koken:include file="layouts/album-grid.html" />

</koken:if>

<koken:topics>

	<div id="album_topics">
		<p>
			Read more in
			<koken:loop separator=", ">
				<koken:link title="Read {{ title }}">
					{{ title }}
				</koken:link>
			</koken:loop>
		</p>
	</div>

</koken:topics>

<koken:if true="settings.social_bttns_show_one">

	<koken:if true="album.public">

		<koken:include file="layouts/share-links.html" />

	</koken:if>

</koken:if>

<koken:include file="layouts/like-tweet.html" />

<koken:if data="settings.album_layout" equals="grid">

	<koken:include file="layouts/pagination.html" />

</koken:if>

<koken:else>

	<koken:note>

		This album is empty. Add content to it in the Library.

	</koken:note>

</koken:load>

<koken:include file="layouts/footer.html" />