pelican-mg/templates/base.html
Luca Chiricozzi 5f1db9c0c9 first commit
2014-12-29 23:08:56 +01:00

198 lines
8.1 KiB
HTML

<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" prefix="og: http://ogp.me/ns#"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" prefix="og: http://ogp.me/ns#"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" prefix="og: http://ogp.me/ns#"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" prefix="og: http://ogp.me/ns#"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{% block title %}{{ SITENAME }}{%endblock%}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="{% block description %}{{ SITE_DESCRIPTION }}{% endblock %}">
<meta name="author" content="{{ AUTHOR }}">
<meta name="copyright" content="{{ AUTHOR }}">
{% if article %}
<meta property="og:title" content="{{ article.title|capitalize }}" />
<meta property="og:type" content="article" />
<meta property="og:url" content="{{ SITEURL }}/{{ article.url }}" />
{% if article.summary %}
<meta property="og:description" content="{{ article.summary }}" />
{% endif %}
{% if article.date %}
<meta property="og:article:published_time" content="{{ article.date }}">
{% endif %}
{% if article.modified %}
<meta property="og:article:modified_time" content="{{ article.modified }}">
{% endif %}
{% if article.author %}
<meta property="og:article:author" content="{{ article.author }}">
{% endif %}
{% for tag in article.tags %}
<meta property="og:article:tag" content="{{ tag }}">
{% endfor %}
{% elif page %}
<meta property="og:title" content="{{ page.title|capitalize }}" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ SITEURL }}/{{ page.url }}" />
{% else %}
<meta property="og:title" content="{{ SITENAME }}" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ SITEURL }}" />
{% endif %}
<meta property="og:image" content="{{ SITEURL }}/static/{{ OG_IMAGE }}" />
<meta property="og:image:type" content="{{ OG_IMAGE_TYPE }}" />
<link href="{{ SITEURL }}/{{ FEED_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} ATOM Feed"/>
<link href='//fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/uikit/2.15.0/css/uikit.min.css">
<link rel="stylesheet" href="/theme/css/solarized.css">
<link rel="stylesheet" href="/theme/css/main.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
</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]-->
<header class=" mg-header uk-navbar uk-navbar-attached">
<div class="uk-container uk-container-center">
<div class="uk-grid" data-uk-grid-margin>
<a class="mg-brand uk-navbar-brand uk-hidden-small" href="{{ SITEURL }}">
{% if LOGO %}
<img src="/static/{{ LOGO }}" alt="{{ SITENAME }}" title="{{ SITENAME }}" class="uk-margin uk-margin-remove">
{% else %}
{{ SITENAME }}
{% endif %}
</a>
<div class="mg-tagline uk-navbar-content uk-hidden-small">{% if SITESUBTITLE %}{{ SITESUBTITLE }}{% endif %}</div>
<a class="uk-navbar-toggle uk-visible-small" href="#mg-offcanvas" data-uk-offcanvas></a>
<a class="mg-brand uk-navbar-brand uk-navbar-center uk-visible-small" href="{{ SITEURL }}">
{% if LOGO %}
<img src="/static/{{ LOGO }}" alt="{{ SITENAME }}" title="{{ SITENAME }}" class="uk-margin uk-margin-remove">
{% else %}
{{ SITENAME }}
{% endif %}
</a>
</div>
</div>
</header>
<main class="mg-main">
<div class="uk-container uk-container-center">
<div class="uk-grid" data-uk-grid-margin>
{% block content %}
{% endblock %}
<div class="uk-width-medium-1-5 uk-hidden-small">
<div class="uk-panel uk-panel-box">
<!--<h3 class="uk-panel-title">Categories</h3> -->
<ul class="uk-nav uk-nav-side">
<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 %}
{% if DISPLAY_PAGES_ON_MENU != False %}
<li class="uk-nav-header">Pages</li>
{% for p in PAGES %}
<li {% if p == page %}class="uk-active"{% endif %}>
<a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a>
</li>
{% endfor %}
{% endif %}
<li class="uk-nav-divider"></li>
<li><a href="{{ SITEURL }}/{{ ARCHIVES_URL }}">Archives</a></li>
</ul>
</div>
<div class="uk-panel uk-panel-box">
<h3 class="uk-panel-title">Receive Updates</h3>
<a rel="alternate" type="application/atom+xml" href="{{ SITEURL }}/{{ FEED_ATOM}}" class="mg-feed"><i class="uk-icon-rss uk-icon-medium"></i> ATOM</a>
</div>
{% if SOCIAL %}
<div class="uk-panel uk-panel-box">
<h3 class="uk-panel-title">Contacts</h3>
{% for icon, link in SOCIAL %}
<a href="{{ link }}">
<i class="uk-icon-{{ icon }} uk-icon-medium"></i>
</a>
{% endfor %}
</div>
{% endif %}
</div>
</div>
</div>
</main>
<footer class="mg-footer">
<div class="uk-container uk-container-center uk-text-center">
<div class="mg-icons-small uk-subnav uk-visible-small">
<li><a rel="alternate" type="application/atom+xml" href="{{ SITEURL }}/{{ FEED_ATOM }}" class="uk-icon-button uk-icon-rss"></a></li>
{% if SOCIAL %}
{% for icon, link in SOCIAL %}
<li>
<a href="{{ link }}" class="uk-icon-button uk-icon-{{ icon.replace("-square", "") }}"></a>
</li>
{% endfor %}
{% endif %}
</div>
<div class="mg-author uk-panel">
<p>{{ FOOTER }}</p>
<p>Powered by <a href="http://blog.getpelican.com">Pelican</a>. Theme <a href="">mg</a> by <a href="https://github.com/lucachr">Luca Chiricozzi</a>.</p>
</div>
</div>
</footer>
<div id="mg-offcanvas" class="uk-offcanvas">
<div class="uk-offcanvas-bar">
<ul class="uk-nav uk-nav-offcanvas" data-uk-nav>
<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 %}
{% if DISPLAY_PAGES_ON_MENU != False %}
<li class="uk-nav-header">Pages</li>
{% for p in PAGES %}
<li {% if p == page %}class="uk-active"{% endif %}>
<a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a>
</li>
{% endfor %}
{% endif %}
<li class="uk-nav-divider"></li>
<li><a href="{{ SITEURL }}/{{ ARCHIVES_URL }}">Archives</a></li>
</ul>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/uikit/2.15.0/js/uikit.min.js"></script>
<script src="/theme/js/jquery.sticky-kit.min.js"></script>
<script src="/theme/js/plugins.js"></script>
<script src="/theme/js/main.js"></script>
{% include 'disqus_count.html' %}
{% include 'analytics.html' %}
</body>
</html>