blog-theme/alchemy/templates/base.html

153 lines
6.4 KiB
HTML

<!DOCTYPE html>
<html lang="{{ DEFAULT_LANG }}">
<head>
{% block head %}
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}&mdash; {{ SITENAME }}{% endblock %}</title>
<link rel="canonical" href="{{ SITEURL }}/{{ output_file }}">
{% if FEED_ALL_ATOM %}
<link rel="alternate" type="application/atom+xml" href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}" title="{{ SITENAME }} Full Atom Feed">
{% endif %}
{% if FEED_ALL_RSS %}
<link rel="alternate" type="application/rss+xml" href="{{ FEED_DOMAIN }}/{{ FEED_ALL_RSS }}" title="{{ SITENAME }} Full RSS Feed">
{% endif %}
{% if FEED_ATOM %}
<link rel="alternate" type="application/atom+xml" href="{{ FEED_DOMAIN }}/{{ FEED_ATOM }}" title="{{ SITENAME }} Atom Feed">
{% endif %}
{% if FEED_RSS %}
<link rel="alternate" type="application/rss+xml" href="{{ FEED_DOMAIN }}/{{ FEED_RSS }}" title="{{ SITENAME }} RSS Feed">
{% endif %}
{% if CATEGORY_FEED_ATOM and category %}
<link rel="alternate" type="application/atom+xml" href="{{ FEED_DOMAIN }}/{{ CATEGORY_FEED_ATOM|format(category.slug) }}" title="{{ SITENAME }} Categories Atom Feed">
{% endif %}
{% if CATEGORY_FEED_RSS and category %}
<link rel="alternate" type="application/rss+xml" href="{{ FEED_DOMAIN }}/{{ CATEGORY_FEED_RSS|format(category.slug) }}" title="{{ SITENAME }} Categories RSS Feed">
{% endif %}
{% if TAG_FEED_ATOM and tag %}
<link rel="alternate" type="application/atom+xml" href="{{ FEED_DOMAIN }}/{{ TAG_FEED_ATOM|format(tag.slug) }}" title="{{ SITENAME }} Tags Atom Feed">
{% endif %}
{% if TAG_FEED_RSS and tag %}
<link rel="alternate" type="application/rss+xml" href="{{ FEED_DOMAIN }}/{{ TAG_FEED_RSS|format(tag.slug) }}" title="{{ SITENAME }} Tags RSS Feed">
{% endif %}
{% if SHOW_FAVICONS %}
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
{% endif %}
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/bootstrap.min.css">
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/clean-blog.min.css">
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/font-awesome.min.css">
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/style.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
{% endblock %}
</head>
<body>
<div class="header">
<div class="container">
<div class="row">
<div class="col-sm-4">
{% if SITE_IMAGE %}
<a href="{{ SITEURL }}"><img class="img-responsive" src={{ SITE_IMAGE }}></a>
{% endif %}
</div>
<div class="col-sm-8">
<h1><a href="{{ SITEURL }}">{{ SITENAME }}</a></h1>
<p>{{ SITE_TAGLINE }}</p>
<hr>
{% if HEADER_LINKS or SHOW_HEADER_PAGES or EMAIL_ADDRESS or FACEBOOK_ADDRESS or GITHUB_ADDRESS or GOOGLE_ADDRESS or TWITTER_ADDRESS %}
<ul class="list-inline">
{% if HEADER_LINKS %}
{% for title, link in HEADER_LINKS %}
<li><a href="{{ link }}" target="_blank">{{ title }}</a></li>
{% endfor %}
{% endif %}
{% if SHOW_HEADER_PAGES %}
{% for p in PAGES %}
{% if loop.first %}
<li class="text-muted">|</li>
{% endif %}
<li><a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a></li>
{% endfor %}
{% endif %}
{% if EMAIL_ADDRESS or FACEBOOK_ADDRESS or GITHUB_ADDRESS or GOOGLE_ADDRESS or TWITTER_ADDRESS %}
<li class="text-muted">|</li>
{% endif %}
{% if EMAIL_ADDRESS %}
<li><a class="fa fa-fw fa-envelope" href="mailto:{{ EMAIL_ADDRESS }}"></a></li>
{% endif %}
{% if FACEBOOK_ADDRESS %}
<li><a class="fa fa-fw fa-facebook" href="{{ FACEBOOK_ADDRESS }}" target="_blank"></a></li>
{% endif %}
{% if FEED_ALL_ATOM %}
<li><a class="fa fa-fw fa-feed" href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}"></a></li>
{% endif %}
{% if GITHUB_ADDRESS %}
<li><a class="fa fa-fw fa-github" href="{{ GITHUB_ADDRESS }}" target="_blank"></a></li>
{% endif %}
{% if GOOGLE_ADDRESS %}
<li><a class="fa fa-fw fa-google-plus" href="{{ GOOGLE_ADDRESS }}" target="_blank"></a></li>
{% endif %}
{% if TWITTER_ADDRESS %}
<li><a class="fa fa-fw fa-twitter" href="{{ TWITTER_ADDRESS }}" target="_blank"></a></li>
{% endif %}
</ul>
{% endif %}
</div>
</div>
</div>
</div>
<div class="main">
<div class="container">
<div class="page-header">
<h1>{% block page_header %}{% endblock %}</h1>
</div>
{% block content %}{% endblock %}
</div>
</div>
<div class="footer">
<div class="container">
<div class="row">
<div class="col-sm-6">
{% if SHOW_FOOTER_AUTHORS or SHOW_FOOTER_ARCHIVES or SHOW_FOOTER_CATEGORIES or SHOW_FOOTER_TAGS %}
<ul class="list-inline">
{% if SHOW_ARTICLE_AUTHOR and SHOW_FOOTER_AUTHORS %}
<li><a href="{{ SITEURL }}/authors.html">Authors</a></li>
{% endif %}
{% if SHOW_FOOTER_ARCHIVES %}
<li><a href="{{ SITEURL }}/archives.html">Archives</a></li>
{% endif %}
{% if SHOW_FOOTER_CATEGORIES %}
<li><a href="{{ SITEURL }}/categories.html">Categories</a></li>
{% endif %}
{% if SHOW_FOOTER_TAGS %}
<li><a href="{{ SITEURL }}/tags.html">Tags</a></li>
{% endif %}
</ul>
{% endif %}
</div>
<div class="col-sm-6 hidden-xs text-right text-muted">
Generated by <a href="https://github.com/getpelican/pelican" target="_blank">Pelican</a> using <a href="https://github.com/nairobilug/pelican-alchemy">&#x2728; alchemy</a>.
</div>
</div>
</div>
</div>
</body> <!-- 42 -->
</html>