pelican-mg/templates/base.html

293 lines
13 KiB
HTML
Raw Normal View History

2014-12-29 22:08:56 +00:00
<!DOCTYPE html>
2015-01-09 18:56:22 +00:00
{% if article %}
<!--[if lt IE 7]> <html lang="{{ DEFAULT_LANG }}" class="no-js lt-ie9 lt-ie8 lt-ie7" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/BlogPosting"> <![endif]-->
<!--[if IE 7]> <html lang="{{ DEFAULT_LANG }}" class="no-js lt-ie9 lt-ie8" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/BlogPosting"> <![endif]-->
<!--[if IE 8]> <html lang="{{ DEFAULT_LANG }}" class="no-js lt-ie9" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/BlogPosting"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="{{ DEFAULT_LANG }}" class="no-js" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/BlogPosting"> <!--<![endif]-->
{% elif page %}
<!--[if lt IE 7]> <html lang="{{ DEFAULT_LANG }}" class="no-js lt-ie9 lt-ie8 lt-ie7" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/WebPage"> <![endif]-->
<!--[if IE 7]> <html lang="{{ DEFAULT_LANG }}" class="no-js lt-ie9 lt-ie8" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/WebPage"> <![endif]-->
<!--[if IE 8]> <html lang="{{ DEFAULT_LANG }}" class="no-js lt-ie9" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/WebPage"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="{{ DEFAULT_LANG }}" class="no-js" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/WebPage"> <!--<![endif]-->
{% else %}
<!--[if lt IE 7]> <html lang="{{ DEFAULT_LANG }}" class="no-js lt-ie9 lt-ie8 lt-ie7" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/Blog"> <![endif]-->
<!--[if IE 7]> <html lang="{{ DEFAULT_LANG }}" class="no-js lt-ie9 lt-ie8" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/Blog"> <![endif]-->
<!--[if IE 8]> <html lang="{{ DEFAULT_LANG }}" class="no-js lt-ie9" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/Blog"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="{{ DEFAULT_LANG }}" class="no-js" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/Blog"> <!--<![endif]-->
{% endif %}
2014-12-29 22:08:56 +00:00
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<base href="{{ SITEURL }}/"><!-- So that "images/" prefixed URLs are resolved in the same way in pages/ -->
<title>{% block title %}{{ SITENAME }}{% endblock %}</title>
<meta name="description" content="{% block description %}{{ DESCRIPTION }}{% endblock %}">
2019-05-28 05:00:19 +00:00
{% if FAVICON %}
<link rel="shortcut icon" href="{{ SITEURL }}/{{ FAVICON }}" type="{{ FAVICON_TYPE|default('image/x-icon') }}">
{% endif %}
2017-08-15 22:16:19 +00:00
<link href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} ATOM Feed">
2019-05-28 05:00:19 +00:00
{% block meta %}
{% endblock %}
<meta name="author" content="{{ AUTHOR }}">
<meta name="copyright" content="{{ AUTHOR }}">
2017-08-15 22:16:19 +00:00
<meta name="twitter:card" content="summary" >
<meta name="twitter:site" content="@{{ TWITTER_USERNAME }}" >
<meta property="og:site_name" content="{{ SITENAME }}" >
{% block seo %}
2017-08-15 22:16:19 +00:00
<meta property="og:title" content="{{ SITENAME }}" >
<meta property="og:type" content="website" >
<meta property="og:url" content="{{ SITEURL }}" >
<meta name="twitter:url" content="{{ SITEURL }}" >
<meta itemprop="name" content="{{ SITENAME }}" >
<meta itemprop="url" content="{{ SITEURL }}">
{% if DESCRIPTION %}
2017-08-15 22:16:19 +00:00
<meta property="og:description" content="{{ DESCRIPTION }}" >
<meta name="twitter:description" content="{{ DESCRIPTION }}" >
<meta itemprop="description" content="{{ DESCRIPTION }}" >
{% endif %}
{% if META_IMAGE %}
2017-08-15 22:16:19 +00:00
<meta property="og:image" content="{{ META_IMAGE }}" >
<meta property="og:image:type" content="{{ META_IMAGE_TYPE }}" >
<meta name="twitter:image" content="{{ META_IMAGE }}" >
<meta itemprop="image" content="{{ META_IMAGE }}" >
{% endif %}
{% endblock %}
{% if not DISABLE_SEARCH %}
<link rel="stylesheet" href="{{ SITEURL }}/theme/csslibs/tipuesearch.css">
{% endif %}
2019-05-28 05:00:19 +00:00
<link rel="stylesheet" type="text/css" href="{{SITEURL}}/theme/bundle-SHORTSHA1-dbda62d.css">
2019-05-28 03:46:13 +00:00
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-xVVam1KS4+Qt2OrFa+VdRUoXygyKIuNWUUUBZYv+n27STsJ7oDOHJgfF0bNKLMJF" crossorigin="anonymous">
2014-12-29 22:08:56 +00:00
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
2015-01-01 20:06:34 +00:00
2019-05-28 05:28:30 +00:00
<header class="mg-header uk-navbar ">
2014-12-29 22:08:56 +00:00
2019-05-28 05:42:17 +00:00
<div class="mg-header-content uk-container uk-navbar-center">
2014-12-29 22:08:56 +00:00
2019-05-28 05:28:30 +00:00
<div class="uk-hidden@s">
2017-11-06 14:08:11 +00:00
<a class="mg-brand" href="{{ SITEURL }}">{% block header_text %}{% if ALT_NAME %}{{ ALT_NAME }}{% else %}{{ SITENAME }}{% endif %}{% endblock %}</a>
<div class="mg-tagline">{% if SITESUBTITLE %}{{ SITESUBTITLE }}{% endif %}</div>
</div>
2019-05-28 05:28:30 +00:00
<ul class="uk-hidden@s mg-skiplinks">
{% if not DISABLE_SEARCH %}
2017-08-18 10:05:32 +00:00
<li><a href="#search-form">Search form</a></li>
{% endif %}
2017-08-18 10:05:32 +00:00
</ul>
2019-05-28 05:28:30 +00:00
<div class="mg-header-extra uk-hidden@s">
2017-08-14 20:18:28 +00:00
{% block header_extra %}
{% endblock %}
</div>
2019-05-28 05:28:30 +00:00
<div class="mg-nav-small uk-visible@s">
<a class="mg-nav-menu-toggle-small uk-navbar-toggle" href="#mg-offcanvas" uk-toggle></a>
2017-11-06 14:08:11 +00:00
<a class="mg-brand uk-navbar-center" href="{{ SITEURL }}">{% if ALT_NAME %}{{ ALT_NAME }}{% else %}{{ SITENAME }}{% endif %}</a>
</div>
2014-12-29 22:08:56 +00:00
</div>
</header>
2017-09-08 15:18:31 +00:00
<main class="mg-main">
2014-12-29 22:08:56 +00:00
2019-05-28 05:28:30 +00:00
<div class="uk-container ">
2014-12-29 22:08:56 +00:00
2019-05-28 05:28:30 +00:00
<div class="uk-grid" uk-grid>
2015-11-23 17:09:35 +00:00
2014-12-29 22:08:56 +00:00
{% block content %}
2015-11-23 17:09:35 +00:00
{% endblock %}
2019-05-28 05:28:30 +00:00
<div role="navigation" class="uk-width-1-5@m uk-hidden@s">
2015-11-23 17:09:35 +00:00
{% if not DISABLE_SEARCH %}
2019-05-28 05:28:30 +00:00
<div class="uk-card uk-card-default">
<form class="uk-search uk-search-default" action="search.html" >
<input class="uk-search-input tipue_search" type="search" name="q" id="tipue_search_input" autocomplete="off" placeholder="Search...">
</form>
2015-01-08 23:10:05 +00:00
</div>
2015-11-07 19:43:39 +00:00
{% endif %}
2015-01-08 23:10:05 +00:00
2019-05-28 05:28:30 +00:00
<div class="uk-card uk-card-default">
<ul class="uk-nav uk-nav-default">
{% if CATEGORY_SAVE_AS %}
2014-12-29 22:08:56 +00:00
<li class="uk-nav-header">Categories</li>
{% for cat, _ in categories %}
<li {% if cat == category %}class="uk-active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
{% endfor %}
{% endif %}
2017-08-15 13:26:47 +00:00
2014-12-29 22:08:56 +00:00
{% if DISPLAY_PAGES_ON_MENU != False %}
<li class="uk-nav-header">Pages</li>
{% for p in pages %}
2014-12-29 22:08:56 +00:00
<li {% if p == page %}class="uk-active"{% endif %}>
<a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a>
</li>
{% endfor %}
{% endif %}
{% if ARCHIVE_SAVE_AS %}
2014-12-29 22:08:56 +00:00
<li class="uk-nav-divider"></li>
2015-01-01 00:19:43 +00:00
<li {% if page_name == 'archives' %}class="uk-active"{% endif %}><a href="{{ SITEURL }}/archives.html">Archives</a></li>
{% endif %}
2014-12-29 22:08:56 +00:00
</ul>
</div>
{% if SOCIAL %}
2019-05-28 05:28:30 +00:00
<div class="uk-card uk-card-default">
<h2 class="uk-card-title">Social</h2>
{% for link_destination, link in SOCIAL %}
<a class="mg-icon-link" href="{{ link }}" title="Link to my {{ link_destination }}">
2019-05-28 05:28:30 +00:00
<i class="fab fa-{{ link_destination }} " aria-hidden="true"></i>
</a>
{% endfor %}
</div>
{% endif %}
2019-05-28 05:28:30 +00:00
<div class="uk-card uk-card-default">
<h3 class="uk-card-title">Syndication</h3>
<a rel="alternate" type="application/atom+xml" href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}" class="mg-feed"><i class="fas fa-rss-square "></i> ATOM</a>
{% if EXTRA_ATOM_FEED %}<a rel="alternate" type="application/atom+xml" href="{{ EXTRA_ATOM_FEED['url'] }}" class="mg-feed"><i class="fas fa-rss-square "></i> {{ EXTRA_ATOM_FEED['name'] }}</a>{% endif %}
2019-05-28 03:43:32 +00:00
</div>
{% if AVATARS %}
2019-05-28 05:28:30 +00:00
<div class="uk-card uk-card-default">
<h2 class="uk-card-title">Avatars</h2>
{% for img_uri in AVATARS %}
<img class="mg-avatar" src="{{ img_uri }}" alt="An avatar I use on the web" title="An avatar I use on the web">
{% endfor %}
</div>
{% endif %}
{% if READINGS %}
<a href="{{ SITEURL }}/past_readings.html">
2019-05-28 05:28:30 +00:00
<div class="uk-card uk-card-default">
<h2 class="uk-card-title">Previous Entries</h2>
<img class="uk-thumbnail" src="{{ READINGS[0]['img_url'] }}" alt="{{ READINGS[0]['description'] }}" title="{{ READINGS[0]['description'] }}">
</div>
</a>
2017-08-15 13:26:47 +00:00
{% endif %}
2015-11-23 17:09:35 +00:00
{% if LINKS %}
2019-05-28 05:28:30 +00:00
<div class="uk-card uk-card-default">
<h3 class="uk-card-title">Blogroll</h3>
<ul class="uk-nav uk-nav-default">
{% for text, url in LINKS %}
<li><a href="{{ url }}">{{ text }}</a></li>
{% endfor %}
</ul>
</div>
{% endif %}
{% if SUPPORTS %}
2019-05-28 05:28:30 +00:00
<div class="uk-card uk-card-default">
{% for name, link, logo_url, title in SUPPORTS %}
<a href="{{ link }}">
<img class="mg-support-logo" src="{{ logo_url }}" alt="Logo {{ name }}" title="{{ title }}">
</a>
{% endfor %}
</div>
2014-12-29 22:08:56 +00:00
{% endif %}
</div>
</div>
</div>
</main>
2017-09-08 15:19:36 +00:00
<footer class="mg-footer">
2019-05-28 05:28:30 +00:00
<div class="uk-container uk-text-center">
2014-12-29 22:08:56 +00:00
2019-05-28 05:28:30 +00:00
<ul class="mg-icons-small uk-subnav uk-visible@s">
2015-01-01 20:06:34 +00:00
<li><a rel="alternate" type="application/atom+xml" href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}" class="uk-icon-button uk-icon-rss"></a></li>
2017-11-07 12:18:41 +00:00
{% if EXTRA_ATOM_FEED %}<li><a rel="alternate" type="application/atom+xml" href="{{ EXTRA_ATOM_FEED['url'] }}" class="uk-icon-button uk-icon-rss"></a></li>{% endif %}
2014-12-29 22:08:56 +00:00
{% if SOCIAL %}
{% for link_destination, link in SOCIAL %}
<a class="mg-icon-link" href="{{ link }}" title="Link to my {{ link_destination }}">
2019-05-28 05:42:17 +00:00
<i class="fab fa-{{ link_destination }} " aria-hidden="true"></i>
</a>
2014-12-29 22:08:56 +00:00
{% endfor %}
{% endif %}
</ul>
2014-12-29 22:08:56 +00:00
<div class="mg-author uk-panel">
<p>{{ FOOTER }}</p>
2019-05-28 04:20:54 +00:00
<p>Powered by <a href="http://blog.getpelican.com">Pelican</a>. Theme <a href="https://github.com/alopexc0de/pelican-mg">mg</a> based on work by <a href="https://github.com/lucachr">Luca Chiricozzi</a></p>
2014-12-29 22:08:56 +00:00
</div>
2015-11-23 17:09:35 +00:00
</div>
2014-12-29 22:08:56 +00:00
</footer>
2019-05-28 05:28:30 +00:00
<aside id="mg-offcanvas" uk-offcanvas>
2014-12-29 22:08:56 +00:00
<div class="uk-offcanvas-bar">
2015-01-08 23:10:05 +00:00
2015-11-07 19:43:39 +00:00
{% if not DISABLE_SEARCH %}
2019-05-28 05:28:30 +00:00
<div class="uk-card uk-card-default">
<form class="uk-search uk-search-default" action="search.html" >
<i class="fal fa-search uk-search-icon "></i><input class="uk-search-input tipue_search" type="search" name="q" id="tipue_search_input" autocomplete="off" placeholder="Search...">
2019-05-28 04:10:15 +00:00
</form>
</div>
2015-11-07 19:43:39 +00:00
{% endif %}
2015-01-08 23:10:05 +00:00
2019-05-28 05:28:30 +00:00
<ul class="uk-nav uk-nav-default" uk-nav>
2017-08-10 00:11:45 +00:00
{% if CATEGORY_SAVE_AS %}
2014-12-29 22:08:56 +00:00
<li class="uk-nav-header">Categories</li>
{% for cat, _ in categories %}
<li {% if cat == category %}class="uk-active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
{% endfor %}
2017-08-10 00:11:45 +00:00
{% endif %}
2014-12-29 22:08:56 +00:00
{% if DISPLAY_PAGES_ON_MENU != False %}
2015-11-23 17:09:35 +00:00
<li class="uk-nav-header">Pages</li>
{% for p in pages %}
2014-12-29 22:08:56 +00:00
<li {% if p == page %}class="uk-active"{% endif %}>
<a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a>
</li>
{% endfor %}
{% endif %}
2017-08-10 00:11:45 +00:00
{% if ARCHIVE_SAVE_AS %}
2014-12-29 22:08:56 +00:00
<li class="uk-nav-divider"></li>
<li><a href="{{ SITEURL }}/{{ ARCHIVES_URL }}">Archives</a></li>
2017-08-10 00:11:45 +00:00
{% endif %}
{% if LINKS %}
<li class="uk-nav-divider"></li>
<li class="uk-nav-header">Blogroll</li>
{% for text, url in LINKS %}
<li><a href="{{ url }}">{{ text }}</a></li>
{% endfor %}
{% endif %}
{% if SUPPORTS %}
<li class="uk-nav-divider"></li>
{% for name, link, logo_url, title in SUPPORTS %}
2017-08-13 18:36:09 +00:00
<li><a href="{{ link }}">
2017-08-10 00:11:45 +00:00
<img class="mg-support-logo" src="{{ logo_url }}" alt="Logo {{ name }}" title="{{ title }}">
2017-08-13 18:36:09 +00:00
</a></li>
2017-08-10 00:11:45 +00:00
{% endfor %}
{% endif %}
2014-12-29 22:08:56 +00:00
</ul>
</div>
2017-08-10 00:11:45 +00:00
</aside>
2014-12-29 22:08:56 +00:00
2019-05-28 05:10:27 +00:00
<script src="{{SITEURL}}/theme/bundle-SHARE-{{SHARE|string|first|length|string|first}}-MG_FILTER_TAGS-{{MG_FILTER_TAGS|string|first|length|string|first}}-SHORTSHA1-d853ca5.js"></script>
{% if not DISABLE_SEARCH %}
2019-05-28 05:07:25 +00:00
<script src="{{ SITEURL }}/theme/jslibs/tipuesearch_set.js"></script>
<script src="{{ SITEURL }}/theme/jslibs/tipuesearch.js"></script>
{% endif %}
2014-12-29 22:08:56 +00:00
</body>
</html>