Momangen/momangen
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixing event page layout

Browse source
This commit is contained in:
Set Hallstrom 2019-07-02 16:10:17 +02:00
parent dc6bc6bc6c
commit 8043dbdebd
2 changed files with 37 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

5
_sass/stylish.scss
View file

@ -190,10 +190,13 @@ canvas {
z-index: 10; z-index: 10;
border-bottom: 1px solid rgb(165, 202, 195); border-bottom: 1px solid rgb(165, 202, 195);
img { img {
float: left;
margin-right: 5px; margin-right: 5px;
border-radius: 3px; border-radius: 3px;
width: 100%;
} }
}
.noflex {
} }
#footer { #footer {
width:100%; width:100%;

30
events.html
View file

@ -4,37 +4,43 @@ layout: default
description: Kalender för händelser på Kulturföreningen Momangen description: Kalender för händelser på Kulturföreningen Momangen
image: /uploads/stickerwall.jpg image: /uploads/stickerwall.jpg
--- ---
<div class="column"> <div class="column" style="border: none;">
<h3>Kommande event</h3> <h3>Kommande event</h3>
<div class="flexitem" style="margin-left: 0;">
{% capture now -%}{{ site.time | date: '%s' }}{%- endcapture %} {% capture now -%}{{ site.time | date: '%s' }}{%- endcapture %}
{% for event in site.events %} {% for event in site.events %}
{% capture endtime -%} {{ event.event_data.end_datetime | date: '%s' }} {%- endcapture %} {% capture endtime -%} {{ event.event_data.end_datetime | date: '%s' }} {%- endcapture %}
{% capture postdate -%} {{ event.date | date: '%s' }} {%- endcapture %} {% capture postdate -%} {{ event.date | date: '%s' }} {%- endcapture %}
{% if now <= endtime %} {% unless now <= postdate %} {% if now <= endtime %} {% unless now <= postdate %}
<div class="row" style="margin-left: 0;{% if forloop.last == true %}border: none;{% endif %}">
<div class="column2">
<a href="cloudcannon:collections/{{ event.path }}" class="editor-link cms-editor-link">Redigera Event</a> <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> <h2><a href="{{ event.url }}" class="nodecoration" style="border:none;">{{ event.title }}</a></h2>
<a href="{{ site.baseurl }}{{ event.url }}" title="Event: {{ event.title }}" alt="Event: {{ event.title }}"><img <a href="{{ site.baseurl }}{{ event.url }}" title="Event: {{ event.title }}" alt="Event: {{ event.title }}"
src="{{ event.image }}" style="margin-bottom: 30px;" title="Event: {{ event.title }}" style="border:none">
alt="Event: {{ event.title }}" /></a> <img src="{{ event.image }}" style="margin-bottom: 30px;" title="Event: {{ event.title }}"
alt="Event: {{ event.title }}" />
</a>
<p><strong>{% assign d = event.event_data.start_datetime | date: "%-d" %}{% case d %}{% when '1' or '21' or '31' or '2' or '22' %}{{ d }}:a <p><strong>{% 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 %} {% 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 '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 '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" }} {% when '11' %}November {% when '12' %}December {% endcase %}
{{ event.event_data.start_datetime | date: "%Y" }}
kl. {{ event.event_data.start_datetime | date: "%R"}}</strong><br /> kl. {{ event.event_data.start_datetime | date: "%R"}}</strong><br />
Typ av konst: {{ event.category }}</p> Typ av konst: {{ event.category }}</p>
<h3 style="margin-bottom: 30px;">{{ event.description | truncatewords: 10 }}</h3> <h3 style="margin-bottom: 30px;">{{ event.description | truncatewords: 10 }}</h3>
<a href="{{ event.url }}" class="cta">Läs mer</a><br /><br /> <a href="{{ event.url }}" class="cta">Läs mer</a><br /><br />
</div> {% endunless %}{% endif %} {% endfor %} </div>{% endunless %}{% endif %} {% endfor %}
</div>
</div> </div>
<div class="column"> <div class="column" style="border: none;">
<h3>Förflutna events</h3> <h3>Förflutna events</h3>
<div class="flexitem"> <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 %} {% capture now -%} {{ site.time | date: '%s' }} {%- endcapture %} {% assign events = site.events | reverse %}
<div class="column2" {% if forloop.last == true %}style="border:none"{% endif %}> {% for event in events %} {% capture endtime -%} {{ event.event_data.end_datetime | date: '%s' }} {%- endcapture %}
{% if now >= endtime %}
<div class="column2">
<a href="cloudcannon:collections/{{ event.path }}" class="editor-link cms-editor-link">Redigera Event</a> <a href="cloudcannon:collections/{{ event.path }}" class="editor-link cms-editor-link">Redigera Event</a>
<a href="{{ event.url }}" title="Event: {{ event.title }}" alt="Event: {{ event.title }}"> <a href="{{ event.url }}" title="Event: {{ event.title }}" alt="Event: {{ event.title }}">
<div class="flyer" style="background-image:url('{{ event.image }}')"></div> <div class="flyer" style="background-image:url('{{ event.image }}')"></div>