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
23
24
25
26


<!-- normal image with caption
     sample usage:

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

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

     alt and title and caption will be the same

-->

<!-- <figure class="imagecaption">
  <img class="caption" title="{{ .Get "title" }}" alt="{{ .Get "title" }}" src="{{ .Get "src" }}"></img>
  <figcaption>
    <span class="caption-text">{{ .Get "title" }}</span>
  </figcaption>
</figure> -->

<!-- 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>