slate/layouts/partials/tile.html
Gus Esquivel 32207534a2 add fallback styles for tiles
just in case users have javascript disabled.
2017-05-30 08:28:31 -05:00

12 lines
890 B
HTML

<a class="tile tile-link" href="{{ .Link.url }}" data-groups='{{ if .Link.tags }}{{ delimit .Link.tags "," }}{{ end }}'{{ if .Jump }} target="_blank"{{ end }}>
<div class="tile-box"
data-title='{{ .Link.name }}'
data-url='{{ .Link.url }}'
{{ if .Link.bg_color }}data-bg-color='{{ .Link.bg_color | safeCSS }}'{{ end -}}
{{ if .Link.txt_color }}data-txt-color='{{ .Link.txt_color | safeCSS }}'{{ end -}}
{{ if .Link.img }}data-img='{{ .Link.img }}'{{ end -}}
{{ if or .Link.bg_color .Link.txt_color }}style='{{ if .Link.bg_color }}background-color:{{ .Link.bg_color | safeCSS }};{{ end }} {{ if .Link.txt_color }}color:{{ .Link.txt_color | safeCSS }}{{end}}'{{ end -}}>
{{ if .Link.img }}<img class="logo" src="{{ .Link.img }}"></img>{{ else }}{{ .Link.name }}{{ end }}</div>
<div class="tile-title">{{ .Link.name }}</div>
</a>