hugo-toha/layouts/partials/cards/skill.html
Patrick Magauran 49cb1042ea Update layout to use Hugo Image Processing.
Created shortcode rimg that uses the srcset attribute to display responsive images.
2021-01-01 02:49:21 +06:00

21 lines
672 B
HTML

<div class="col-xs-12 col-sm-6 col-lg-4 pt-2">
<a class="skill-card-link" href="{{ if .url }}{{ .url }}{{ else }}javascript:void(0){{ end }}">
<div class="card">
<div class="card-head d-flex">
{{ if .logo }}
{{ $logoImage:= resources.Get .logo}}
{{ if $logoImage }}
{{ $logoImage := $logoImage.Fit "24x24" }}
<img class="card-img-xs" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
{{ end }}
{{ end }}
<h5 class="card-title">{{ .name }}</h5>
</div>
<div class="card-body">
<p class="card-text">{{ .summary | markdownify }}</p>
</div>
</div>
</a>
</div>