2022-08-05 04:03:45 +00:00
|
|
|
<div class="timeline-item flex flex-column pa3 mb2 br3" data-id="{{ .ID }}" {{ with .FilterTitle }}data-filter-title="{{ . }}"{{ end }}>
|
2021-10-24 14:22:37 +00:00
|
|
|
{{/* top bar - avatar, info, date */}}
|
|
|
|
<div class="flex items-center">
|
2021-10-25 14:07:14 +00:00
|
|
|
{{ if .OwnerAvatarUrl }}
|
|
|
|
<a class="flex-shrink-0" href="{{ .OwnerUrl }}">
|
|
|
|
<img class="avatar-icon lite {{ if not .SmallInfo }}big{{ end }} {{ if .SmallInfo }}mr2{{ else }}mr3{{ end }}" src="{{ .OwnerAvatarUrl }}" />
|
|
|
|
</a>
|
|
|
|
{{ end }}
|
2021-10-24 14:22:37 +00:00
|
|
|
|
|
|
|
<div class="overflow-hidden flex-grow-1 flex flex-column justify-center">
|
|
|
|
{{ if .Breadcrumbs }}
|
|
|
|
{{ template "breadcrumbs.html" .Breadcrumbs }}
|
|
|
|
{{ end }}
|
|
|
|
{{ if .Title }}
|
2021-10-25 14:07:14 +00:00
|
|
|
<div class="f5 {{ if not .AllowTitleWrap }}nowrap truncate{{ end }}">
|
2021-10-24 20:48:28 +00:00
|
|
|
{{ with .TypeTitle }}<b class="dn di-ns">{{ . }}:</b>{{ end }}
|
2021-10-24 14:22:37 +00:00
|
|
|
<a href="{{ .Url }}">{{ .Title }}</a>
|
|
|
|
</div>
|
|
|
|
{{ end }}
|
|
|
|
<div class="details">
|
|
|
|
<a class="user" href="{{ .OwnerUrl }}">{{ .OwnerName }}</a>
|
2021-10-24 20:48:28 +00:00
|
|
|
{{ if not .SmallInfo }}
|
2021-10-24 14:22:37 +00:00
|
|
|
— {{ timehtml (relativedate .Date) .Date }}
|
2021-10-23 22:28:06 +00:00
|
|
|
{{ end }}
|
|
|
|
</div>
|
2021-10-24 14:22:37 +00:00
|
|
|
</div>
|
|
|
|
|
2021-10-24 20:48:28 +00:00
|
|
|
{{ if .SmallInfo }}
|
2021-10-24 14:22:37 +00:00
|
|
|
<a href="{{ .Url }}">{{ timehtml (relativedate .Date) .Date }}</a>
|
2021-10-23 22:28:06 +00:00
|
|
|
{{ end }}
|
2022-08-05 04:03:45 +00:00
|
|
|
{{ if .Editable }}
|
|
|
|
<a href="javascript:;" class="edit ml2">✎</a>
|
|
|
|
<div class="dn rawdesc">{{ .RawDescription }}</div>
|
|
|
|
{{ end }}
|
2021-10-23 22:28:06 +00:00
|
|
|
</div>
|
2021-10-24 14:22:37 +00:00
|
|
|
|
|
|
|
{{/* content */}}
|
|
|
|
|
|
|
|
{{ if .Description }}
|
2022-08-05 04:03:45 +00:00
|
|
|
<div class="mt3 overflow-hidden relative pre-line {{ if .TruncateDescription }}mh-5{{ end }}">
|
2021-10-24 14:22:37 +00:00
|
|
|
<div class="post-content">{{ .Description }}</div>
|
|
|
|
{{ if .TruncateDescription }}
|
|
|
|
<div class="excerpt-fade absolute w-100 h4 bottom-0 z-999"></div>
|
|
|
|
{{ end }}
|
2021-07-08 07:40:30 +00:00
|
|
|
</div>
|
2021-10-24 20:48:28 +00:00
|
|
|
{{ if .TruncateDescription }}
|
|
|
|
<div class="mt2">
|
|
|
|
<a href="{{ .Url }}">Read more »</a>
|
|
|
|
</div>
|
|
|
|
{{ end }}
|
2021-10-24 14:22:37 +00:00
|
|
|
{{ end }}
|
2021-07-08 07:40:30 +00:00
|
|
|
|
2021-10-24 14:22:37 +00:00
|
|
|
{{ range .EmbedMedia }}
|
|
|
|
<div class="timeline-content-box mt3 {{ if eq .Type mediaembed }}embed{{ end }}">
|
|
|
|
{{ if eq .Type mediaimage }}
|
|
|
|
<img src="{{ .AssetUrl }}">
|
|
|
|
{{ else if eq .Type mediavideo }}
|
|
|
|
<video src="{{ .AssetUrl }}" preload="metadata" controls>
|
|
|
|
{{ else if eq .Type mediaaudio }}
|
|
|
|
<audio src="{{ .AssetUrl }}" controls>
|
|
|
|
{{ else if eq .Type mediaembed }}
|
|
|
|
{{ .EmbedHTML }}
|
2022-04-07 05:19:48 +00:00
|
|
|
{{ else }}
|
|
|
|
<div class="project-card br2 pv1 ph2">
|
|
|
|
<a href="{{ .AssetUrl }}" target="_blank">{{ .Filename }} ({{ filesize .FileSize }})</a>
|
|
|
|
</div>
|
2021-10-24 14:22:37 +00:00
|
|
|
{{ end }}
|
|
|
|
</div>
|
|
|
|
{{ end }}
|
2021-11-11 19:00:46 +00:00
|
|
|
|
2022-08-05 04:03:45 +00:00
|
|
|
{{ with .Projects }}
|
|
|
|
<div class="mt3 flex gap2 projects">
|
|
|
|
{{ range $i, $proj := . }}
|
|
|
|
<a data-projid="{{ $proj.ID }}" href="{{ $proj.Url }}" class="flex flex-row items-center bg-theme-dimmer ph2 pv1 br2">
|
|
|
|
<img src="{{ $proj.Logo }}" class="db mr1 br1 h1-5" />
|
|
|
|
<div>{{ $proj.Name }}</div>
|
|
|
|
</a>
|
2021-11-11 19:00:46 +00:00
|
|
|
{{ end }}
|
|
|
|
</div>
|
|
|
|
{{ end }}
|
2021-10-24 14:22:37 +00:00
|
|
|
</div>
|