progressed on mosaic layout

themes/naej-ananke/layouts/post/list.html

@@ -2,13 +2,15 @@
 {{/*
   This template is the same as the default and is here to demonstrate that if you have a content directory called "post" you can create a layouts directory, just for that section.
    */}}
+
+   {{/* used for the "project" page*/}}
   <article class="pa3 pa4-ns nested-copy-line-height nested-img">
     <section class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray">
       {{ .Content }}
     </section>
     <aside class="flex-ns flex-wrap justify-around mt5">
       {{ range .Paginator.Pages }}
-        <div class="relative w-100 w-30-l mb4 bg-white">
+        <div class="relative w-100 w-30-l mb4">
           {{/*
           Note we can use `.Render` here for items just in this section, instead of a partial to pull in items for the list page. https://gohugo.io/functions/render/
           */}}

themes/naej-ananke/layouts/post/summary-with-image.html

@@ -1,5 +1,7 @@
+{{/* used in  ??? - probably nowhere*/}}
+
 <article class="bb b--black-10">
-  <a class="db pv4 ph3 ph0-l no-underline dark-gray dim" href="{{ .Permalink }}">
+  <a class="db pv4 ph3 ph0-l no-underline light-gray dim" href="{{ .Permalink }}">
     <div class="flex flex-column flex-row-ns">
       {{ $featured_image := partial "func/GetFeaturedImage.html" . }}
       {{ if $featured_image }}
@@ -8,9 +10,9 @@
         </div>
       {{ end }}
       <div class="w-100{{ if $featured_image }} w-60-ns pl3-ns{{ end }}">
-        <h1 class="f3 fw1 athelas mt0 lh-title">{{ .Title }}</h1>
+        <h1 class="f3 fw1 avenir mt0 lh-title">{{ .Title }}</h1>
         <div class="f6 f5-l lh-copy nested-copy-line-height">
-          {{ .Summary }}
+          {{ .Description }}
         </div>
         {{/* TODO: add author
         <p class="f6 lh-copy mv0">By {{ .Author }}</p> */}}

themes/naej-ananke/layouts/post/summary.html

@@ -1,16 +1,25 @@
-  {{/*used in the mosaic layout */}}
-  <div class="mb3 pa4 mid-gray overflow-hidden">
-    {{ if .Date }}
-      <div class="f6">
-       {{/* {{ .Date.Format "January 2, 2006" }} */}}
-      </div>
-    {{ end }}
-    <h1 class="f3 near-black">
-      <a href="{{ .Permalink }}" class="link black dim">
+  {{/*used in the mosaic layout - everywhere now */}}
+
+  <div class="overflow-hidden grow bg-white">
+    {{ $featured_image := partial "func/GetFeaturedImage.html" . }}
+      {{ if $featured_image }}
+        <div class="z-0 absolute w-100">
+          <img src="{{ $featured_image }}" class="db" alt="image from {{ .Title }}">
+        </div>
+      {{ end }}
+    <h1 class="flex flex-grow:column flex-wrap f3 near-black">
+      <a href="{{ .Permalink }}" class="link black dim z-max">
+
         {{ .Title }}
+
       </a>
+    
+      <div class="nested-links f5 lh-copy nested-copy-line-height z-max">
+        {{ .Description  }}
+        {{- partial "tags.html" . -}}
+      </div>
+    
     </h1>
-    <div class="nested-links f5 lh-copy nested-copy-line-height">
-      {{ .Description  }}
-    </div>
+    
+    
   </div>