logo is now textual+css, added lightbox plugin

This commit is contained in:
Bachir Soussi Chiadmi
2017-12-23 10:55:17 +01:00
parent 1250dbbc9d
commit 13bd34d2b3
20 changed files with 774 additions and 170 deletions
@@ -3,8 +3,7 @@
<div class="row fullwidth">
<section id="title-area" class="medium-8 medium-push-2 columns">
<h1><a href="/"><span>{{ site.title|e('html') }}</span></a></h1>
<h2>{{ site.subtitle|e('html') }}</h2>
<h1><a href="/">{{ site.title|e('html') }}<br/><span>{{ site.subtitle|e('html') }}</span></a></h1>
</section>
<nav id="left-nav" class="nav small-6 medium-2 medium-pull-8 columns">
+1 -43
View File
@@ -14,51 +14,9 @@
<div id="images" class="">
{{ dump(images) }}
{# set temporary array to be able to look trough images with index #}
{% set numberedKeys = {} %}
{% for key,value in images %}
{% set numberedKeys = numberedKeys|merge({(loop.index):(key)}) %}
{% endfor %}
{{dump(numberedKeys)}}
{# display images #}
{% set continue = false %}
{% for image in images %}
{% if not continue %}
<div class="row">
{% if image.meta.size == 1 %}
<div class="block block-{{loop.index}} column large-12">
{{ image.html }}
</div>
{% else %}
{% set nextimage = images[numberedKeys[loop.index]] %}
{{ dump(nextimage) }}
{% if nextimage.meta.size != 1 %}
{% set continue = true %}
<div class="block block-{{loop.index}} column large-6">
{{ image.resize(1000).html }}
</div>
<div class="block block-{{loop.index+1}} column large-6">
{{ nextimage.resize(1000).html }}
</div>
{% else %}
<div class="block block-{{loop.index}} column large-6">
{{ image.resize(1000).html }}
</div>
<div class="block empty column large-6"></div>
{% endif %}
{% endif %}
</div>
{% else %}
{% set continue = false %}
{% endif %}
{{ image.lightbox().resize(400).html(image.meta.title) }}
{% endfor %}
</div>
</section>