gcg/gcg-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

author layout fixes (#222)

Browse Source
This commit is contained in:
Denys Konovalov 2023-04-05 15:26:26 +02:00
parent b9a30e3175
commit 1c7b3a6352
1 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
layouts/author/list.html
View File

@ -6,22 +6,26 @@
<div class="col-12"> <div class="col-12">
<div class="container"> <div class="container">
{{ range .Pages }} {{ range .Pages }}
<div class="d-md-table w-100 border-bottom hover-shadow p-3"> <div class="card mb-4">
<div class="d-md-table-cell termin-tc"> <div class="row g-0">
<div class="col-md-2 col-5">
{{ if .Params.image }} {{ if .Params.image }}
<img class="rounded-circle img-fluid" src="{{.Params.image | relURL }}" width="128px"> <img class="rounded img-fluid w-100" src="{{.Params.image | relURL }}"
style="height: 160px;object-fit: cover;">
{{ else if .Params.email }} {{ else if .Params.email }}
<img class="rounded-circle img-fluid" src="https://www.gravatar.com/avatar/{{ md5 .Params.email }}?s=128&pg&d=identicon"> <img class="rounded img-fluid w-100"
src="https://www.gravatar.com/avatar/{{ md5 .Params.email }}?s=160&pg&d=identicon" style="height: 160px;object-fit: cover;">
{{ end }} {{ end }}
</div> </div>
<div class="d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0"> <div class="col-md-10 col-7">
<a href="{{ .Permalink }}" class="h4 mb-3 d-block">{{ .Title }}</a> <div class="card-body text-end">
<p class="mb-0">{{ .Summary | truncate 100 }}</p> <h5 class="card-title text-start">{{ .Title }}</h5>
</div> <p class="card-text text-truncate text-start">{{ .Summary }}</p>
<div class="d-md-table-cell text-end pe-0 pe-md-4" data-pagefind-ignore>
<a href="{{ .Permalink }}" class="btn btn-primary">{{ i18n "read_more"}}</a> <a href="{{ .Permalink }}" class="btn btn-primary">{{ i18n "read_more"}}</a>
</div> </div>
</div> </div>
</div>
</div>
{{ end }} {{ end }}
</div> </div>
</div> </div>