sambuc/pelican-themes
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Flowing layout for the galleries

Browse Source
This commit is contained in:
Lionel Sambuc
2014-08-30 23:12:29 +02:00
parent a4142aa3f3
commit 29a55bd101
1 changed files with 36 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
pelican-bootstrap3/templates/article.html
View File

@@ -37,31 +37,18 @@
</div> </div>
</div> </div>
{{ article.content }} {{ article.content }}
{% if article.album %} {% if article.album %}
<table class="gallery_table"> <div id="gallery" class="panel">
<tr> <div class="panel-body">
{% for image in article.galleryimages %} {% for image in article.galleryimages %}
<td> <div class="gallery-element {{ "elem_" + article.album }}">
<table class="layout"> <div>
<tr class="layout"> <p class="picture-title">{% if article.gallerycaptions.get(image) %}{{ article.gallerycaptions.get(image) }}{% endif %}&nbsp;</p>
<td class="layout" colspan="2">&nbsp;
{% if article.gallerycaptions.get(image) %}
<strong>{{ article.gallerycaptions.get(image) }}</strong>
{% endif %}
</td>
</tr>
<tr class="layout">
<td class="layout">
<a class="{{ article.album }} cboxElement" href="{{ SITEURL }}/images/gallery/{{ article.album }}/{{ image }}" <a class="{{ article.album }} cboxElement" href="{{ SITEURL }}/images/gallery/{{ article.album }}/{{ image }}"
{% if article.gallerycaptions.get(image) %}title="{{ article.gallerycaptions.get(image) }}"{% endif %}> {% if article.gallerycaptions.get(image) %}title="{{ article.gallerycaptions.get(image) }}"{% endif %}>
<img src="{{ SITEURL }}/images/thumbs/{{ article.album }}/{{ image }}"> <img src="{{ SITEURL }}/images/thumbs/{{ article.album }}/{{ image }}" />
</a> </a>
</td>
</tr>
<tr class="layout">
{% if article.galleryexif and article.galleryexif.get(image) %} {% if article.galleryexif and article.galleryexif.get(image) %}
<td class="layout">
<table class="exif_info"> <table class="exif_info">
{% if article.galleryexif.get(image).get("Model") %} {% if article.galleryexif.get(image).get("Model") %}
<tr><th colspan="4">{{article.galleryexif.get(image).get("Model")}}</th></tr> <tr><th colspan="4">{{article.galleryexif.get(image).get("Model")}}</th></tr>
@@ -84,26 +71,13 @@
{% endif %} {% endif %}
</tr> </tr>
</table> </table>
</td>
{% endif %}
</tr>
{% if article.gallerycomments.get(image) %}
<tr>
<td colspan="2">{{ article.gallerycomments.get(image) }}</td>
</tr>
{% endif %}
</table>
</td>
{% if (loop.index % GALLERY_IMG_PER_ROW) == 0 %}
</tr>
<tr>
{% endif %} {% endif %}
<p class="picture-comment">{% if article.gallerycomments.get(image) %}{{ article.gallerycomments.get(image) }}{% endif %}</p>
</div>
</div>
{% endfor %} {% endfor %}
{% if (article.galleryimages.__len__() % GALLERY_IMG_PER_ROW) != 0 %} </div>
<td colspan="{{GALLERY_IMG_PER_ROW - (article.galleryimages.__len__() % GALLERY_IMG_PER_ROW)}}" /> </div>
{% endif %}
</tr>
</table>
{% endif %} {% endif %}
</div> </div>
<!-- /.entry-content --> <!-- /.entry-content -->