highlight

This commit is contained in:
Set Hallstrom 2019-11-25 17:09:32 +01:00
parent 961e922bee
commit 3783dee558
2 changed files with 15 additions and 7 deletions

View file

@ -3,17 +3,22 @@ layout: default
--- ---
<!-- begin events.html --> <!-- begin events.html -->
<div class="column"> <div class="column">
<div style="padding:0 3px 3px 3px;border-radius: 3px;" class="highlight"> <div class="highlight">
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>
<a href="cloudcannon:collections/{{ event.path }}" rel="nofollow" class="editor-link cms-editor-link">Redigera Event</a> <a href="cloudcannon:collections/{{ event.path }}" rel="nofollow" class="editor-link cms-editor-link">Redigera Event</a>
Eventet börjar: <strong>{{ page.event_data.start_datetime | date: "%Y-%m-%d"}} klockan <p>Eventet börjar:
{{ page.event_data.start_datetime | date: "%R"}}</strong><br /> <br /><strong>{{ page.event_data.start_datetime | date: "%Y-%m-%d"}}
Och slutar: <strong>{{ page.event_data.end_datetime | date: "%Y-%m-%d"}} klockan <em>{{ page.event_data.start_datetime | date: "%R"}}</em></strong><br />
{{ page.event_data.end_datetime | date: "%R"}}</strong><br /> Och slutar:
<br /><strong>{{ page.event_data.end_datetime | date: "%Y-%m-%d"}}
<em>{{ page.event_data.end_datetime | date: "%R"}}</em></strong><br />
</p>
<p><strong>{{ page.description }}</strong></p> <p><strong>{{ page.description }}</strong></p>
</div> </div>
{{ content }}
<img src="{{ site.baseurl}}{{ page.image }}" width="100%" alt="Event flyer för: {{ page.title }}" title="Event flyer för: {{ page.title }}" /> <img src="{{ site.baseurl}}{{ page.image }}" width="100%" alt="Event flyer för: {{ page.title }}" title="Event flyer för: {{ page.title }}" />
{{ content }}
</div>{% include featured-artists.html %}{% if page.slutet_salskap == true %} </div>{% include featured-artists.html %}{% if page.slutet_salskap == true %}
<div class="column">{% if page.slutet_salskap == true %} <div class="column">{% if page.slutet_salskap == true %}

View file

@ -217,7 +217,10 @@ canvas {
margin-left: 5px; margin-left: 5px;
} }
.highlight { .highlight {
background: linear-gradient(242deg, #d0eee8, #a4f5e5); padding:10px;
border-radius: 3px;
-webkit-box-shadow: inset 5px 5px 15px 5px #a5cec6;
box-shadow: inset 5px 5px 15px 5px #a5cec6;
background-size: 400% 400%; background-size: 400% 400%;
-webkit-animation: AnimationName 3s ease infinite; -webkit-animation: AnimationName 3s ease infinite;