Skip to content

Commit 026fc76

Browse files
committed
Adding captions to gallery pages
Added captions as on Nodebox.net
1 parent 926257a commit 026fc76

File tree

4 files changed

+44
-18
lines changed

4 files changed

+44
-18
lines changed

_layouts/default.html

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,10 +13,23 @@ <h1>{{ page.title }}</h1>
1313
{{ content }}
1414
</div>
1515

16-
{% if page.images %}
16+
<!--{% if page.images %}
1717
<aside class="four columns">
1818
{% for image in page.images %}
1919
<a class="thumb" rel="images" href="/media/{{ image }}"><img src="/media/{{ image }}" alt="{{ page.title }}"></a>
2020
{% endfor %}
2121
</aside>
22-
{% endif %}
22+
{% endif %}-->
23+
24+
{% if page.images %}
25+
<aside class="four columns">
26+
{% for image in page.images %}
27+
{% if image.size == 2 %}
28+
<a class="thumb" rel="images" href="/media/{{ image[0] }}" title="{{ image[1] }}"><img src="/media/{{ image[0] }}" alt="{{ image[1] }}"></a>
29+
<div class="caption">{{ image[1] }}</div>
30+
{% else %}
31+
<a class="thumb" rel="images" href="/media/{{ image }}"><img src="/media/{{ image }}" alt="{{ page.title }}"></a>
32+
{% endif %}
33+
{% endfor %}
34+
</aside>
35+
{% endif %}

_layouts/gallery.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,4 @@
44
---
55
<div class="ten columns">
66
{{ content }}
7-
</div>
7+
</div>

_posts/2014-01-26-worskhop-helsinki.md

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -4,21 +4,21 @@ layout: gallery
44
title: NodeBox 3 Helsinki Workshop
55
thumb: masterclass-2014-helsinki-thumbmate.png
66
images:
7-
- gallery/workshop_helsinki_2014_Katju.png
8-
- gallery/workshop_helsinki_2014_Eero_parts.png
9-
- gallery/workshop_helsinki_2014_Eero_population.jpg
10-
- gallery/workshop_helsinki_2014_Eero_inmates.jpg
11-
- gallery/workshop_helsinki_2014_Eero_type.png
12-
- gallery/workshop_helsinki_2014_Eero_ClairedeLune.png
13-
- gallery/workshop_helsinki_2014_Tuomas.png
14-
- gallery/workshop_helsinki_2014_Tuomas_detail.png
15-
- gallery/workshop_helsinki_2014_Lea.png
16-
- gallery/workshop_helsinki_2014_Lea_group.png
17-
- gallery/workshop_helsinki_2014_Lisa.png
18-
- gallery/workshop_helsinki_2014_Luyi.png
19-
- gallery/workshop_helsinki_2014_Christopher.png
20-
- gallery/workshop_helsinki_2014_Cristina.png
21-
- gallery/workshop_helsinki_2014_Sulza.png
7+
- [gallery/workshop_helsinki_2014_Katju.png, © 2104 Katju Aro - North Sea Fish]
8+
- [gallery/workshop_helsinki_2014_Eero_parts.png, © 2014 Eero Pitkanen - Human Parts]
9+
- [gallery/workshop_helsinki_2014_Eero_population.jpg, © 2014 Eero Pitkanen - Crowd Making]
10+
- [gallery/workshop_helsinki_2014_Eero_inmates.jpg, © 2014 Eero Pitkanen - Guantanamo Style]
11+
- [gallery/workshop_helsinki_2014_Eero_type.png, © 2014 Eero Pitkanen - Grid Font]
12+
- [gallery/workshop_helsinki_2014_Eero_ClairedeLune.png, © 2014 Eero Pitkanen - Midi Viz]
13+
- [gallery/workshop_helsinki_2014_Tuomas.png, © 2014 Tuomas Kärkkäinen - 6 years Afghan war]
14+
- [gallery/workshop_helsinki_2014_Tuomas_detail.png, © 2014 Tuomas Kärkkäinen - Incident Detail]
15+
- [gallery/workshop_helsinki_2014_Lea.png, © 2014 Lea Suijckerbuijk - Creatures]
16+
- [gallery/workshop_helsinki_2014_Lea_group.png, © 2014 Lea Suijckerbuijk - More]
17+
- [gallery/workshop_helsinki_2014_Lisa.png, © 2014 Lisa Lee - Killed over What?]
18+
- [gallery/workshop_helsinki_2014_Luyi.png, © 2014 Ma Luyi - Rotating Art]
19+
- [gallery/workshop_helsinki_2014_Christopher.png, © 2014 Christopher Andersen - Swedish and Sami]
20+
- [gallery/workshop_helsinki_2014_Cristina.png, © 2014 Cristina Melcior Vendrell - 100 Types]
21+
- [gallery/workshop_helsinki_2014_Sulza.png, © 2014 Alena Sulza - Water logo derivatives]
2222
---
2323

2424
We did a workshop at [Aalto University - Finland - Helsinki] (http://www.aalto.fi/en/) from January 27 till January 31 2014. Participants were a selection of students from graphic design and media arts. The focus was on data visualization and on generative design.

media/css/screen.css

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -680,3 +680,16 @@ footer .copyright a {
680680

681681
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
682682
@media only screen and (max-width: 479px) {}
683+
684+
/* Aside */
685+
686+
aside {
687+
padding-bottom: 10px;
688+
}
689+
690+
691+
<!--aside div.caption {
692+
font-size: 80%;
693+
margin: -4px 0 7px 0;
694+
}-->
695+

0 commit comments

Comments
 (0)