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

<koken:load infinite="true" limit="15">

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

	<ul class="content-list">

	<koken:loop>

		<li>

			<koken:link title="View {{ album.title }}">

				<koken:covers>
				<koken:if data="settings.cover_limit" equals="single">
					<span class="covers n1">
						<span class="cover">
							<koken:first>
								<koken:img class="content" lazy="true" />
							</koken:first>
						</span>
					</span>
				<koken:else>
					<span class="covers crop n{{ covers.length }}">
						<koken:loop>
						<span class="cover">
							<koken:img class="content" lazy="true" size="{{ settings.cover_size }}" />
						</span>
						</koken:loop>
					</span>
				</koken:if>
				</koken:covers>

			</koken:link>

			<span class="img-data">

				<span class="img-caption">
					<koken:if true="settings.show_album_title">
						<h4><koken:link title="View {{ album.title }}">{{ album.title }}</koken:link></h4>
					</koken:if>
					<koken:if true="settings.show_album_summary">
						<p>{{ album.summary }}</p>
					</koken:if>
				</span>

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

					<span class="meta">
						<koken:categories>
							<p>
								<strong>{{ labels.category.plural }}</strong>
								<koken:loop separator=", ">
									<koken:link title="View all {{ labels.album.plural case='lower' }} in {{ category.title }}">
										{{ category.title }}
									</koken:link>
								</koken:loop>
							</p>
						</koken:categories>
						<koken:tags>
							<p>
								<strong>{{ labels.tag.plural }}</strong>
								<koken:loop separator=", ">
									<koken:link title="View all {{ labels.album.plural case='lower' }} in {{ tag.title }}">
										{{ tag.title }}
									</koken:link>
								</koken:loop>
							</p>
						</koken:tags>
					</span>

				</koken:if>

			</span>

		</li>

	</koken:loop>

</ul>

<koken:keyboard_scroll element="ul.content-list li" offset="-99" />

<koken:else>

No albums found. Create albums in the Library to fill this page with content.

</koken:load>

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