gallery.mustache
4.56 KB
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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<div>
<ul class="ace-thumbnails clearfix">
<!-- #section:pages/gallery -->
<li>
<a href="{{{path.images}}}/gallery/image-1.jpg" title="Photo Title" data-rel="colorbox">
<img width="150" height="150" alt="150x150" src="{{{path.images}}}/gallery/thumb-1.jpg" />
</a>
<div class="tags">
<span class="label-holder">
<span class="label label-info">breakfast</span>
</span>
<span class="label-holder">
<span class="label label-danger">fruits</span>
</span>
<span class="label-holder">
<span class="label label-success">toast</span>
</span>
<span class="label-holder">
<span class="label label-warning arrowed-in">diet</span>
</span>
</div>
<div class="tools">
<a href="#"><i class="ace-icon fa fa-link"></i></a>
<a href="#"><i class="ace-icon fa fa-paperclip"></i></a>
<a href="#"><i class="ace-icon fa fa-pencil"></i></a>
<a href="#"><i class="ace-icon fa fa-times red"></i></a>
</div>
</li>
<li>
<a href="{{{path.images}}}/gallery/image-2.jpg" data-rel="colorbox">
<img width="150" height="150" alt="150x150" src="{{{path.images}}}/gallery/thumb-2.jpg" />
<div class="text">
<div class="inner">Sample Caption on Hover</div>
</div>
</a>
</li>
<!-- /section:pages/gallery -->
<!-- #section:pages/gallery.caption -->
<li>
<a href="{{{path.images}}}/gallery/image-3.jpg" data-rel="colorbox">
<img width="150" height="150" alt="150x150" src="{{{path.images}}}/gallery/thumb-3.jpg" />
<div class="text">
<div class="inner">Sample Caption on Hover</div>
</div>
</a>
<div class="tools tools-bottom">
<a href="#"><i class="ace-icon fa fa-link"></i></a>
<a href="#"><i class="ace-icon fa fa-paperclip"></i></a>
<a href="#"><i class="ace-icon fa fa-pencil"></i></a>
<a href="#"><i class="ace-icon fa fa-times red"></i></a>
</div>
</li>
<!-- /section:pages/gallery.caption -->
<li>
<a href="{{{path.images}}}/gallery/image-4.jpg" data-rel="colorbox">
<img width="150" height="150" alt="150x150" src="{{{path.images}}}/gallery/thumb-4.jpg" />
<div class="tags">
<!-- #section:pages/gallery.tags -->
<span class="label-holder">
<span class="label label-info arrowed">fountain</span>
</span>
<span class="label-holder">
<span class="label label-danger">recreation</span>
</span>
<!-- /section:pages/gallery.tags -->
</div>
</a>
<div class="tools tools-top">
<a href="#"><i class="ace-icon fa fa-link"></i></a>
<a href="#"><i class="ace-icon fa fa-paperclip"></i></a>
<a href="#"><i class="ace-icon fa fa-pencil"></i></a>
<a href="#"><i class="ace-icon fa fa-times red"></i></a>
</div>
</li>
<li>
<div>
<img width="150" height="150" alt="150x150" src="{{{path.images}}}/gallery/thumb-5.jpg" />
<div class="text">
<div class="inner">
<span>Some Title!</span>
<br />
<a href="{{{path.images}}}/gallery/image-5.jpg" data-rel="colorbox"><i class="ace-icon fa fa-search-plus"></i></a>
<a href="#"><i class="ace-icon fa fa-user"></i></a>
<a href="#"><i class="ace-icon fa fa-share"></i></a>
</div>
</div>
</div>
</li>
<li>
<a href="{{{path.images}}}/gallery/image-6.jpg" data-rel="colorbox">
<img width="150" height="150" alt="150x150" src="{{{path.images}}}/gallery/thumb-6.jpg" />
</a>
<div class="tools tools-right">
<a href="#"><i class="ace-icon fa fa-link"></i></a>
<a href="#"><i class="ace-icon fa fa-paperclip"></i></a>
<a href="#"><i class="ace-icon fa fa-pencil"></i></a>
<a href="#"><i class="ace-icon fa fa-times red"></i></a>
</div>
</li>
<li>
<a href="{{{path.images}}}/gallery/image-1.jpg" data-rel="colorbox">
<img width="150" height="150" alt="150x150" src="{{{path.images}}}/gallery/thumb-1.jpg" />
</a>
<div class="tools">
<a href="#"><i class="ace-icon fa fa-link"></i></a>
<a href="#"><i class="ace-icon fa fa-paperclip"></i></a>
<a href="#"><i class="ace-icon fa fa-pencil"></i></a>
<a href="#"><i class="ace-icon fa fa-times red"></i></a>
</div>
</li>
<li>
<a href="{{{path.images}}}/gallery/image-2.jpg" data-rel="colorbox">
<img width="150" height="150" alt="150x150" src="{{{path.images}}}/gallery/thumb-2.jpg" />
</a>
<!-- #section:pages/gallery.tools -->
<div class="tools tools-top in">
<a href="#"><i class="ace-icon fa fa-link"></i></a>
<a href="#"><i class="ace-icon fa fa-paperclip"></i></a>
<a href="#"><i class="ace-icon fa fa-pencil"></i></a>
<a href="#"><i class="ace-icon fa fa-times red"></i></a>
</div>
<!-- /section:pages/gallery.tools -->
</li>
</ul>
</div>