featured_albums, featured_essays, easier to show/hide sections on fro…

…nt page, made loading spinner more visible, featured_image in essays made nicer on mobile

Added featured_albums to front page
Added featured_essays to front_page
Loading spinner made more visible
Featured image in essay page made nicer on both desktop and mobile
And some more clearing up...

album.lens

@@ -32,25 +32,26 @@
     <div class="container-grid">
       <div class="col-lg-12 text-xs-center">
         <koken:if true="settings.show_header">
-          <h4 class="m-t-0 text-title">{{ album.title }}</h4>
+          <h4 class="m-t-0 m-b-0 text-title">{{ album.title }}</h4>
         </koken:if>
 
+        <koken:if true="settings.show_content_count"><span><i class="fa fa-image"></i> {{ album.counts.total }}</span></koken:if>
+
         <koken:if true="settings.show_album_time">
           <span><i class="fa fa-clock-o"></i> <koken:time relative="true" /></span>
-          <span><i class="fa fa-image"></i> {{ album.counts.total }}</span>
         </koken:if>
 
         <koken:if true="settings.show_album_download">
           <koken:album_download>
-            <p>
+            <div>
               <i class="fa fa-download"></i>
               <koken:link title="{{ language.download }}">{{ album_download.title }}</koken:link>
-            </p>
+            </div>
           </koken:album_download>
         </koken:if>
 
         <koken:if true="settings.show_album_description">
-          <p>{{ album.description|album.summary paragraph="true" }}</p>
+          <div>{{ album.description|album.summary paragraph="true" }}</div>
         </koken:if>
 
         <p>

contents.lens

@@ -1,16 +1,21 @@
 <koken:include file="inc/header.html" />
 <koken:include file="inc/nav.html" />
 <div id="top">
+  <div class="col-lg-12 text-xs-center">
     <koken:if true="settings.show_header">
-        <div class="col-lg-12 text-xs-center">
-            <h4 class="m-t-0 text-title">{{ language.content }}</h4>
-        </div>
+      <h4 class="m-t-0 m-b-0 text-title">{{ language.content }}</h4>
     </koken:if>
+    <koken:if true="settings.show_content_count">
+      <div class="m-b-3"><i class="fa fa-image"></i>
+        <koken:load source="contents">{{ content.counts.total }}</koken:load>
+      </div>
+    </koken:if>
+  </div>
 
-    <koken:load limit="50" infinite="true">
+  <koken:load limit="50" infinite="true">
     <koken:include file="inc/content/content_pillar_grid.html" />
-    </koken:load>
-    <koken:include file="inc/loading.html" />
+  </koken:load>
+  <koken:include file="inc/loading.html" />
 </div>
 </div>
 <koken:include file="inc/footer.html" />