blog/themes/xsfx/templates/base.html

74 lines
2.6 KiB
HTML

<!DOCTYPE html>
<meta charset="utf-8">
<title>{{ SITENAME }}{% block title %}{% endblock %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
{% block styles %}
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/normalize.css">
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/skeleton.css">
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/xsfx.css">
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/pygment.css">
{% if CUSTOM_CSS %}
<link href="{{ SITEURL }}/{{ CUSTOM_CSS }}" rel="stylesheet">
{% endif %}
{% endblock %}
{% if FEED_ATOM %}
<link href="{{ FEED_DOMAIN }}/{{ FEED_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Atom">
{% endif %}
<link rel="apple-touch-icon" sizes="180x180" href="/theme/images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/theme/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/theme/images/favicon/favicon-16x16.png">
<link rel="manifest" href="/theme/images/favicon/site.webmanifest">
<link rel="mask-icon" href="/theme/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/theme/images/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/theme/images/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<body>
<div class="row">
<a href="{{ SITEURL }}"><div class="four columns sidebar"></div></a>
<div class="eight columns offset-by-four">
<div class="container content">
{% block content %}{% endblock %}
<hr>
<p class="footer">LINKS: {% for name, url in LINKS %}<a href="{{ url }}">{{ name }}</a> {% endfor %}</p>
<p class="footer">PAGES: {% for page in pages %}<a href="{{ SITEURL }}/{{ page.url }}">{{ page.title }}</a> {% endfor %}</p>
<p class="footer">SOCIAL: {% for name, url in SOCIAL %}<a href="{{ url }}">{{ name }}</a> {% endfor %}</p>
<br>
</div>
</div>
</div>
{% block scripts %}
<script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/js/jquery-3.2.1.min.js"></script>
<script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/js/jquery.fitvids.js"></script>
<script>
$(document).ready(function() {
$(".content img").each(function() {
if($(this).attr("alt"))
$(this).wrap('<figure class="image"></figure>')
.after('<figcaption>'+$(this).attr("alt")+'</figcaption>');
});
$(".videobox").fitVids();
});
</script>
{% endblock %}
</body>