mirror of
https://github.com/nairobilug/pelican-alchemy.git
synced 2024-12-30 12:15:06 +01:00
Simplify jinja2 base templates, update theme options
- New realfavicongenerator.net packages (https://realfavicongenerator.net/blog/new-favicon-package-less-is-more/) - Support all possible Pelican feed links - Add recommended HEAD elements (https://github.com/joshbuchea/HEAD) - Use minified css assets - Link to boostrap, clean-blog and font-awesome stylesheets - Add theme options, better options names Template consistency, update structure on base.html Fix missing article summary on index.html Show the article.summary for teasers
This commit is contained in:
Raymond Wanyoike
parent
cb4f2e862f
commit
23ef8ca9cc
15 changed files with 288 additions and 245 deletions
|
|
@ -3,50 +3,150 @@
|
|||
|
||||
<head>
|
||||
{% block head %}
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="canonical" href="{{ SITEURL }}/{{ output_file }}" />
|
||||
<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 %}{{ SITE_SUBTEXT }}{% endblock title %}</title>
|
||||
<title>{% block title %}— {{ SITENAME }}{% endblock %}</title>
|
||||
<link rel="canonical" href="{{ SITEURL }}/{{ output_file }}">
|
||||
|
||||
{% if EXTRA_FAVICON %}
|
||||
<link rel="icon" type="image/png" href="/favicon-196x196.png" sizes="196x196">
|
||||
<link rel="icon" type="image/png" href="/favicon-160x160.png" sizes="160x160">
|
||||
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
|
||||
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
|
||||
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
|
||||
{% endif %}
|
||||
{% 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 %}
|
||||
|
||||
{% if FEED_ATOM %}
|
||||
<link type="application/atom+xml" rel="alternate" href="/{{ FEED_ATOM }}" title="{{ SITENAME }} Atom Feed">
|
||||
{% endif %}
|
||||
{% if FEED_RSS %}
|
||||
<link type="application/rss+xml" rel="alternate" href="/{{ FEED_RSS }}" title="{{ SITENAME }} RSS Feed">
|
||||
{% 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">
|
||||
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/style.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||||
{# WARNING: Respond.js doesn't work if you view the page via file:// #}
|
||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
{% include "include/google_analytics.html" %}
|
||||
<!-- 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>
|
||||
{% include "include/header.html" %}
|
||||
<div class="container">
|
||||
{% block content %}{% endblock %}
|
||||
<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>
|
||||
{% include "include/footer.html" %}
|
||||
|
||||
<script src="{{ SITEURL }}/theme/js/jquery.min.js"></script>
|
||||
<script src="{{ SITEURL }}/theme/js/bootstrap.min.js"></script>
|
||||
<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">✨ alchemy</a>.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body> <!-- 42 -->
|
||||
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue