diff options
Diffstat (limited to 'templates/details/photo_galleries.html')
| -rw-r--r-- | templates/details/photo_galleries.html | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/templates/details/photo_galleries.html b/templates/details/photo_galleries.html new file mode 100644 index 0000000..34b7eb4 --- /dev/null +++ b/templates/details/photo_galleries.html @@ -0,0 +1,56 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% load number_to_word %} + +{% block pagetitle %}{{object.set_title}} - Luxagraf, Photos{% endblock %} +{%block htmlclass%}class="black"{%endblock%} + + +{% block metadescription %}{{object.set_desc|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.set_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.set_title}}</h1>{%for photo in object.photos.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"><img src="{{photo.get_local_slideshow_url}}" {% if photo.has_retina %}srcset="{{photo.get_retina_slideshow_url}} 2x"{% endif %} alt="{{photo.title}}" {%if photo.is_portait %}class="v"{%endif%} /> + <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> + <a class="map-link" href="#" data-latitude="{{photo.lat}}" data-longitude="{{photo.lon}}" data-imgid="id-{{photo.id}}">Map</a> + {%if photo.description %}<p class="figcaption--desc">{{photo.description|safe}}</p> {%endif%} + </div> + <div class="photo-options"> + <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' %}<a href="http://amzn.to/azIr5w" title="buy the {{photo.exif_lens}} on Amazon">Lumix 14-45mm lens</a>{%endif%}{%if photo.exif_lens == 'LUMIX G 20/F1.7' %}<a href="http://amzn.to/daMYOm" title="buy the {{photo.exif_lens}} on Amazon">Lumix 20mm prime lens</a>{%endif%}{%if photo.exif_lens == 'LUMIX G VARIO 45-200/F4.0-5.6' %}<a href="http://amzn.to/a9DfV7" title="buy the {{photo.exif_lens}} on Amazon">Lumix 45-200mm lens</a>{%endif%}{%if photo.exif_lens == 'OLYMPUS M.9-18mm F4.0-5.6' %}<a href="http://amzn.to/mGNVkl" title="buy the {{photo.exif_lens}} on Amazon">Olympus 9-18mm lens</a>{%endif%}{%if photo.exif_lens == None %}{%endif%}</p> + <p>{{photo.exif_exposure}} sec at f/{{photo.exif_aperture}}, ISO {{photo.exif_iso}} </p> + <!--<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 %} + </section> +{%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%} + + |