attila_pelican_theme/templates/index.html

95 lines
3.3 KiB
HTML

{% extends "base.html" %}
{% block head %}
{{ super() }}
{% include 'partials/og.html' %}
{% include 'partials/jsonld.html' %}
{% endblock %}
{% if HEADER_COVER %}
{% if HEADER_COVER|lower|truncate(4, True, '') == "http" %}
{% set selected_cover = HEADER_COVER %}
{% else %}
{% set selected_cover = SITEURL+"/"+HEADER_COVER %}
{% endif %}
{% elif HOME_COVER %}
{% if HOME_COVER|lower|truncate(4, True, '') == "http" %}
{% set selected_cover = HOME_COVER %}
{% else %}
{% set selected_cover = SITEURL+"/"+HOME_COVER %}
{% endif %}
{% elif HEADER_COLOR %}
{% set selected_color = HEADER_COLOR %}
{% elif HOME_COLOR %}
{% set selected_color = HOME_COLOR %}
{% endif %}
{% block header %}
<!-- Page Header -->
<!-- Set your background image for this header on the line below. -->
<header id="blog-header" {% if selected_cover or selected_color %}class="has-cover"{% endif %}>
<div class="inner">
<nav id="navigation">
{% if SITE_LOGO %}
<span class="blog-logo">
<a href="{{ SITEURL }}/"><img src="{{SITE_LOGO}}" alt="Blog Logo" /></a>
</span>
{% endif %}
<span id="menu-button" class="nav-button">
<a class="menu-button"><i class="ic ic-menu"></i> Menu</a>
</span>
</nav>
<h1 class="blog-name"><a href="{{ SITEURL }}/">{{ SITENAME }}</a></h1>
{% if SITESUBTITLE %}
<span class="blog-description">{{ SITESUBTITLE }}</span>
{% endif %}
{% if selected_cover %}
<div class="blog-cover cover" style="background-image: url('{{ selected_cover }}')">
{% elif selected_color %}
<div class="blog-cover cover" style="background-color: {{ selected_color }}">
{% endif %}
</div>
</header>
<!-- Author info on first page -->
{% if not articles_page.has_previous() %}
<section id="blog-author" {% if selected_cover or selected_color %}class="has-cover"{% endif %} >
<div class="inner">
<aside class="post-author">
{% if PROFILE_IMAGE %}
<figure class="post-author-avatar">
<img src="/{{PROFILE_IMAGE}}" alt="{{AUTHOR}}" />
</figure>
{% endif %}
<div class="post-author-bio">
<h4 class="post-author-name">{{AUTHOR}}</h4>
{% if BIO %}
<p class="post-author-about">{{BIO}}</p>
{% endif %}
{% if LOCATION %}
<span class="post-author-location"><i class="ic ic-location"></i>
{{LOCATION}}
</span>
{% endif %}
<!-- Social linkes in alphabet order. -->
{% for name,link in SOCIAL %}
<span class="post-author-{{name}}">
<a target="_blank" href="{{link}}"><i class="ic ic-{{name}}"></i>{{name}}</a></span>
{% endfor %}
</div>
<div class="clear"></div>
</aside>
</div>
</section>
{% endif %}
{% endblock header %}
{% block content %}
<div id="index" class="container">
<main class="content" role="main">
{% include "partials/loop.html" %}
</main>
</div>
{% endblock content %}