<koken:if true="pjax">
	<koken:title />
<koken:else>
	<koken:include file="layouts/header.html" />
</koken:if>

<div id="main">

	<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_info">

			<koken:if exists="album">
				<header class="index">
					<h1>
						{{ album.title }}
						<koken:filtered>
							&nbsp;&nbsp;
							<span class="item_meta">
								<koken:loop>
									<koken:if data="{{ filter.title }}" equals="Date">
										{{ filter.count plural="items" singular="item" }} added {{ filter.value }} / <koken:link title="View all of {{ album.title }}">View all</koken:link>
									</koken:if>
								</koken:loop>
							</span>
						</koken:filtered>
					</h1>
					{{ album.description paragraphs="true" }}
				</header>
			</koken:if>

		</koken:if>

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

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

		<koken:else>

			<koken:note>

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

			</koken:note>

	</koken:load>

</div>

<koken:if true="pjax">
	<script>
		pjaxReload();
	</script>
<koken:else>
	<koken:include file="layouts/footer.html" />
</koken:not>