fixing list layouts for photos

themes/nipponalba/layouts/_default/list.html

@@ -34,19 +34,25 @@
             {{ if eq .Type "note"}}
             <span class="list-category">
               <span class="note-banner">{{ humanize .Type }}</span>
-              <span class="p-summary e-content"><a class="u-url" href="{{ .Permalink }}" title="{{ .Title }}"><p>{{ .Summary }}</p></a>
-            </span>{{else}}
+              <span class="p-summary e-content"><a class="u-url" href="{{ .Permalink }}" title="{{ .Title }}"><p>{{ .Summary }}</p></a></span>
+              {{else}}
             <article class="list-category index-photo h-entry entry"><a class="u-url" href="{{ .Permalink }}">
             <section class="e-content">
+              {{ if eq .Type "photo"}}
                 <section class="photos">
+              {{ $summary := .Content }}
                 {{ range first 1 .Page.Params.Photo }}
+                <figure class="index-photos">
                   {{ if isset . "value" }}
-                  <img class="u-photo thumb" src="{{ replace .value "800." "300."}}" alt="{{ .alt }}"/>
+                  <img class="u-photo thumb" src="{{ replace .value "800." "300."}}" title="{{$summary}}" alt="{{ .alt }}"/>
                   {{ else }}
-                  <img class="u-photo thumb" src="{{ replace . "800." "300."}}" alt="Alt not yet added, will fix!"/>
+                  <img class="u-photo thumb" src="{{ replace . "800." "300."}}" title="{{$summary}}" alt="Alt not yet added, will fix!"/>
                   {{ end }}
                 {{end}}
+                <figcaption class="index-photos-caption">{{ len .Page.Params.Photo }} {{if eq (len .Page.Params.Photo) 1 }}photo{{ else }}photos{{ end }}</figcaption>
+                </figure>
                 </section>
+                {{end}}
             </section>
             </a></article>{{end}}{{end}}
         </li>