blob: 5b69eddca1ff6b2e626a6ff6cd1b5adae43a1caa (
plain)
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
|
{% extends 'base.html' %}
{% load typogrify_tags %}
{% load get_image_by_size %}
{% load number_to_word %}
{% block pagetitle %}{{object.title}} - Luxagraf, Photos{% endblock %}
{%block htmlclass%}class="black"{%endblock%}
{% block metadescription %}{{object.description|truncatewords:30|smartypants|safe}}{% endblock %}
{% block extrahead %}
<script src="/media/js/leaflet-master/leaflet-mod.js"></script>
<style>
#map-canvas img{ border: none;}
</style>
{% endblock %}
{%block bodyid%}class="image_gallery"{%endblock%}
{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> → </li>
<li><a href="/photos/" title="See all Photos" itemprop="url"><span>Photos</span></a> →</li>
<li>{{object.title}}</li>
</ul>
<p class="directions">Use left/right arrow keys to navigate through photos</p>
<main id="slides" class="image-gallery--wrapper">
<h1 class="hide">Photos from {{object.title}}</h1>{%for photo in object.images.all reversed %}
<article id="image-{{forloop.counter}}">
<h6><a href="#image-{{forloop.counter}}" class="permalink" title="link to this image">∞ {{forloop.counter|number_to_word}} ∞</a></h6>
<figure class="fig">
<a href="{% get_image_by_size photo "original" %}">
<img sizes="(max-width: 1170px) 100vw"
srcset="{% for size in photo.sizes.all %}{%spaceless%}
{% get_image_by_size photo size.width %} {{size.width}}w{% if forloop.last%}"{%else%}, {%endif%}{%endspaceless%}{%endfor%}
{% for size in photo.sizes.all %}{%spaceless%}{% if size.width > 720 and size.width < 2000 %}src="{% get_image_by_size photo size.width %}"{%endif%}{%endspaceless%}{%endfor%} alt="{% if photo.alt %}{{photo.alt}}{%else%}{{photo.title}}{%endif%}" {%if photo.is_portait %}class="v"{%endif%} ></a>
<figcaption class="figcaption">
<div class="caption" id="id-{{photo.id}}">
<h3 class="figcaption--title">{{photo.title}}</h3>
<time class="figcaption--date" datetime="{{photo.exif_date|date:'c'}}">{{photo.exif_date|date:"M j, Y"}}</time>
{% if object.is_public %}<a class="map-link" href="#" data-latitude="{{photo.lat}}" data-longitude="{{photo.lon}}" data-imgid="id-{{photo.id}}">Map</a>{%endif%}
{%if photo.caption%}<p class="figcaption--desc">{{photo.caption|safe}}</p> {%endif%}
</div>
<div class="photo-options">
{% if object.is_public %}<p>{% if photo.exif_make == 'Canon'%}{{photo.exif_model}}{%endif%}{% if photo.exif_model == 'DMC-LX2'%}{{photo.exif_make}} {{photo.exif_model}}{%endif%}{%if photo.exif_model == 'DMC-GF1' %}Panasonic GF1 with {%endif%} {%if photo.exif_lens == 'LUMIX G VARIO 14-45/F3.5-5.6' %}Lumix 14-45mm lens{%endif%}{%if photo.exif_lens == 'LUMIX G 20/F1.7' %}Lumix 20mm lens{%endif%}{%if photo.exif_lens == 'LUMIX G VARIO 45-200/F4.0-5.6' %}Lumix 45-200mm lens{%endif%}{%if photo.exif_lens == 'OLYMPUS M.9-18mm F4.0-5.6' %}Olympus 9-18mm lens{%endif%}{%if photo.exif_lens == None %}{%endif%}</p>
<p>{{photo.exif_exposure}} sec at f/{{photo.exif_aperture}}, ISO {{photo.exif_iso}} </p>{% endif %}
<!--<p><a href="{{photo.flickr_link}}" title="View this Photo on Flickr.com">View on Flickr</a></p>-->
<!--<a href="#" class="exif-link" title="{{photo.id}}">Camera</a>-->
</div>
</figcaption>
</figure>
</article>
{% endfor %}
{%endblock%}
{% block js %}
<script type="text/javascript" src="/media/js/jquery.js"></script>
<script type="text/javascript" src="/media/js/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript" src="/media/js/photos.min.js" ></script>
{% endblock%}
|
