hugo-toha/layouts/partials/cards/skill.html
JY Hsu 9da3e3420b
Add category filter for skills (#979)
Co-authored-by: Emruz Hossain <hossainemruz@gmail.com>
2024-09-20 00:57:14 +00:00

28 lines
1.1 KiB
HTML

<div class="col-xs-12 col-sm-6 col-lg-4 pt-2 filtr-item"
data-category='all, {{ with .categories }}{{ delimit . ","}}{{ end }}'
>
<a class="text-decoration-none" {{ if .url }}href="{{ .url }}" title="{{ .name }}" target="_blank" rel="noopener"{{ end }}>
<div class="card">
<div class="card-head d-flex">
{{ if .logo }}
{{ $logoImage := resources.Get .logo }}
{{/* svg don't support "Fit" operation */}}
{{ if ne $logoImage.MediaType.SubType "svg" }}
{{ $logoImage = $logoImage.Fit "24x24" }}
{{ end }}
<img class="card-img-xs" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
<h5 class="card-title">{{ .name }}</h5>
{{ else if .icon }}
{{ $iconName := .icon }}
<h5 class="card-title"><span class="{{ $iconName }}"> {{ .name }}</span></h5>
{{ else }}
<h5 class="card-title">{{ .name }}</h5>
{{ end }}
</div>
<div class="card-body text-justify pt-1 pb-1">
<p class="card-text">{{ .summary | markdownify }}</p>
</div>
</div>
</a>
</div>