create publishers page

content/publishers/_index.html

@@ -0,0 +1,6 @@
+---
+draft: false
+---
+<article class="map">
+  {{< map geoJson="data/geojsonContributors.json">}}
+</article>

content/publishers/index.md

@@ -1,5 +0,0 @@
----
-draft: false
----
-
-{{< map geoJson="data/geojsonContributors.json">}}

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

@@ -0,0 +1,26 @@
+<div class='publishers card {{ .Params.feed_name }}'>
+  <article class="h-entry publishers">
+    {{ $postPermalink := .Permalink}}
+    <a href="{{ .Permalink }}" class="link-wrapper">
+      <header>
+        <h2 class="p-name">
+          {{ .Title }}
+        </h2>
+      </header>  
+      <div class="p-summary">
+        <div class="summary-text">
+          {{ .Summary }}...
+        </div>
+      </div>
+        
+      <footer class='post-footer'>
+        <svg width="11" height="11" viewBox="0 0 11 11" xmlns="http://www.w3.org/2000/svg">
+          <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" />
+        </svg>
+        <time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">
+          {{ .Date.Format "Jan 02, 2006" }}
+        </time>
+      </footer>            
+    </a>
+  </article>
+</div>

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

@@ -1,45 +1,11 @@
 {{ define "main" }}
-  <main>
+  <main class="publishers-page">
-
     {{.Content}}
+
     <section class='entries'>
       <div class="h-feed">
         {{ range where (.Paginator 13).Pages "Params.hidden" "ne" "true" }}
-
+          {{- partial "publishers_post_card.html" . -}}
-          {{ if in .Params.categories "tv"}}
-        
-            {{- partial "video_box.html" . -}}
-
-          {{ else if in .Params.categories "calendar" }}
-
-            {{- partial "calendar_card.html" . -}}
-
-          {{ else if in .Params.categories "network" }}
-
-            {{- partial "network_card.html" . -}}
-
-          {{ else if in .Params.categories "shouts" }}
-
-            {{- partial "shout_card.html" . -}}
-
-          {{ else if in .Params.categories "pen" }}
-
-            {{- partial "pen_card.html" . -}}
-
-          {{ else if in .Params.categories "book" }}
-
-            {{- partial "book.html" . -}}
-          
-          {{ else if in .Params.categories "page" }}
-
-            {{- partial "blank.html" . -}}
-
-          {{ else }}
-
-            {{- partial "card.html" . -}}
-
-          {{ end }}   
-
         {{ end }}
       </div>
 

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

@@ -1761,7 +1761,7 @@ a.timeline-url {
     /* Timeline Events - Right Side */
     .timeline-event:nth-child(2n) {
         margin-right: -5vw;
-    }
+}
 
     .timeline-event:nth-child(36n + 8), .timeline-event:nth-child(36n + 24) {
         margin-right: -6vw;
@@ -1788,3 +1788,112 @@ a.timeline-url {
         padding: 0;
     }
 }
+
+
+/*===============================================
+Styles for publishers page 
+================================================= */
+
+.publishers-page .map {
+    margin-bottom: 2em;
+}
+
+.card.publishers {
+    border: 2px solid var(--social-dark);
+    background-color: var(--social-light);
+    max-width: min-content;
+    margin-bottom: 2em;
+    flex: auto;
+    margin: 0 3em 3em 0;
+    align-self: start;
+    color: var(--social-dark);
+    transition: transform 0.1s ease-in-out;
+}
+
+.card.publishers .link-wrapper {
+    text-decoration: none;
+    color: inherit;
+}
+
+.card.publishers:hover {
+    transform: rotate(5deg);
+}
+
+.h-entry.publishers header {
+    display: flex;
+    flex-direction: column;
+}
+
+.h-entry.publishers header h2 {
+    padding: 0.5em 0.5em 0.2em 0.5em;
+    margin: 0;
+    border: none;
+}
+
+.h-entry.publishers header h2:hover {
+    cursor: pointer;
+}
+
+.h-entry.publishers header h2 a {
+    text-decoration: none;
+    color: var(--social-dark);
+}
+
+.h-entry.publishers header time {
+    text-align: right;
+    padding: 0.6em 0.8em;
+    font-size: 1rem;
+}
+
+.card.publishers .header-metadata {
+    align-items: center;
+}
+
+.card.publishers .header-metadata .dt-published {
+    border-bottom: 2px solid var(--social-dark);
+}
+
+.card.publishers .filler {
+    min-height: 1rem;
+}
+
+.card.publishers .author.p-author {
+    border-color: var(--social-dark);
+    padding: 0.5em 1.2em 0.5em 1.2em;
+}
+
+.card.publishers .p-summary {
+    display: flex;
+}
+
+.card.publishers .p-summary.landscape {
+    flex-direction: column;
+}
+
+.card.publishers .summary-image > img {
+    display: inherit;
+}
+
+.card.publishers .summary-text {
+    font-size: 18px;
+}
+
+.card.publishers .footer-filler {
+    border-left: 2px solid var(--social-dark);
+    border-top: none;
+}
+
+.card.publishers .post-footer {
+    border-top: 2px solid var(--social-dark);
+    flex-flow: row;
+    font-size: 0.9rem;
+    background-color: var(--social-light);
+    color: var(--social-dark);
+    padding: 1em;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.card.publishers .post-footer svg {
+    fill: var(--social-dark)
+}