init
This commit is contained in:
63
user/themes/mediator/templates/default.html.twig
Normal file
63
user/themes/mediator/templates/default.html.twig
Normal file
@@ -0,0 +1,63 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% set collection = page.collection() %}
|
||||
|
||||
{% block content %}
|
||||
<div class="page-content">
|
||||
<div class="wrapper">
|
||||
<div class="teaserimage">
|
||||
<div class="teaserimage-image" {% if page.header.cover %}style="background-image: url({{ page.media[page.header.cover].url }})"{% endif %}>
|
||||
Teaser Image
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<header class="blog-header">
|
||||
{% if site.logo %}
|
||||
<a class="blog-logo" href="{{ base_url_relative}}" style="background-image: url({{ uri.rootUrl() }}{{ site.logo }})">{{ site.title }}</a>
|
||||
{% endif %}
|
||||
<h1 class="blog-title">{{ site.title }}</h1>
|
||||
<h2 class="blog-description">{{ site.description }}</h2>
|
||||
<div class="custom-links">
|
||||
{% for social in site.social %}
|
||||
{% if social.url %}
|
||||
<a class="icon-{{ social.icon }}" href="{{ social.url }}">
|
||||
<i class="fa fa-{{ social.icon }}"></i>
|
||||
</a>
|
||||
·
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<a href="{{ base_url_relative }}/about">About</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="content" role="main">
|
||||
|
||||
{% set featured = taxonomy.findTaxonomy({'tag':'featured'}) %}
|
||||
|
||||
{% if featured and featured|length > 0 and uri.currentPage == 1 %}
|
||||
<h5 class="index-headline featured"><span>Featured</span></h5>
|
||||
|
||||
<div class="container featured">
|
||||
{% for post in featured %}
|
||||
{% include 'partials/article.html.twig' %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<h5 class="index-headline normal"><span>Regular</span></h5>
|
||||
{% endif %}
|
||||
|
||||
<div class="cf frame">
|
||||
{% for post in collection %}
|
||||
{% include 'partials/article.html.twig' %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
|
||||
{% if config.plugins.pagination.enabled and collection.params.pagination %}
|
||||
{% include 'partials/pagination.html.twig' with {'base_url': page.url, 'pagination':collection.params.pagination} %}
|
||||
{% endif %}
|
||||
|
||||
</main>
|
||||
{% endblock %}
|
||||
12
user/themes/mediator/templates/error.html.twig
Normal file
12
user/themes/mediator/templates/error.html.twig
Normal file
@@ -0,0 +1,12 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<div class="page-content">
|
||||
<div class="wrapper">
|
||||
<h1>Error {{ page.header.http_response_code }}</h1>
|
||||
<p>
|
||||
{{ page.content|raw }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
2
user/themes/mediator/templates/page.html.twig
Normal file
2
user/themes/mediator/templates/page.html.twig
Normal file
@@ -0,0 +1,2 @@
|
||||
{% embed 'post.html.twig' with {'is_page': true} %}
|
||||
{% endembed %}
|
||||
20
user/themes/mediator/templates/partials/article.html.twig
Normal file
20
user/themes/mediator/templates/partials/article.html.twig
Normal file
@@ -0,0 +1,20 @@
|
||||
<article class="post" itemscope itemtype="http://schema.org/BlogPosting" role="article">
|
||||
<div class="article-item">
|
||||
<header class="post-header">
|
||||
{% if post.header.link %}
|
||||
<h2 class="post-title" itemprop="name"><a href="{{ post.url }}" rel="bookmark" title="{{ post.title }}" itemprop="url"><i class="fa fa-angle-double-right"></i></a> <a href="{{ post.header.link }}">{{ post.title }}</a></h2>
|
||||
{% else %}
|
||||
<h2 class="post-title" itemprop="name"><a href="{{ post.url }}" itemprop="url">{{ post.title }}</a></h2>
|
||||
{% endif %}
|
||||
</header>
|
||||
<section class="post-excerpt" itemprop="description">
|
||||
<p>{{ post.content | striptags | truncate(200) }}</p>
|
||||
</section>
|
||||
<div class="post-meta">
|
||||
<time datetime="{{ post.date | date(site.date_long) }}">{{ post.date | date(site.date_long) }}</time>
|
||||
{% if post.taxonomy.tag|length > 0 %}
|
||||
<span class="post-tags-set">in {% for tag in post.taxonomy.tag %}<span class="post-tag-{{tag}}"><a href="{{ base_url }}/tag{{ config.system.param_sep }}{{ tag }}">{{ tag }}</a></span>{%if not loop.last %} + {% endif %}{% endfor %}</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
78
user/themes/mediator/templates/partials/base.html.twig
Normal file
78
user/themes/mediator/templates/partials/base.html.twig
Normal file
@@ -0,0 +1,78 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ grav.language.getActive ?: grav.config.site.default_lang }}">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<!-- (1) Optimize for mobile versions: http://goo.gl/EOpFl -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<!-- (1) force latest IE rendering engine: bit.ly/1c8EiC9 -->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
|
||||
{% include 'partials/metadata.html.twig' %}
|
||||
<meta name="HandheldFriendly" content="True" />
|
||||
<meta name="MobileOptimized" content="320" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
|
||||
<link rel="canonical" href="{{ page.url() }}">
|
||||
<link rel="shortcut icon" href="{{ theme_url }}/images/favicon.png">
|
||||
|
||||
{% block stylesheets %}
|
||||
{% do assets.addCss('http://brick.a.ssl.fastly.net/Linux+Libertine:400,400i,700,700i/Open+Sans:400,400i,700,700i') %}
|
||||
{% do assets.addCss('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css') %}
|
||||
{% do assets.addCss('theme://css/main.css') %}
|
||||
{# {% do assets.addCss('theme://css/print.css') %} #}
|
||||
{% endblock %}
|
||||
|
||||
{% block javascripts %}
|
||||
{% do assets.add('jquery', {group: 'bottom', priority: 101}) %}
|
||||
{% do assets.addJs('theme://js/jquery.fitvids.js', {group: 'bottom'}) %}
|
||||
{% do assets.addJs('theme://js/readingTime.min.js', {group: 'bottom'}) %}
|
||||
{% do assets.addJs('theme://js/index.js', {group: 'bottom'}) %}
|
||||
{% endblock %}
|
||||
|
||||
{% block assets deferred %}
|
||||
{{ assets.css()|raw }}
|
||||
{{ assets.js()|raw }}
|
||||
{% endblock %}
|
||||
</head>
|
||||
{% block body %}
|
||||
<body>
|
||||
{% endblock %}
|
||||
|
||||
{% set home = pages.find(config.system.home.alias) %}
|
||||
|
||||
{% block header %}
|
||||
<a href="{{ base_url_relative }}" class="logo-readium"><span class="logo" style="background-image: url({{ uri.rootUrl() }}{{ site.logo }})"></span></a>
|
||||
{% endblock %}
|
||||
|
||||
<!-- content start -->
|
||||
|
||||
{% block content %}
|
||||
<div class="page-content">
|
||||
<div class="wrapper">
|
||||
{{ content|raw }}
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
<!-- content end -->
|
||||
|
||||
|
||||
{% block footer %}
|
||||
<!-- footer start -->
|
||||
<footer class="site-footer">
|
||||
<a class="subscribe" href="{{ base_url }}/blog.rss"> <span class="tooltip"> <i class="fa fa-rss"></i> Subscribe!</span></a>
|
||||
<div class="inner">
|
||||
<section class="copyright">All content copyright <a href="mailto:{{ site.email}}">{{ site.name }}</a> © {{ "now"|date('Y') }} • All rights reserved.</section>
|
||||
<section class="poweredby">Made with <a href="http://getgrav.org"> Grav</a></section>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- footer end -->
|
||||
{% endblock %}
|
||||
|
||||
{% block bottom %}
|
||||
{{ assets.js('bottom')|raw }}
|
||||
{% endblock %}
|
||||
{% include 'partials/javascripts.html.twig' %}
|
||||
</body>
|
||||
</html>
|
||||
15
user/themes/mediator/templates/partials/pagination.html.twig
Normal file
15
user/themes/mediator/templates/partials/pagination.html.twig
Normal file
@@ -0,0 +1,15 @@
|
||||
{% if base_url == '' %}
|
||||
{% set base_url = '/' %}
|
||||
{% endif %}
|
||||
|
||||
<nav class="pagination" role="navigation">
|
||||
{% if pagination.hasNext %}
|
||||
{% set url = (base_url ~ pagination.params ~ pagination.nextUrl)|replace({'//':'/'}) %}
|
||||
<a class="older-posts" href="{{ url }}">← Older posts</a>
|
||||
{% endif %}
|
||||
<span class="page-number">Page {{ uri.currentPage }} of {{ pagination|length }}</span>
|
||||
{% if pagination.hasPrev %}
|
||||
{% set url = (base_url ~ pagination.params ~ pagination.prevUrl)|replace({'//':'/'}) %}
|
||||
<a class="newer-posts" href="{{ url }}">Newer posts →</a>
|
||||
{% endif %}
|
||||
</nav>
|
||||
21
user/themes/mediator/templates/partials/postmeta.html.twig
Normal file
21
user/themes/mediator/templates/partials/postmeta.html.twig
Normal file
@@ -0,0 +1,21 @@
|
||||
<div class="post-meta">
|
||||
{% if page.header.link %}
|
||||
<h1 class="post-title"><i class="fa fa-angle-double-right"></i> <a href="{{ page.header.link }}">{{ page.title }}</a></h1>
|
||||
{% else %}
|
||||
<h1 class="post-title">{{ page.title }}</h1>
|
||||
{% endif %}
|
||||
{% if page.template == 'post' %}
|
||||
<div class="cf post-meta-text">
|
||||
<div class="author-image" style="background-image: url({{ uri.rootUrl() }}{{ site.author.image }})">Blog Logo</div>
|
||||
<h4 class="author-name" itemprop="author" itemscope itemtype="http://schema.org/Person">{{ site.author.name }}</h4>
|
||||
on
|
||||
<time datetime="{{ page.date | date(site.date_short) }}">{{ page.date | date(site.date_short) }}</time>
|
||||
{% if page.taxonomy.tag|length > 0 %}
|
||||
<span class="post-tags-set">in {% for tag in page.taxonomy.tag %}<span class="post-tag-{{tag}}"><a href="{{ base_url }}/tag{{ config.system.param_sep }}{{ tag }}">{{ tag }}</a></span>{%if not loop.last %} + {% endif %}{% endfor %}</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div style="text-align:center">
|
||||
<a href="#topofpage" class="topofpage"><i class="fa fa-angle-down"></i></a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
89
user/themes/mediator/templates/post.html.twig
Normal file
89
user/themes/mediator/templates/post.html.twig
Normal file
@@ -0,0 +1,89 @@
|
||||
{% embed 'partials/base.html.twig' %}
|
||||
|
||||
{% block body %}
|
||||
<body itemscope itemtype="http://schema.org/Article">
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<main class="content {{ page.header.image ? 'tag-articleimage' : '' }}" role="main">
|
||||
<article class="post">
|
||||
{% if page.header.image %}
|
||||
<div class="article-image">
|
||||
<div class="post-image-image" style="background-image: url({% if page.header.image %}{{ page.media[page.header.image].url }}{% endif %})">
|
||||
Article Image
|
||||
</div>
|
||||
{% include 'partials/postmeta.html.twig' %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="noarticleimage">
|
||||
{% include 'partials/postmeta.html.twig' %}
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
{% endif %}
|
||||
<section class="post-content">
|
||||
{% if page.template == 'post' %}
|
||||
<div class="post-reading">
|
||||
<span class="post-reading-time"></span> read
|
||||
</div>
|
||||
{% endif %}
|
||||
<a name="topofpage"></a>
|
||||
{{ content|raw }}
|
||||
</section>
|
||||
|
||||
{% if page.template == 'post' %}
|
||||
<footer class="post-footer">
|
||||
<section class="share">
|
||||
{% for social in site.social %}
|
||||
{% if social.share_url != null %}
|
||||
<a class="icon-{{ social.icon }}" href="{{ social.share_url }}{{ social.share_title }}{{page.title | escape}}{{ social.share_link }}{{site.url}}{{page.id}}"
|
||||
onclick="window.open(this.href, '{{ social.icon }}-share', 'width=550,height=255');return false;">
|
||||
<i class="fa fa-{{ social.icon }}"></i><span class="hidden">{{ social.icon }}</span>
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</section>
|
||||
</footer>
|
||||
<div class="bottom-teaser cf">
|
||||
<div class="isLeft">
|
||||
<h5 class="index-headline featured"><span>Written by</span></h5>
|
||||
<section class="author">
|
||||
<div class="author-image" style="background-image: url({{ uri.rootUrl() }}{{site.author.image}})">Blog Logo</div>
|
||||
<h4>{{ site.author.name }}</h4>
|
||||
<p class="bio">{{site.author.bio}}</p>
|
||||
<hr>
|
||||
<p class="published">Published <time datetime="{{ page.date | date(site.date_short) }}">{{ page.date | date(site.date_short) }}</time></p>
|
||||
</section>
|
||||
</div>
|
||||
{# {{/post}} #}
|
||||
<div class="isRight">
|
||||
<h5 class="index-headline featured"><span>Supported by</span></h5>
|
||||
<footer class="site-footer">
|
||||
<section class="poweredby">Proudly published with <a href="http://getgrav.org"> Grav</a></section>
|
||||
<a class="subscribe" href="{{ base_url_relative }}/blog.rss"> <span class="tooltip"> <i class="fa fa-rss"></i> You should subscribe to my feed.</span></a>
|
||||
<div class="inner">
|
||||
<section class="copyright">All content copyright <a href="{{ base_url_relative }}">{{site.author.name}}</a> © {{ "now"|date('Y') }}<br>All rights reserved.</section>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</article>
|
||||
</main>
|
||||
<div class="bottom-closer">
|
||||
<div class="background-closer-image" {% if home.header.cover %} style="background-image: url({{ home.media[home.header.cover].brightness(-75).url }})"{% endif %}>
|
||||
Image
|
||||
</div>
|
||||
<div class="inner">
|
||||
<h1 class="blog-title">{{ site.title }}</h1>
|
||||
<h2 class="blog-description">{{ site.description }}</h2>
|
||||
<a href="{{ home.url }}" class="btn">Back to Overview</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block footer %}{% endblock %}
|
||||
|
||||
{% endembed %}
|
||||
Reference in New Issue
Block a user