favorites.lens

<koken:include file="inc/components/header.html" />
<main role="main">
    <koken:load limit="{{ settings.content_index_limit }}" infinite="true">
<koken:if data="settings.cover_styles" equals="image_cover">
	<koken:pop><!-- Pick up the last picture from koken:load -->
		<koken:include file="inc/components/content_cover.html" />
		<koken:include file="inc/cover.html" />
	</koken:pop>
</koken:if>
	<section id="content">
      <ol class="grid">
        <koken:loop>
          <li>
            <koken:link title="View {{ content.title | content.filename }} in fullscreen" lightbox="{{ settings.use_lightbox }}">
              <koken:img size="{{ settings.grid_asp_ratio }}" lazy="true"/>
			  <koken:if data="settings.hide_title_overlay" equals="true">
				<div><h3>{{ content.title | content.filename }}</h3></div>
			  </koken:if>
            </koken:link>
          </li>
        </koken:loop>
      </ol>
	 </section>
    <koken:else>
      <koken:note>
        No images or videos found
      </koken:note>
    </koken:load>
<koken:include file="inc/components/loading_msg.html" />
<koken:if data="settings.footer_setting" equals="tiny_footer">
	<koken:include file="inc/components/footer_tiny.html" />
</koken:if>
<koken:if data="settings.footer_setting" equals="show_footer">
	<koken:include file="inc/components/footer.html" />
</koken:if>
</main>
</body>
</html>