{{ template "widget-base.html" . }}

{{ define "widget-content" }}
<ul class="list list-gap-24 list-with-separator">
    {{ range .Groups }}
    <li class="bookmarks-group"{{ if .Color }} style="--bookmarks-group-color: {{ .Color.AsCSSValue }}"{{ end }}>
        {{ if ne .Title "" }}<div class="bookmarks-group-title size-h3 margin-bottom-3">{{ .Title }}</div>{{ end }}
        <ul class="list list-gap-2">
        {{ range .Links }}
            <li><a href="{{ .URL }}" class="bookmarks-link color-highlight size-h4" target="_blank" rel="noreferrer">{{ .Title }}</a></li>
        {{ end }}
        </ul>
    </li>
    {{ end }}
</ul>
{{ end }}
