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 }}
2023-04-13 22:53:36 +00:00
< a class = "flex flex-shrink-0" href = "{{ .OwnerUrl }}" >
2021-10-25 14:07:14 +00:00
< 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-06 22:04:45 +00:00
< div class = "mt3 overflow-hidden relative {{ if .TruncateDescription }}mh-5{{ end }}" >
2022-08-07 04:43:15 +00:00
< div class = "post-content" > {{ trim .Description }}< / div >
2021-10-24 14:22:37 +00:00
{{ 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 }}
2022-08-09 09:33:52 +00:00
< div class = "timeline-content-box mt3 {{ if eq .Type mediaembed }}embed{{ end }} br2 overflow-hidden flex {{ if not (eq .Type mediaunknown) }}timeline-item-bg justify-center{{ end }}" >
2021-10-24 14:22:37 +00:00
{{ if eq .Type mediaimage }}
< img src = "{{ .AssetUrl }}" >
{{ else if eq .Type mediavideo }}
2023-05-19 03:07:14 +00:00
{{ if .ThumbnailUrl }}
< video src = "{{ .AssetUrl }}" poster = "{{ .ThumbnailUrl }}" preload = "none" controls >
{{ else }}
< video src = "{{ .AssetUrl }}" preload = "metadata" controls >
{{ end }}
2021-10-24 14:22:37 +00:00
{{ 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 }}
2022-08-05 21:41:14 +00:00
< div class = "mt3 flex g2 projects" >
2022-08-05 04:03:45 +00:00
{{ range $i, $proj := . }}
2022-08-07 04:12:23 +00:00
< a data-projid = "{{ $proj.ID }}" href = "{{ $proj.Url }}" class = "snippet-project flex flex-row items-center bg-theme-dimmer ph2 pv1 br2" >
2022-08-05 04:03:45 +00:00
< 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 >