* Update layout to use Hugo Image Processing. Created shortcode rimg that uses the srcset attribute to display responsive images. * Copy Static images to assets folder. * Add image processing to missing components + Update examples * Fix rendering in https://themes.gohugo.io/ Co-authored-by: Emruz Hossain <emruz@appscode.com>
22 lines
770 B
HTML
22 lines
770 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 }}
|
|
|
|
{{/* 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 }}" />
|
|
{{ end }}
|
|
<h5 class="card-title">{{ .name }}</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<p class="card-text">{{ .summary | markdownify }}</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|