Use exif metadata in the themes.

This commit is contained in:
Simon Conseil
2013-09-05 23:16:18 +02:00
parent c8cafc66a0
commit 2e266ee6bd
4 changed files with 28 additions and 4 deletions

File diff suppressed because one or more lines are too long

View File

@@ -64,6 +64,7 @@ header {
}
#cboxTitle {
max-width: 90%;
a, a:visited {
color: #ccc;
}

View File

@@ -74,14 +74,21 @@
{% endif %}
{% if medias %}
{% macro img_description(media) -%}
{% if media.big %} data-big="{{ media.big }}"{% endif %}
{% if media.exif %}
{% if media.exif.datetime %}
data-date=", {{ media.exif.datetime.strftime('%d %B %Y') }}"
{% endif %}
{% endif %}
{%- endmacro %}
<div id="gallery" class="row">
{% for media in medias %}
{% if media.type == "img" %}
<div class="four columns thumbnail
{% if loop.index % 3 == 1 %}alpha{% endif%}
{% if loop.index % 3 == 0 %}omega{% endif%}">
<a href="{{ media.file }}" class="gallery" title="{{ media.file }}"
{% if media.big %} data-big="{{ media.big }}"{% endif %}>
<a href="{{ media.file }}" class="gallery" title="{{ media.file }}" {{ img_description(media) }}>
<img src="{{ media.thumb }}" alt="{{ media.file }}"
title="{{ media.file }}" /></a>
</div>
@@ -144,6 +151,9 @@
if(this.hasAttribute("data-big")) {
title += " (full size)".link(this.getAttribute("data-big"));
}
if(this.hasAttribute("data-date")) {
title += this.getAttribute("data-date");
}
return title;
},
inline: function() {

View File

@@ -58,13 +58,26 @@
{% endif %}
{% if medias %}
{% macro img_description(media) -%}
{%- if media.big %}<a href='{{ media.big }}'>Full size</a>{% endif %}
{%- if media.exif %}
<br>
{% if media.exif.iso %}ISO: {{ media.exif.iso }}, {% endif %}
{% if media.exif.focal %}Focal: {{ media.exif.focal }}, {% endif %}
{% if media.exif.exposure %}Exposure: {{ media.exif.exposure }}, {% endif %}
{% if media.exif.fstop %}Fstop: {{ media.exif.fstop }}{% endif %}
{% if media.exif.datetime %}
<br>Date: {{ media.exif.datetime.strftime('%A, %d. %B %Y') }}
{% endif %}
{% endif %}
{%- endmacro %}
<div id="gallery">
{% for media in medias %}
{% if media.type == "img" %}
<a href="{{ media.file }}">
<img src="{{ media.thumb }}" alt="{{ media.file }}"
data-title="{{ media.file }}"
{%- if media.big %} data-description="<a href='{{ media.big }}'>Full size</a>"{% endif %}/>
data-description="{{ img_description(media) }}"/>
</a>
{% endif %}
{% if media.type == "vid" %}