<div class='network card'>
          <article class="h-entry network">
            <header>
              {{ $postPermalink := .Permalink}}
              <h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h2>
              

            </header>

            <div class="network-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>
            {{ with (index (.Resources.ByType "image") 0) }}
              {{ $height := add .Height 0.0}}
              {{ $ratio := div $height .Width}}
              {{ $thumb := .Fit "540x360"}}
            <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 }}
              <div class="summary-text">
                {{ .Summary }}
              </div>
              </div>

            <footer class='post-footer'>
              <div class='footer-metadata'>
               <time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
               </div>
             {{ if .Truncated }}
                <div class="footer-filler"></div>
                <div class='read-more'><a href="{{ .RelPermalink }}">Read More…</a></div>
                {{ end }}
              </footer>            
          </article>
    </div>