add posts list to lumbung publishers page

content/publishers/_index.html

@@ -2,3 +2,5 @@
 draft: false
 ---
 <h1>Lumbung of Publishers</h1>
+
+{{< map geoJson="data/lumbung-publishers-members.json">}}

themes/lumbung-theme/layouts/partials/publishers_post_card.html

@@ -1,26 +1,46 @@
-<div class='publishers card {{ .Params.feed_name }}'>
+<div class='publishers social card' data-section="{{ .Section }}">
-  <article class="h-entry publishers">
+  <article class="h-entry social">
-    {{ $postPermalink := .Permalink}}
-    <a href="{{ .Permalink }}" class="link-wrapper">
     <header>
-        <h2 class="p-name">
+      {{ $postPermalink := .Permalink}}
+      <h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">
           {{ .Title }}
-        </h2>
+      </a></h2>
     </header>
+
+    {{ with (index (.Resources.ByType "video") 0) }}
+    {{/* TODO this current logic does not suport video & image mixed */}}
       <div class="p-summary">
+      <video controls width="540px" preload="none" poster="{{ $postPermalink }}/thumbnail.png">
+        <source src="{{.Permalink}}" type="video/mp4">
+      </video>
+    {{ else}}
+    {{ with (index (.Resources.ByType "image") 0) }}
+      {{ $height := add .Height 0.0}}
+      {{ $ratio := div $height .Width}}
+      {{ $thumb := .Fit "540x540 q80 webp"}}
+    <div class="p-summary{{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
+      <div class="summary-image {{if gt $ratio 1 }} portrait {{else}} landscape {{end}}"> 
+      <a href="{{ $postPermalink }}"><img src="{{ $thumb.Permalink }}"  alt="{{ .Title }}"> </a>
+    </div>
+    {{ else }}
+      <div class="p-summary">
+    {{ end }}
+    {{ end }}
       <div class="summary-text">
-          {{ .Summary }}...
+        {{ .Summary }}
       </div>
       </div>
+      <div class="social-source"></div>
 
     <footer class='post-footer'>
-        <svg width="11" height="11" viewBox="0 0 11 11" xmlns="http://www.w3.org/2000/svg">
+      <div class='footer-metadata'>
-          <path d="M10.2172 3.892C9.86979 3.02585 9.33722 2.34509 8.61023 1.77874C8.23826 1.49028 7.72957 1.04191 7.21547 0.839212C7.21382 0.703503 7.14487 0.575079 6.97767 0.503871C5.42624 -0.162284 3.69503 0.311299 2.52647 1.51482C1.94635 2.11223 1.51951 2.8478 1.21108 3.62501C0.914861 4.3676 0.507572 5.32483 0.948415 6.07996C1.00646 6.17836 1.09356 6.24193 1.1908 6.27306C1.2735 7.35573 1.57765 8.46801 2.37847 9.21874C3.2325 10.0162 4.43613 10.3053 5.5673 10.1773C6.72371 10.0468 7.96432 9.57061 8.8816 8.82474C9.01086 8.71974 9.1274 8.60844 9.23337 8.49296C9.27968 8.4924 9.32805 8.4875 9.37839 8.4718C11.3643 7.82491 10.8101 5.37347 10.2172 3.892Z" />
+      <span class="from p-author">{{ if .Params.contributors }}From {{range .Params.contributors}}<b> <a href='{{ "/contributors/" | relLangURL }}{{ . | urlize }}/'> {{ . }}</a> {{end}}</b> on{{ end }}</span>
-        </svg>
+       <time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
-        <time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">
+       </div>
-          {{ .Date.Format "Jan 02, 2006" }}
+      {{ if .Truncated }}
-        </time>
+        <div class="footer-filler" style="border-color: transparent" ></div>
+        <div class='read-more'><a href="{{ .RelPermalink }}">Read More…</a></div>
+        {{ end }}
     </footer>            
-    </a>
   </article>
 </div>

themes/lumbung-theme/layouts/publishers/list.html

@@ -1,16 +1,13 @@
 {{ define "main" }}
   <main class="publishers-page">
     {{.Content}}
-
     <section class='entries'>
       <div class="h-feed">    
-        {{ range where (.Paginator 13).Pages "Params.hidden" "ne" "true" }}
+        {{ range where site.RegularPages "Type" "publishers" }}
-          {{- partial "publishers_post_card.html" . -}}
+          <div class="post">
+            {{ partial "partials/publishers_post_card.html" . -}}
+          </div>
         {{ end }}
       </div>
-
-      <nav class="pagination">
-        {{ template "_internal/pagination.html" . }}
-      </nav>
   </main>
 {{ end }}

themes/lumbung-theme/static/css/main.css

@@ -1011,6 +1011,16 @@ label:hover {
     text-align: center;
 }
 
+/* publishers card */
+.publishers.card {
+    display: flex;
+}
+
+/* publishers map */
+#map {
+    margin-bottom: 4rem;
+}
+
 
 /* Paginator */