{{- range  .RegularPages.ByLastmod.Reverse  -}}
{{- $item := . -}}
{{- $type := $item.Params.mediatype -}}
{{- $date := $item.Lastmod -}}
{{- $text := (index $item.Params "mdtext" | markdownify) | default ($item.Description  | safeHTML) -}}
{{- $id := $item.Params.id -}}
{{- $youtubeid := $item.Params.youtubeid -}}
{{- $image := .Resources.GetMatch "*featured*" -}}
{{- $imagesrc := "" -}}
{{- with $image -}}
{{- $image = .Resize "600x" -}}
{{- $imagesrc = .RelPermalink -}}
{{- end -}}
{{- $iwidth := 500 -}}
{{- $iheight := 281 -}}
{{- $imageaspect := $item.Params.imageaspect -}}
{{- with eq $imageaspect "portrait" -}}
{{- $iwidth = 500 -}}
{{- $iheight = 750 -}}
{{- end -}}

{{- $link := $item.Params.link -}}
{{- $channel := $item.Params.channel -}}


<div title="{{with $date}}{{ .  }}{{end}}" id="{{$id}}" class="mitem white mb1">
  <div class="vsmall flex align-center"><time class=" timeago p075 blk" datetime="{{with $date}}{{.}}{{end}}">{{with $date}}{{ . | dateFormat "02 Jan 2006"}}{{end}}</time>
    <span class=" uppercase">{{ range .Params.categories }}<a href="/categories/{{- . | urlize -}}/" class="pipe uppercase text-colour inv ">{{ . }}</a>{{ end }}</span>
  </div>

  <p class="px075 {{ with eq $type "text" -}}f3{{end}}">{{with $channel}}<b>{{.}}: </b>{{end}}{{with $text}}{{.}}{{end}}</p>
 {{- with .Params.expirestext -}}<p class="px075 mt-1  red-text small thin">{{- . -}}</p>{{- end -}}
  {{- with $youtubeid -}}
  <div class="vid">
    <amp-youtube width="256"
                 height="144"
                 layout="responsive"
                 data-videoid="{{.}}">
    </amp-youtube>
  </div>
  {{- end -}}
  {{- with $image -}}
  <div class="with-link" >

    <amp-img src="{{$imagesrc}}" layout="responsive" width="{{default 16 $iwidth}}" height="{{default 9 $iheight}}" alt="Media image {{with $text}}{{.}}{{end}}"></amp-img>
    {{- with $link -}}<a href="{{.}}"></a>{{- end -}}
  </div>
  {{- end -}}
  {{ with eq $type "text" -}}
  {{- with $link -}}
  <p class="px075"><a href="{{.}}">Related link <i class="net-chevron-right"></i></a></p>
  {{- end -}}
{{- end -}}
  <hr class="muted">
  <div class="flex justify-between align-center py050 px075">
   <div class="vsmall bor1 borbb px050 py025 ">{{ range .Params.tags }}<a href="/tags/{{- . | urlize -}}/" class="com text-colour inv normal">{{ . }}</a>{{ end }}<a href="{{- .RelPermalink -}}" class="com inv normal">related ..</a></div><div class="">{{ partial "amp-share-bar" $item }}  </div>
  </div>
</div>

{{- end -}}