glance/internal/assets/templates/video-card-contents.html

{{ define "video-card-contents" }}
<img class="video-thumbnail thumbnail" loading="lazy" src="{{ .ThumbnailUrl }}" alt="">
<div class="margin-top-10 margin-bottom-widget flex flex-column grow padding-inline-widget">
    <a class="video-title color-primary-if-not-visited" href="{{ .Url }}" target="_blank" rel="noreferrer" title="{{ .Title }}">{{ .Title }}</a>
    <ul class="list-horizontal-text flex-nowrap margin-top-7">
        <li class="shrink-0" {{ dynamicRelativeTimeAttrs .TimePosted }}></li>
        <li class="min-width-0">
            <a class="block text-truncate" href="{{ .AuthorUrl }}" target="_blank" rel="noreferrer">{{ .Author }}</a>
        </li>
    </ul>
</div>
{{ end }}
Add grid-cards style for videos widget 2024-05-10 08:41:11 +02:00			`{{ define "video-card-contents" }}`
			`<img class="video-thumbnail thumbnail" loading="lazy" src="{{ .ThumbnailUrl }}" alt="">`
			`<div class="margin-top-10 margin-bottom-widget flex flex-column grow padding-inline-widget">`
			`<a class="video-title color-primary-if-not-visited" href="{{ .Url }}" target="_blank" rel="noreferrer" title="{{ .Title }}">{{ .Title }}</a>`
			`<ul class="list-horizontal-text flex-nowrap margin-top-7">`
Refactor Delay showing page content until JS has finished setting up page elements That then allows the following: Leave relative time to be rendered on the client Leave collapsible lists to be rendered on the client Which massively simplfies the backend templates which were error prone 2024-05-16 21:41:50 +02:00			`<li class="shrink-0" {{ dynamicRelativeTimeAttrs .TimePosted }}></li>`
Remove other unnecessary shrinks 2024-05-19 19:00:08 +02:00			`<li class="min-width-0">`
Add grid-cards style for videos widget 2024-05-10 08:41:11 +02:00			`<a class="block text-truncate" href="{{ .AuthorUrl }}" target="_blank" rel="noreferrer">{{ .Author }}</a>`
			`</li>`
			`</ul>`
			`</div>`
			`{{ end }}`