112 lines
No EOL
3 KiB
Twig
112 lines
No EOL
3 KiB
Twig
<main class="{{ item.elementType }} w-100 pb5 bl br bb">
|
|
|
|
<div class="w-100 center grid-container">
|
|
|
|
<aside class="grid-header ph3 pv3">
|
|
|
|
<header>
|
|
|
|
<div class="logo">
|
|
<p class="pa0 ma0">
|
|
<a class="link f1 fw9" href="{{ base_url }}" title="My Title">
|
|
{% if logo %}
|
|
<img src="{{ base_url }}/{{ logo }}" class="logo-image"/>
|
|
{% else %}
|
|
{{ settings.title }}
|
|
{% endif %}
|
|
</a>
|
|
</p>
|
|
</div>
|
|
|
|
</header>
|
|
|
|
{% if widgets %}
|
|
{% for index,widget in widgets %}
|
|
<div id="{{ index }}" class="mt4-l mt3">
|
|
{{ widget }}
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
|
|
</aside>
|
|
|
|
<div class="grid-main ph3 ph4-l pv3 lh-copy f4 fw3">
|
|
|
|
{% if settings.themes.cyanine.blogintro %}
|
|
<article>
|
|
<header>
|
|
|
|
<h1>{{ title }}</h1>
|
|
|
|
</header>
|
|
|
|
{{ content }}
|
|
|
|
</article>
|
|
{% endif %}
|
|
|
|
{% set pagelist = getPageList(navigation, settings.themes.cyanine.blogfolder, base_url) %}
|
|
{% set pagesize = 10 %}
|
|
{% set pages = ( pagelist.folderContent|length / pagesize)|round(0, 'ceil') %}
|
|
{% set currentpage = currentpage ? currentpage : 1 %}
|
|
{% set currentposts = (currentpage - 1) * pagesize %}
|
|
|
|
{% if pagelist.contains == "posts" %}
|
|
<ul class="post list pa0">
|
|
|
|
{% for element in pagelist.folderContent|slice(currentposts, pagesize) %}
|
|
|
|
{% set post = getPageMeta(settings, element) %}
|
|
{% set date = element.order[0:4] ~ '-' ~ element.order[4:2] ~ '-' ~ element.order[6:2] %}
|
|
|
|
<li class="post-entry">
|
|
<header>
|
|
{% if settings.themes.cyanine.blogimage and post.meta.heroimage != '' %}
|
|
<figure>
|
|
<img src="{{ assets.image(post.meta.heroimage).resize(820,500).src() }}"{% if post.meta.heroimage != '' %} alt="{{ post.meta.heroimage }}"{% endif %} />
|
|
</figure>
|
|
{% endif %}
|
|
<a class="link f-link underline-hover" href="{{ element.urlAbs }}"><h2 class="mt4 mb2">{{ post.meta.title }}</h2></a>
|
|
<div class="mt3"><small><time datetime="{{date}}">{{ date | date("d.m.Y") }}</time> | {{ post.meta.author }}</small></div>
|
|
</header>
|
|
<p>{{ post.meta.description }}</p>
|
|
</li>
|
|
|
|
{% endfor %}
|
|
|
|
{% if pages > 1 %}
|
|
<hr class="mv4">
|
|
<p>Page:
|
|
{% for i in 1 .. pages %}
|
|
{% if i == currentpage %}
|
|
{{i}}
|
|
{% else %}
|
|
<a class="page" href="{{ item.urlAbs }}/p/{{i}}">{{i}}</a>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</p>
|
|
{% endif %}
|
|
|
|
</ul>
|
|
{% else %}
|
|
<p>The folder contains pages. To use the blog-feature on the startpage, please change the folder content to posts.</p>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<aside class="grid-sidebar ph3 pv3">
|
|
|
|
<nav id="contentnav" class="contentnav{{ settings.themes.cyanine.collapseNav ? ' collapse' : '' }}" aria-label="Menu">
|
|
|
|
<!-- burger menu controlled by invisible checkbox -->
|
|
<input type="checkbox" id="burger" class="dn">
|
|
<label for="burger" class="burgerbutton">☰</label>
|
|
|
|
{% include 'partials/navigation.twig' %}
|
|
|
|
</nav>
|
|
|
|
</aside>
|
|
|
|
</div>
|
|
|
|
</main> |