add damdam tag to main harvest href to increase its visibility

config.toml

@@ -4,6 +4,7 @@ title = "lumbung.space"
 theme = "lumbung-theme"
 pluralizeListTitles = "false"
 paginate = 20
+hasCJKlanguage = "true"
 
 [params]
     logo = "/img/logo.svg"

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

@@ -22,6 +22,9 @@
                   {{- partial "partials/shout_card.html" . -}}
                 {{ end }}
 
+            {{ else if in .Params.sources "pen.lumbung.space" }}
+                  {{- partial "partials/pen_card.html" . -}}
+
             {{ else if eq .Section "social" }}
               {{- partial "partials/social_card.html" . -}}
 

themes/lumbung-theme/layouts/_default/single.html

@@ -2,13 +2,11 @@
     <main class="main single">
       <article class="h-entry">
       <header>
-        <h1 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h1>
+        <h1 class="p-name single"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h1>
-        <p>
+        <div class="metadata"><span class="from p-author">{{ if .Params.contributors }}By <b>{{range .Params.contributors}} <a href='{{ "/contributors/" | relLangURL }}{{ . | urlize }}/'> {{ . }},</a> {{ end }}</b>{{ end }} {{with .Params.original_link }}originally posted on <b><a href="{{ . }}">{{ end }}{{ .Params.feed_name }}</a></b> on <time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time></span></div>
-          Published by <a class="p-author" href="/about">{{ $.Param "author" }}</a>
+      </header>
-          on <time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
-        </p>
-
       <div class="e-content">
+        {{with .Params.featured_image}}<img src="{{.}}"></img>{{end}}
         {{ .Content }}
       </div>
       </article>

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

@@ -9,8 +9,14 @@
     <nav id="menu" class="menu">
         <a href="#"><img class="menu-dot" src="/img/black-dot.svg" alt="black dot"></a>
         <ul>
-            <li><a href="/timeline/">harvest</a></li>
+            {{/*<li><a href="/timeline/">harvest</a></li> */}}
             {{/*  <li><a href="/about/">about</a></li>  */}}
+            <li class="has-submenu"><a href="/timeline">harvest</a>
+                <ul class="submenu">
+                    <li><a href="/timeline/">all harvests</a></li>
+                    <li><a href="/timeline/damdam/">damdam</a></li>
+                </ul>
+            </li>
             <li class="has-submenu">about
                 <ul class="submenu">
                     <li><a href="/about/">about us</a></li>

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

@@ -1,30 +1,35 @@
     <div class='pen card {{ .Params.feed_name }} filter-item' data-section="{{ .Section }}" data-sources='{{- partial "data/sources.html" . -}}' data-contributors='{{- partial "data/contributors.html" . -}}' data-tags='{{- partial "data/tags.html" . -}}'>
       <article class="h-entry pen">
         <header>
-        <div class="pen-source"><span class="from p-author">From {{ if .Params.author }}<b>{{.Params.author}}</b> at {{ end }}<a href="{{ "/categories/" | relLangURL }}{{ .Params.feed_name | urlize }}">{{ .Params.feed_name }}</a></span></div>
+        <div class="pen-source"><span class="from p-author">From {{ if .Params.author }}<b>{{.Params.author}}</b> at {{ end }}<a href="{{ "/sources/" | relLangURL }}{{ .Params.feed_name | urlize }}">{{ .Params.feed_name }}</a></span></div>
           
           {{ $postPermalink := .Permalink}}
           <time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
-          <h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h2>
+          <h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h2> 
-          
         </header>
-        
+        {{$first_image := ""}}
-        {{ with (index (.Resources.ByType "image") 0) }}
+        {{$matches := findRESubmatch `<img\s.*?src=(?:'|")([^'">]+)(?:'|")` .Content 1 }}
-        {{ $height := add .Height 0.0}}
+        {{range $matches}}{{$first_image = index . 1}}{{end}}
-        {{ $ratio := div $height .Width}}
+        {{with .Resources.Get $first_image}}
-        {{ $thumb := .Fit "540x540 q80 webp"}}
+        {{/* Check for resource type since some TIFFS show up as image, but can not do image operations. Then we can ignore them. */}}
-        <div class="p-summary{{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
+          {{if .ResourceType}}
-          <div class="summary-image {{if gt $ratio 1 }} portrait {{else}} landscape {{end}}"> 
+            {{ $height := add .Height 0.0}}
-            <a href="{{ $postPermalink }}"><img src="{{ $thumb.Permalink }}"  alt="{{ .Title }}"> </a>
+            {{ $ratio := div $height .Width}}
-          </div>
+            {{ $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 }}
+      {{ else }}
+          <div class="p-summary">
+      {{end}}
             <div class="summary-text">
               {{ .Summary }}
             </div>
           </div>
-          
           <footer class='post-footer'>
             <a href="{{ .RelPermalink }}">
               <svg width="11" height="11" viewBox="0 0 11 11" xmlns="http://www.w3.org/2000/svg">
@@ -32,5 +37,5 @@
               </svg>
             </a>
           </footer>            
-        </article>
+      </article>
-      </div>
+    </div>

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

@@ -19,7 +19,8 @@
         </div>
       {{end}}
     {{ else if (.Resources.ByType "image") }}
-      {{ with (index (.Resources.ByType "image") 0) }}
+      {{/* Somehow the image resources are iterated in reverse, so we need to get the last one*/}}
+      {{ range last 1 (.Resources.ByType "image") }}
         {{ $img := . }}
         {{ $height := add .Height 0.0}}
         {{ $ratio := div $height .Width}}

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

@@ -86,6 +86,7 @@ a {
 
 .container .single {
     max-width: 65ch;
+    margin: auto;
 }
 
 .card {
@@ -558,8 +559,8 @@ footer.post-footer {
     flex-direction: column; 
 }
 
-.shout .p-summary.landscape {
+.shout .p-summary.landscape 
-    flex-direction: column;
+{    flex-direction: column;
 }
 
 .shout .summary-image > img {
@@ -1942,6 +1943,10 @@ input:checked + label + .description {
     height: auto;
 }
 
+.single header{
+    margin:0;
+}
+
 .single .h-entry figure{
     margin: 0 0 20px;
 }
@@ -1950,6 +1955,27 @@ input:checked + label + .description {
     margin: 0;
 }
 
+.single h1 {
+  padding: 0.5rem;
+  background: #fff;
+  width:100%;
+}
+
+.e-content{
+    padding:1em;
+}
+
+.single .metadata{
+   border: 2px solid #333;
+  font-size: 14px;
+  padding: 0.5rem;
+  align-items: center;
+  background: #e8e8e8;
+  position:relative;
+  width:calc(100% + 2em);
+  right:1em;
+}
+
 /* lumbung radio player widget  */
 .lumbung-radio-player {
     display: flex;