simplyOpen/templates/base.html

218 lines
7.4 KiB
HTML

<!DOCTYPE html>
<html lang="{{ DEFAULT_LANG }}">
<head>
<meta charset="utf-8"/>
<title>{% block title %}{{ SITENAME }}{%endblock%}</title>
<meta name="author" content="{{ AUTHOR }}">
<meta name="viewport" content="width=devive-width,initial-scale=1" />
<meta property=og:site_name content="{{ SITENAME }}" />
<meta property=og:type content=article />
<meta property=og:url content="{{ SITEURL }}" />
{% if SITELOGO %}
<meta property=og:image content="{{ SITEURL }}/{{ SITELOGO }}" />
{% else %}
<meta property=og:image content="{{ SITEURL }}/theme/images/pelican.png" />
{% endif %}
{% block extra_meta %}
{% endblock %}
<link rel="top" href="#" />
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/{{ CSS_FILE }}" type="text/css" />
{% block scripts %}
{% if FRIENDICA_COMMENTS %}
<script type="text/javascript">
var friendica_domain = "{{ FRIENDICA_COMMENTS }}"
</script>
{% endif %}
{% endblock %}
{% if FEED_ALL_ATOM %}
<link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Atom Feed" />
{% endif %}
{% if FEED_ALL_RSS %}
<link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
{% endif %}
{% if FEDERATION_TIMELINE %}
<script type="text/javascript">
{% for variable, value in FEDERATION_TIMELINE %}
var {{ variable }} = '{{ value }}';
{% endfor %}
parseInt(max);
var tag = 'federation_timeline';
</script>
{% endif %}
</head>
<body>
<input type="checkbox" data-menu id="menu-opener" />
<nav class="menu">
<label for="menu-opener" role="button" id="closemenu" aria-label="close menu">
<svg id="menu-close" class="menu-close" viewBox="0 0 20 20">
<path id="Vector" d="M18 18L12 12M12 12L6 6M12 12L18 6M12 12L6 18" stroke="#E5E5E3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</label>
<ul class="menu-content" role="menu">
{% for cat, null in categories %}
{% if cat != DEFAULT_CATEGORY %}
<li {% if cat == category %}class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
{% else %}
{% for article in articles %}
<li><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></li>
{% endfor %}
{% endif %}
{% endfor %}
</ul>
<ul role="menu">
{% if pages %}
{% for p in pages %}
<li class="menu-content"><a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a><li>
{% endfor %}
{% endif %}
<li><a href="{{ SITEURL }}/tags.html">Tags</a><li>
<li><a href="{{ SITEURL }}/authors.html">Authors</a><li>
<li><a href="{{ SITEURL }}/archives.html">Archives</a><li>
</ul>
<ul class="menu-content" role="menu">
{% for name, link in SOCIAL %}
<li><a href="{{ link }}" id="{{ name }}">{{ link }}</a><i></i></li>
{% endfor %}
</ul>
</nav>
{{ FEED_ATOM }}
<div class="container"><header role="banner">
{% if SITELOGO %}
<img style="height: 40px; vertical-align: -10px; padding-right: 10px" src="{{ SITEURL }}/{{ SITELOGO }}" alt="logo" >
{% endif %}
<div class="feeds">
{% if FEED_ALL_ATOM %}
<a href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}" rel="alternate"><img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/feed-32px.png" alt="atom feed"/></a>
{% endif %}
{% if FEED_ALL_RSS %}
<a href="{{ SITEURL }}/{{ FEED_ALL_RSS }}" rel="alternate"><img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/feed-32px.png" alt="rss feed"/></a>
{% endif %}
<label for="menu-opener" role="button" id="openmenu" aria-label="open menu">
<svg id="menu-icon" class="menu-icon" viewBox="0 4 35 30">
<path d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2 s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2 S29.104,22,28,22z" style="fill:#E5E5E3;"/>
</svg>
</label>
</div>
<a href="{{ SITEURL }}" class="title">{{ SITENAME }}</a>
{% if pages %}
<nav class="pages">
{% for p in pages %}
<a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}{% if not loop.last %} -{% endif %}</a>
{% endfor %}
</nav>
{% endif %}
</header>
<div class="wrapper">
{% if CATEGORIES_ON_SIDEBAR =='left' %}
<div role="main" class="left-sidebar">
<nav>
<h2>Categories</h2>
<ul>
{% for cat, null in categories %}
{% if cat != DEFAULT_CATEGORY %}
<li {% if cat == category %}class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
{% else %}
{% for article in articles %}
<li><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></li>
{% endfor %}
{% endif %}
{% endfor %}
</ul>
</nav>
</div>
{% endif %}
<div role="main" class="content">
{% block content %}{% endblock %}
</div>
<div class="sidebar">
{% if CATEGORIES_ON_SIDEBAR =='right' %}
<nav>
<h2>Categories</h2>
<ul>
{% for cat, null in categories %}
<li {% if cat == category %}class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
{% endfor %}
</ul>
</nav>
{% endif %}
{% if DISPLAY_TAGS_ON_SIDEBAR %}
<h2>Tags</h2>
<ul class="tagcloud">
{% for tag in tag_cloud %}
<li class="tag-{{ tag.1 }}"><a href="{{ SITEURL }}/{{ tag.0.url }}">{{ tag.0 }}</a></li>
{% endfor %}
</ul>
{% endif %}
{% if FEDERATION_TIMELINE %}
<h2>News</h2>
<div id="federation_timeline">
<p>Enable Javascript to view Social timeline!</p>
</div>
<script type="text/javascript" src="{{ SITEURL }}/theme/js/federation_widget.js"></script>
{% endif %}
{% if SOCIAL %}
<aside class="social">
<h2>Social Networks</h2>
<ul >
{% for name, link in SOCIAL %}
<li><a href="{{ link }}" id="{{ name }}">{{ link }}</a><i></i></li>
{% endfor %}
</ul>
</aside>
{% endif %}
{% if LINKS %}
<aside>
<h2>Links</h2>
<ul>
{% for name, link in LINKS %}
<li><a href="{{ link }}">{{ name }}</a></li>
{% endfor %}
</ul>
</aside>
{% endif %}
</div>
</div>
<footer>
<p role="contentinfo">
{% if LICENSE=="CC-BY" %}
<a href="http://creativecommons.org/licenses/by/4.0/legalcode" rel="alternate"><img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/licenses/cc-by-88x31.png" alt="CC-BY"/></a>
{% endif %}
{% if LICENSE=="CC-BY-NC" %}
<a href="http://creativecommons.org/licenses/by-nc/4.0/legalcode" rel="alternate"><img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/licenses/cc-by-nc-88x31.png" alt="CC-BY-NC"/></a>
{% endif %}
{% if LICENSE=="CC-BY-SA" %}
<a href="http://creativecommons.org/licenses/by-sa/4.0/legalcode" rel="alternate"><img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/licenses/cc-by-sa-88x31.png" alt="CC-BY-SA"/></a>
{% endif %}
{% if LICENSE=="CC-BY-NC-SA" %}
<a href="http://creativecommons.org/licenses/by-nc-sa/4.0/legalcode" rel="alternate"><img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/licenses/cc-by-nc-sa-88x31.png" alt="CC-BY-NC-SA"/></a>
{% endif %}
{% if LICENSE=="ALL-RIGHTS-RESERVED" %}
All rights reserved.
{% endif %}
</p>
<p role="contentinfo">
{{ AUTHOR }} -
{% if EMAIL %}
E-Mail: {{ EMAIL }}
{% endif %}
</p>
<p role="contentinfo">
Proudly powered by <a href="https://getpelican.com/">pelican</a>.
</p>
</footer>
</div>
</body>
</html>