Browse Source

article partials use new css classes

Alexander Avery 3 months ago
parent
commit
fd491f7b20
  1. 10
      layouts/partials/article-alternate.html
  2. 45
      layouts/partials/article.html

10
layouts/partials/article-alternate.html

@ -1,9 +1,9 @@
<a class="article-link" href={{ printf "/%s/%s" "authors" (.Params.name | urlize) }}>
<article class="card-alternate shadow float-on-hover">
<a href={{ printf "/%s/%s" "authors" (.Params.name | urlize) }}>
<article class="alternate shadow left-to-right float-on-hover">
<div>
{{ with .Resources.GetMatch "avatar" }}
<img class="shadow" src="{{ .RelPermalink }}" alt="{{ .Params.alt }}"/>
{{ end }}
{{ with .Resources.GetMatch "avatar" }}
<img class="shadow small-circle" src="{{ .RelPermalink }}" alt="{{ .Params.alt }}"/>
{{ end }}
</div>
<div>
<h2>{{ .Params.name }}</h2>

45
layouts/partials/article.html

@ -1,27 +1,22 @@
<article class="shadow float-on-hover card">
<div class="article-image">
<a href=" {{ .Permalink }}">
{{ $image := .Resources.GetMatch "featured" }}
{{ partial "image.html" (dict "image" $image "alt" .Params.featured.alt "class" "fill-wh")}}
</a>
</div>
<div class="article-info-container">
<div class="article-info">
{{ range first 1 (.GetTerms "tags") }}
<a class="small-text" href="{{ .Permalink }}">{{ .LinkTitle }}</a>
{{ end }}
<a href="{{ .Permalink }}" class="article-title fill-wh">
<h2>{{ .Title | markdownify }}</h2>
{{ if ne .Kind "term"}}
<span class="date">
{{ if .Date }}
{{ .Date.Format "2006/01/02" }}
{{ else }}
TBD
{{ end }}
</span>
{{ end }}
</a>
</div>
<article class="shadow float-on-hover">
<a href=" {{.Permalink }}">
{{ $image := .Resources.GetMatch "featured" }}
{{ partial "image.html" (dict "image" $image "alt" .Params.featured.alt) }}
</a>
<div>
<h2 class="title">{{ .Title | markdownify }}</h2>
{{ with .Date }}
<p>{{ .Format "2006/01/02" }}</p>
{{ end }}
{{ with index (.GetTerms "tags") 0 }}
<a class="small-text" href="{{ .Permalink }}">{{ .LinkTitle }}</a>
{{ end }}
</div>
</article>

Loading…
Cancel
Save