makary/grav-theme-future2021
1
0
Fork 0
mirror of https://github.com/pmoreno-rodriguez/grav-theme-future2021.git synced 2025-06-29 06:38:54 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge branch 'develop' of https://github.com/pmoreno-rodriguez/grav-theme-future2021 into develop

Browse source
This commit is contained in:
pmoreno.rodriguez 2023-01-05 22:38:12 +01:00
commit 3e7580fc93
16 changed files with 3235 additions and 615 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3150
assets/sass/main.css Normal file
View file

File diff suppressed because it is too large Load diff

163
templates/calendar.html.twig
View file

@ -1,163 +0,0 @@
{% extends 'partials/base.html.twig' %}
{% if page.header.show_breadcrumbs is defined %}
{% set show_breadcrumbs = page.header.show_breadcrumbs %}
{% else %}
{% set show_breadcrumbs = true %}
{% endif %}
{% block menu %}
{% include 'partials/sidebar_right.html.twig' %}
{% endblock %}
{% block content %}
{% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
{% include 'partials/breadcrumbs.html.twig' %}
{% endif %}
<article class="post">
<header>
<div class="title">
<h2>{{ page.header.title }}</h2>
{% if page.header.subtitle %}
<p>{{ page.header.subtitle }}</p>
{% endif %}
</div>
</header>
{{ page.content|raw }}
{% set prevYearUrl = page.url ~ '/year:' ~ calendar.prevYear|date('Y') ~ '/month:' ~ calendar.prevYear|date('m') %}
{% set nextYearUrl = page.url ~ '/year:' ~ calendar.nextYear|date('Y') ~ '/month:' ~ calendar.nextYear|date('m') %}
{% set prevMonthUrl = page.url ~ '/year:' ~ calendar.prev.date|date('Y') ~ '/month:' ~ calendar.prev.date|date('m') %}
{% set nextMonthUrl = page.url ~ '/year:' ~ calendar.next.date|date('Y') ~ '/month:' ~ calendar.next.date|date('m') %}
{% set currMonthUrl = page.url ~ '/year:' ~ now|date('Y') ~ '/month:' ~ now|date('m') %}
{% set prevYearTitle = calendar.prevYear|dateTranslate(config.plugins.events.calendar.header) %}
{% set nextYearTitle = calendar.nextYear|dateTranslate(config.plugins.events.calendar.header) %}
{% set prevMonthTitle = calendar.prev.date|dateTranslate(config.plugins.events.calendar.header) %}
{% set nextMonthTitle = calendar.next.date|dateTranslate(config.plugins.events.calendar.header) %}
<div class="calendar-container clear-user-agent-styles">
<section class="calendar-table">
<table class="calendar">
<thead class="calendar-head">
<tr class="calendar-controls">
<th class="calendar-buttons">
<a href="{{ prevYearUrl }}" class="calendar-button" title="{{ prevYearTitle }}">&laquo;</a>
</th>
<th class="calendar-buttons">
<a href="{{ prevMonthUrl }}" class="calendar-button" title="{{ prevMonthTitle }}">&lsaquo;</a>
</th>
<th colspan="3" class="calendar-title">
<a href="{{ currMonthUrl }}" title="{{ 'PLUGIN_EVENTS.CALENDAR.TODAY'|t }}">
{{ calendar.date|dateTranslate(config.plugins.events.calendar.header) }}
</a>
</th>
<th class="calendar-buttons">
<a href="{{ nextMonthUrl }}" class="calendar-button" title="{{ nextMonthTitle }}">&rsaquo;</a>
</th>
<th class="calendar-buttons">
<a href="{{ nextYearUrl }}" class="calendar-button" title="{{ nextYearTitle }}">&raquo;</a>
</th>
</tr>
<tr class="calendar-headings">
{% set fdowOffset = config.plugins.events.calendar.first_dow %}
{% set dayChar = config.plugins.events.calendar.day_char %}
{% if dayChar == 0 %}
{% set dayChar = 1000 %}
{% endif %}
{% for day in range(0,6) %}
<th class="calendar-heading">{{ 'GRAV.DAYS_OF_THE_WEEK'|ta((fdowOffset+day) % 7)|slice(0, dayChar) }}</th>
{% endfor %}
</tr>
</thead>
<tbody class="calendar-body">
<tr class="calendar-line">
{% set startDow = (calendar.date|date('w') +6-fdowOffset) % 7 %}
{% set dow = startDow %}
{% set month = "now"|date("F") %}
{% set year = "now"|date("Y") %}
{% for day in range(1,calendar.daysInMonth) %}
{% if loop.first and startDow != 0 %}
<td colspan="{{ startDow }}"></td>
{% endif %}
<td class="calendar-cell">
<div class="calendar-events">
{% if calendar.events[calendar.year][calendar.month][day] != null %}
{% set title_date = calendar.month ~ '/' ~ day ~ '/' ~ calendar.year %}
<div class="calendar-day">
<a class="calendar-day-link{% if (day == calendar.currentDay) and (month == calendar.date|date("F")) and (year == calendar.date|date("Y")) %} calendar-active{% endif %}"
href="#!" title="{{ title_date|dateTranslate(config.plugins.events.calendar.anchor_title) }}">
{{ day }}
</a>
</div>
{% else %}
<div class="calendar-day{% if (day == calendar.currentDay) and (month == calendar.date|date("F")) and (year == calendar.date|date("Y")) %} calendar-active{% endif %}">
<span>{{ day }}</span>
</div>
{% endif %}
<div class="calendar-day-details">
{% set title_date = calendar.month ~ '/' ~ day ~ '/' ~ calendar.year %}
<h4 class="calendar-day">{{ title_date|dateTranslate(config.plugins.events.calendar.details.title) }}</h4>
<ul class="calendar-day-events">
{% for event in calendar.events[calendar.year][calendar.month][day] %}
{% if event.title %}
<li class="calendar-event">
{% include 'partials/event_calendar_item.html.twig' with { 'event': event } %}
</li>
{% endif %}
{% endfor %}
</ul>
</div>
</div>
</td>
{% if loop.last and dow != 6 %}
<td colspan="{{ 6 - dow }}">&nbsp;</td>
{% endif %}
{% if dow == 6 %}
{% set dow = 0 %}
</tr>
<tr class="calendar-line">
{% else %}
{% set dow = dow + 1 %}
{% endif %}
{% endfor %}
</tr>
</tbody>
</table>
</section>
<section class="calendar-details">
<div class="calendar-day-details">
{% set day = "now"|date("j") %}
{% set month = "now"|date("n") %}
{% set year = "now"|date("Y") %}
<h4 class="calendar-day">{{ "now"|dateTranslate(config.plugins.events.calendar.details.title) }}</h4>
<ul class="calendar-day-events">
{% if calendar.events[year][month][day] == null %}
<li>{{ "PLUGIN_EVENTS.CALENDAR.NO_EVENTS"|t }}</li>
{% else %}
{% for event in calendar.events[year][month][day] %}
{% if event.title %}
<li class="calendar-event">
{% include 'partials/event_calendar_item.html.twig' with { 'event': event } %}
</li>
{% endif %}
{% endfor %}
{% endif %}
</ul>
</div>
<p class="events-view-all">
<a href="{{ base_url_absolute ~ config.plugins.events.events_subpage }}">{{ "PLUGIN_EVENTS.CALENDAR.VIEW_ALL_EVENTS"|t }}</a>
</p>
</section>
</div><!--.calendar-container-->
</article>
<section id="footer" class="align-center">
{% include 'partials/footer.html.twig' %}
</section>
{% endblock %}

45
templates/downloads.html.twig
View file

@ -1,45 +0,0 @@
{% extends 'partials/base.html.twig' %}
{% if page.header.show_breadcrumbs is defined %}
{% set show_breadcrumbs = page.header.show_breadcrumbs %}
{% else %}
{% set show_breadcrumbs = true %}
{% endif %}
{% block menu %}
{% include 'partials/sidebar_right.html.twig' %}
{% endblock %}
{% block content %}
{% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
{% include 'partials/breadcrumbs.html.twig' %}
{% endif %}
<article class="post">
<header>
<div class="title">
<h2>{{ page.header.title }}</h2>
{% if page.header.subtitle %}
<p>{{ page.header.subtitle }}</p>
{% endif %}
</div>
</header>
{{ page.content|raw}}
<table>
{% for file in page.media.files %}
{% for type in page.header.file_types %}
{% if file.extension == type.extension or type.extension == '*' %}
<tr>
{% include 'partials/download_item.html.twig' with {file: file} %}
</tr>
{% endif %}
{% endfor %}
{% endfor %}
</table>
</article>
<section id="footer" class="align-center">
{% include 'partials/footer.html.twig' %}
</section>
{% endblock %}

43
templates/event.html.twig
View file

@ -1,43 +0,0 @@
{% extends 'partials/base.html.twig' %}
{% if page.header.show_breadcrumbs is defined %}
{% set show_breadcrumbs = page.header.show_breadcrumbs %}
{% else %}
{% set show_breadcrumbs = true %}
{% endif %}
{% block menu %}
{% include 'partials/sidebar_right.html.twig' %}
{% endblock %}
{% block content %}
{% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
{% include 'partials/breadcrumbs.html.twig' %}
{% endif %}
<article class="post">
<header>
<div class="title">
<h2>{{ page.header.title }}</h2>
{% if page.header.subtitle %}
<p>{{ page.header.subtitle }}</p>
{% endif %}
</div>
<div class="meta">
<time class="published" itemprop="datePublished" datetime="{{page.date|dateTranslate(grav.config.system.pages.dateformat.long)}}">{{ page.date|dateTranslate(grav.config.system.pages.dateformat.long)}}</time>
</div>
</header>
<div class="event-container">
<section class="event-listing">
{% include 'partials/event_item.html.twig' with { 'event': page.parent, 'single': true } %}
</section>
{% include 'partials/events_sidebar.html.twig' with { 'page': page.parent } %}
</div>
</article>
<section id="footer" class="align-center">
{% include 'partials/footer.html.twig' %}
</section>
{% endblock %}

51
templates/events.html.twig
View file

@ -1,51 +0,0 @@
{% extends 'partials/base.html.twig' %}
{% set collection = page.collection() %}
{% if page.header.show_breadcrumbs is defined %}
{% set show_breadcrumbs = page.header.show_breadcrumbs %}
{% else %}
{% set show_breadcrumbs = true %}
{% endif %}
{% block menu %}
{% include 'partials/sidebar_right.html.twig' %}
{% endblock %}
{% block content %}
{% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
{% include 'partials/breadcrumbs.html.twig' %}
{% endif %}
<article class="post">
<header>
<div class="title">
<h2>{{ page.header.title }}</h2>
{% if page.header.subtitle %}
<p>{{ page.header.subtitle }}</p>
{% endif %}
</div>
</header>
{{ page.content|raw }}
<div class="events-container">
<section class="events-listing">
{% if collection|length != 0 %}
{% for event in collection %}
{% include 'partials/event_item.html.twig' with { 'page': event, 'single': false } %}
{% endfor %}
{% else %}
<h3>{{ "PLUGIN_EVENTS.EVENTS.NO_EVENTS_TITLE"|t }}</h3>
<p>{{ ("PLUGIN_EVENTS.EVENTS.NO_EVENTS_CONTENT"|t(uri.param('category')))|markdown }}</p>
{% endif %}
</section>
</div>
</article>
{% if show_pagination and config.plugins.pagination.enabled and collection.params.pagination %}
{% include 'partials/pagination.html.twig' with {base_url: page.url, pagination: collection.params.pagination} %}
{% endif %}
<section id="footer" class="align-center">
{% include 'partials/footer.html.twig' %}
</section>
{% endblock %}

2
templates/formdata.html.twig
View file

@ -5,7 +5,7 @@
<h2>{{ form.message }}</h2> <h2>{{ form.message }}</h2>
</div> </div>
<div class="meta"> <div class="meta">
<time class="published" datetime="{{form.date|dateTranslate(grav.config.system.pages.dateformat.short)}}">{{ form.date|dateTranslate(grav.config.system.pages.dateformat.short)}}</time> <time class="published" datetime="{{form.date|date("Y-m-d")}}">{{ form.date|date("M j, Y")}}</time>
</div> </div>
</header> </header>
<p>{{'FUTURE.FORM_SUMMARY'|t}}</p> <p>{{'FUTURE.FORM_SUMMARY'|t}}</p>

39
templates/gallery.html.twig
View file

@ -1,39 +0,0 @@
{% extends 'partials/base.html.twig' %}
{% if page.header.show_breadcrumbs is defined %}
{% set show_breadcrumbs = page.header.show_breadcrumbs %}
{% else %}
{% set show_breadcrumbs = true %}
{% endif %}
{% block menu %}
{% include 'partials/sidebar_right.html.twig' %}
{% endblock %}
{% block content %}
{% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
{% include 'partials/breadcrumbs.html.twig' %}
{% endif %}
<article class="post">
<header>
<div class="title">
<h2>{{ page.header.title }}</h2>
{% if page.header.subtitle %}
<p>{{ page.header.subtitle }}</p>
{% endif %}
</div>
</header>
{{ page.content|raw}}
<section>
<div class="modular-row gallery-container {{ page.header.class }}">
{{ unite_gallery(page.media.images) }}
</div>
</section>
</article>
<section id="footer" class="align-center">
{% include 'partials/footer.html.twig' %}
</section>
{% endblock %}

88
templates/guestbook.html.twig
View file

@ -1,88 +0,0 @@
{% extends 'partials/base.html.twig' %}
{% if page.header.show_breadcrumbs is defined %}
{% set show_breadcrumbs = page.header.show_breadcrumbs %}
{% else %}
{% set show_breadcrumbs = true %}
{% endif %}
{% block menu %}
{% include 'partials/sidebar_right.html.twig' %}
{% endblock %}
{% block content %}
{% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
{% include 'partials/breadcrumbs.html.twig' %}
{% endif %}
<article class="post">
<header>
<div class="title">
<h2>{{ page.header.title }}</h2>
{% if page.header.subtitle %}
<p>{{ page.header.subtitle }}</p>
{% endif %}
</div>
</header>
{{ page.content|raw}}
{% include "forms/form.html.twig" %}
<script>
$(function() {
var currentPage = 0;
$(document).on('click tap', '.js__load-more', function(event) {
$.getJSON(window.location + '/page:' + (currentPage + 1))
.success(function(response) {
currentPage = parseInt(response.page);
response.messages.forEach(function(message) {
$('.js__messages-container').append('<tr>' +
'<td>' + message.text + '<br />{{'PLUGIN_GUESTBOOK.WRITTEN_ON'|t}} ' + message.date + ' {{'PLUGIN_GUESTBOOK.BY'|t}} ' + message.author + '</td></tr>');
});
var totalRetrieved = response.itemsPerPage * (parseInt(response.page) + 1);
$('.totalRetrieved').html(totalRetrieved);
$('.totalAvailable').html(response.totalAvailable);
if (totalRetrieved >= response.totalAvailable) {
$('.totalRetrieved').html($('.totalAvailable').html());
$('.js__load-more').hide();
}
})
.error(function() {
alert('Unexpected error');
});
});
});
</script>
{% block item %}
{% if grav.twig.guestbookMessages|length %}
<h2>{{'PLUGIN_GUESTBOOK.MESSAGES'|t}}</h2>
{% for child in grav.twig.guestbookMessages.messages %}
{% set child = child|merge({'title': child.author}) %}
{% set child = child|merge({'content': child.text}) %}
{% include 'partials/guestbook_item.html.twig' with {'page':child, 'truncate':false} %}
{% endfor %}
{% endif %}
{% if grav.twig.guestbookMessages.totalRetrieved < grav.twig.guestbookMessages.totalAvailable %}
<form>
<div class="buttons">
<button type="button" class="button js__load-more">
Load more
</button>
</div>
</form>
{% endif %}
{% endblock %}
</article>
<section id="footer" class="align-center">
{% include 'partials/footer.html.twig' %}
</section>
{% endblock %}

2
templates/partials/archives.html.twig
View file

@ -11,7 +11,7 @@
<article> <article>
<header> <header>
<h3><a href="{{p.url}}">{{ p.title }}</a></h3> <h3><a href="{{p.url}}">{{ p.title }}</a></h3>
<time class="published" datetime="{{p.date|dateTranslate(grav.config.system.pages.dateformat.short)}}">{{ p.date|dateTranslate(grav.config.system.pages.dateformat.short)}}</time> <time class="published" datetime="{{p.date|date("Y-m-d")}}">{{ p.date|date("M j, Y")}}</time>
</header> </header>
<a href="{{p.url}}" class="image"> <a href="{{p.url}}" class="image">
{{ bannerimage.cropZoom(64,64).quality(60).loading('lazy').html('',p.title)|raw }} {{ bannerimage.cropZoom(64,64).quality(60).loading('lazy').html('',p.title)|raw }}

11
templates/partials/blog_item.html.twig
View file

@ -1,9 +1,13 @@
<article class="post" itemprop="liveBlogUpdate" itemscope itemtype="http://schema.org/BlogPosting"> <article class="post" itemprop="liveBlogUpdate" itemscope itemtype="http://schema.org/BlogPosting">
{% if page.header.author %}
{% if page.header.metadata.author %}
{% set author = page.header.metadata.author %}
{% elseif page.header.author %}
{% set author = page.header.author %} {% set author = page.header.author %}
{% else %} {% else %}
{% set author = page.header.taxonomy.author[0] %} {% set author = page.header.taxonomy.author[0] %}
{% endif %} {% endif %}
{% if author %} {% if author %}
{% set avatar = author|replace(' ', '-')|lower %} {% set avatar = author|replace(' ', '-')|lower %}
{% endif %} {% endif %}
@ -33,9 +37,9 @@
</header> </header>
{% if page.header.primaryImage %} {% if page.header.primaryImage %}
<a href="{{ page.url }}" class="image featured">{{ page.media[page.header.primaryImage].cropZoom(1038,437).loading('lazy').html(page.title, page.title, 'image featured')|raw }}</a> <a href="{{ page.url }}">{{ page.media[page.header.primaryImage].cropZoom(1038,437).loading('lazy').html(page.title, page.title, 'image featured')|raw }}</a>
{% else %} {% else %}
<a href="{{ page.url }}" class="image featured">{{ page.media.images|first.cropZoom(1038,437).loading('lazy').html(page.title, page.title, 'image featured')|raw }}</a> <a href="{{ page.url }}">{{ page.media.images|first.cropZoom(1038,437).loading('lazy').html(page.title, page.title, 'image featured')|raw }}</a>
{% endif %} {% endif %}
@ -89,5 +93,4 @@
</ul> </ul>
</footer> </footer>
</article> </article>

21
templates/partials/download_item.html.twig
View file

@ -1,21 +0,0 @@
{% set size = file.size/1024 %}
{% set unit = "kB" %}
{% if size > 1023 %}
{% set size = size/1024 %}
{% set unit = "MB" %}
{% endif %}
<td style="text-align: right; vertical-align: middle;">
<a href="{{ file.url }}">
<!--<ul class="icons">
<li><i class="fa fa-file-pdf"></i></li>
</ul>-->
<img src="https://github.com/r00t0vi4/mime-icons-packs/raw/master/mime-icons-pack-1/src/{{file.extension}}.png">
</a>
</td>
<td style="text-align: left; vertical-align: middle;">
<a href="{{ file.url }}">
{{ file.filename }}<br/>
{{ size|number_format(2, '.', ',') }}{{ unit }} |
{{ file.modified|dateTranslate(grav.config.system.pages.dateformat.long) }}
</a>
</td>

62
templates/partials/event_item.html.twig
View file

@ -1,62 +0,0 @@
<article class="event-article">
<header class="event-header">
{% set image = page.media.images|first %}
{% if image != null %}
{{ image.cropZoom(960,280).html }}
{% endif %}
</header>
<section class="event">
<div class="event-left-column"> {# date and time #}
{% if single == true %} {# individual content page #}
{% else %} {# main listing page #}
<time class="event-datetime" datetime="{{ page.date|date("c") }}">
<span class="event-day">{{ page.header.event.start|dateTranslate(config.plugins.events.event_item.day) }}</span>
<span class="event-month">{{ page.header.event.start|dateTranslate(config.plugins.events.event_item.month) }}</span>
<span class="event-year">{{ page.header.event.start|date("Y") }}</span>
<span class="event-time">
{{ page.header.event.start|dateTranslate(config.plugins.events.event_item.time) }}{{ " - " }}{{ page.header.event.end|dateTranslate(config.plugins.events.event_item.time) }}
</span>
</time>
{% endif %}
</div>
<div class="event-right-column"> {# title and content #}
{% if single == true %} {# individual content page #}
{% if (config.plugins.events.event_meta.display_location) and (page.header.event.location is not empty) %}
<h3 class="event-location"><span class="location-pin"></span>{{ page.header.event.location }}</h3>
{% endif %}
{% if page.content %}
<div class="event-content">{{ page.content|raw }}</div>
{% else %}
{{ "PLUGIN_EVENTS.EVENTS.NO_MORE_INFORMATION"|t }}
{% endif %}
{% include 'partials/event_meta.html.twig' with { 'page': page } %}
{% else %} {# main listing page #}
{# {% if page.content %} #}
<h2 class="event-title"><a href="{{ page.url }}">{{ page.title }}</a></h2>
{#} {% else %}
<h2 class="event-title">{{ page.title }}</h2>
{% endif %} #}
{% if (config.plugins.events.event_meta.display_location) and (page.header.event.location is not empty) %}
<h3 class="event-location"><span class="location-pin"></span>{{ page.header.event.location }}</h3>
{% endif %}
{% if page.content %}
<span class="event-read-more"><a href="{{ page.url }}">{{ "PLUGIN_EVENTS.EVENTS.MORE_INFORMATION"|t }}</a></span>
{% endif %}
{% endif %}
{% if page.taxonomy.category and config.plugins.events.event_sidebar.enable_categories %}
<div class="event-categories">
<span class="event-tags">
{% for category in page.taxonomy.category %}
<a href="{{ event.url|rtrim('/') }}/category{{ config.system.param_sep }}{{ category }}">{{ category }}</a>
{% endfor %}
</span>
</div>
{% endif %}
</div>
</section>
</article>
<article class="event-separator"></article>

21
templates/partials/guestbook_item.html.twig
View file

@ -1,21 +0,0 @@
{# based on future2021 blog_item.html.twig and heavily stripped down #}
<article class="post" itemprop="liveBlogUpdate" itemscope itemtype="http://schema.org/BlogPosting">
<header>
<div class="title">
<h2 itemprop="headline">{{ page.title }}</h2>
</div>
<div class="meta">
<time class="published" itemprop="datePublished" datetime="{{page.date|dateTranslate(grav.config.system.pages.dateformat.short)}}">{{ page.date|dateTranslate(grav.config.system.pages.dateformat.short)}}</time>
</div>
</header>
<div itemprop="articleBody">
{{ page.content|raw }}
</div>
<footer>
<ul class="stats"> {# for bottom spacing #}
</ul>
</footer>
</article>

2
templates/partials/miniposts.html.twig
View file

@ -11,7 +11,7 @@
<article class="mini-post"> <article class="mini-post">
<header> <header>
<h3><a href="{{ p.url }}">{{ p.title }}</a></h3> <h3><a href="{{ p.url }}">{{ p.title }}</a></h3>
<time class="published" datetime="{{p.date|dateTranslate(grav.config.system.pages.dateformat.short)}}">{{ p.date|dateTranslate(grav.config.system.pages.dateformat.short)}}</time> <time class="published" datetime="2015-10-20">{{ p.date|date("M j, Y")}}</time>
<a href="{{ p.url }}" class="author"><img src="{{ p.media[p.header.avatarImage].url}}" alt="" /></a> <a href="{{ p.url }}" class="author"><img src="{{ p.media[p.header.avatarImage].url}}" alt="" /></a>
</header> </header>
<a href="{{ p.url }}" class="image"> <a href="{{ p.url }}" class="image">

2
templates/partials/simplesearch_item.html.twig
View file

@ -13,7 +13,7 @@
</div> </div>
<div class="search-details"> <div class="search-details">
<span class="search-date">{{ page.date|dateTranslate(config.system.pages.dateformat.short) }}</span> <span class="search-date">{{ page.date|date(config.system.pages.dateformat.short) }}</span>
</div> </div>
<p>{{ page.summary|truncate(200)|raw }}</p> <p>{{ page.summary|truncate(200)|raw }}</p>