margin, padding and visual delimitation fix

This commit is contained in:
Set Sakrecoer 2019-06-19 12:52:22 +02:00
parent 66bb745c36
commit edeb975500
10 changed files with 167 additions and 205 deletions

View file

@ -4,82 +4,31 @@ layout: default
description: Kalender för händelser på Kulturföreningen Momangen
image: /uploads/stickerwall.jpg
---
<div class="column">
{% capture now -%}{{ site.time | date: '%s' }}{%- endcapture %}
{% for event in site.events %}
{% capture endtime -%}
{{ event.event_data.end_datetime | date: '%s' }}
{%- endcapture %}
{% if now <= endtime %}
<h3>Kommande event</h3>
<a href="cloudcannon:collections/{{ event.path }}" class="editor-link cms-editor-link">Redigera Event</a>
<h2><a href="{{ event.url }}" class="nodecoration" style="border:none;">{{ event.title }}</a></h2>
<img src="{{ event.image }}" width="100%" />
<p>
{% assign d = event.event_data.start_datetime | date: "%-d" %}{% case d %}{% when '1' or '21' or '31' or '2' or '22' %}{{ d }}:a
{% else %}{{ d }}:e{% endcase %}
{% assign m = event.event_data.start_datetime | date: "%-m" %}
{% case m %}
{% when '1' %}Januar
{% when '2' %}Februar
{% when '3' %}Mars
{% when '4' %}April
{% when '5' %}Maj
{% when '6' %}Juni
{% when '7' %}Juli
{% when '8' %}Augusti
{% when '9' %}September
{% when '10' %}October
{% when '11' %}November
{% when '12' %}December
{% endcase %}
{{ event.event_data.start_datetime | date: "%Y" }}
kl. {{ event.event_data.start_datetime | date: "%R"}}<br />
Typ av konst: {{ event.category }}</p>
<h3>{{ event.description | truncatewords: 10 }}</h3>
<a href="{{ event.url }}" class="cta">Läs mer</a><br /><br />
{% endif %}
{% endfor %}
</div>
{% capture now -%}{{ site.time | date: '%s' }}{%- endcapture %} {% for event in site.events %} {% capture endtime -%} {{ event.event_data.end_datetime | date: '%s' }} {%- endcapture %} {% if now <= endtime %}
<h3>Kommande event</h3>
<a href="cloudcannon:collections/{{ event.path }}" class="editor-link cms-editor-link">Redigera Event</a>
<h2><a href="{{ event.url }}" class="nodecoration" style="border:none;">{{ event.title }}</a></h2>
<img src="{{ event.image }}" width="100%" />
<p> {% assign d = event.event_data.start_datetime | date: "%-d" %}{% case d %}{% when '1' or '21' or '31' or '2' or '22' %}{{ d }}:a {% else %}{{ d }}:e{% endcase %} {% assign m = event.event_data.start_datetime | date: "%-m" %} {% case m %} {% when '1' %}Januari {% when '2' %}Februari {% when '3' %}Mars {% when '4' %}April {% when '5' %}Maj {% when '6' %}Juni {% when '7' %}Juli {% when '8' %}Augusti {% when '9' %}September {% when '10' %}Oktober {% when '11' %}November {% when '12' %}December {% endcase %} {{ event.event_data.start_datetime | date: "%Y" }} kl. {{ event.event_data.start_datetime | date: "%R"}}<br />
Typ av konst: {{ event.category }}</p>
<h3>{{ event.description | truncatewords: 10 }}</h3>
<a href="{{ event.url }}" class="cta">Läs mer</a><br /><br /> {% endif %} {% endfor %}
</div>
<div class="column">
<h3>Förflutna events</h3>
<div class="flexitem">
{% capture now -%}
{{ site.time | date: '%s' }}
{%- endcapture %}
{% assign events = site.events | reverse %}
{% for event in events %}
{% capture endtime -%}
{{ event.event_data.end_datetime | date: '%s' }}
{%- endcapture %}
{% if now >= endtime %}
<div class="column2">
{% capture now -%} {{ site.time | date: '%s' }} {%- endcapture %} {% assign events = site.events | reverse %} {% for event in events %} {% capture endtime -%} {{ event.event_data.end_datetime | date: '%s' }} {%- endcapture %} {% if now >= endtime %}
<div class="column2" {% if forloop.last == true %}style="border:none"{% endif %}>
<a href="cloudcannon:collections/{{ event.path }}" class="editor-link cms-editor-link">Redigera Event</a>
<a href="{{ event.url }}"><div class="flyer" style="background-image:url('{{ event.image }}')"></div></a>
<p>{{ event.event_data.start_datetime | date: '%Y-%m-%d' }}<br />
<a href="{{ event.url }}"><strong>{{ event.title }}</strong></a>
<br />{{ event.description | truncatewords: 10 }}
</p>
<hr />
<br />
<a href="{{ event.url }}">
<div class="flyer" style="background-image:url('{{ event.image }}')"></div>
</a>
<p>{{ event.event_data.start_datetime | date: '%Y-%m-%d' }}<br />
<a href="{{ event.url }}"><strong>{{ event.title }}</strong></a>
<br /><br />{{ event.description | truncatewords: 10 }}
</p>
<br />
</div> {% endif %} {% endfor %}
</div>
{% endif %}
{% endfor %}
</div>
</div>