layouts/shortcodes/imgcap.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22


<!-- Author: Parsia Hakimian https://github.com/parsiya/Hugo-Shortcodes -->

<!-- normal image with caption
     sample usage:

     {{< imgcap title="figurecaption" src="imagesrc" >}}

     {{< imgcap title="this is a tree" src="/images/2016/gardening/tree1.jpg" >}}

     alt text and title and caption will be the same.

     Images can be referenced from the static directory or from the page bundle.
-->

<!-- imitates the imgcap plugin from Octopress -->


<span class="caption-wrapper">
  <img class="caption" src="{{ .Get "src" }}" title="{{ .Get "title" }}" alt="{{ .Get "title" }}">
  <span class="caption-text">{{ .Get "title" }}</span>
</span>