150 lines
6.6 KiB
HTML
150 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{{ DEFAULT_LANG }}">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>{% block title %}{{ SITENAME }}{%endblock%}</title>
|
|
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/{{ CSS_FILE }}" />
|
|
{% 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 BLACK_LIVES_MATTER %}
|
|
<!-- This border added via BLACK_LIVES_MATTER toggle in site settings -->
|
|
<style>
|
|
body {
|
|
border-width: 5em ;
|
|
border-color: #000000 ;
|
|
border-style: none solid solid solid ; /* top border : none, right bottom left : solid */
|
|
}
|
|
</style>
|
|
{% endif %}
|
|
|
|
<!--[if IE]>
|
|
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
<![endif]-->
|
|
</head>
|
|
|
|
<body id="index" class="home">
|
|
|
|
{% if BLACK_LIVES_MATTER %}
|
|
<!-- This banner added via BLACK_LIVES_MATTER toggle in site settings -->
|
|
<div style="background-color: black; padding: 1em; margin-bottom: .8em">
|
|
<h1 style="text-align: center; margin-bottom: 0em"><a href="https://blacklivesmatter.com/" style="color: #fce21b; font-size: 2em">Black Lives Matter</a></h1>
|
|
</div>
|
|
{% endif %}
|
|
{% include 'github.html' %}
|
|
<header id="banner" class="body">
|
|
<h1><a href="{{ SITEURL }}/">{{ SITENAME }} {% if SITESUBTITLE %} <strong>{{ SITESUBTITLE }}</strong>{% endif %}</a></h1>
|
|
<nav><ul>
|
|
{% for title, link in MENUITEMS %}
|
|
<li><a href="{{ link }}">{{ title }}</a></li>
|
|
{% endfor %}
|
|
{% if DISPLAY_PAGES_ON_MENU -%}
|
|
{% if not PAGES_SORT_ATTRIBUTE -%}
|
|
{% set PAGES_SORT_ATTRIBUTE = 'title' %}
|
|
{% endif %}
|
|
{% for pg in pages | sort(attribute=PAGES_SORT_ATTRIBUTE) %}
|
|
{% if 'http://' in pg.url -%}
|
|
<li><a href="{{ pg.url }}">{{ pg.title }}</a></li>
|
|
{% else %}
|
|
<li{% if pg == page %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ pg.url }}">{{ pg.title }}</a></li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% if DISPLAY_CATEGORIES_ON_MENU -%}
|
|
{% for cat, null in categories %}
|
|
<li{% if cat == category %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</ul>
|
|
{% if DISPLAY_SEARCH_FORM -%}
|
|
<form id="search" action"#" onsubmit="javascript:window.open('https://duckduckgo.com/?q='+document.getElementById('keywords').value+'+site:{{ SITEURL }}');">
|
|
<input id="keywords" type="text" />
|
|
</form>
|
|
{% endif %}
|
|
</nav>
|
|
{% if DISPLAY_CATEGORIES_ON_SUBMENU -%}
|
|
<div id="submenu">
|
|
<ul>
|
|
{% for cat, null in categories %}
|
|
<li{% if cat == category %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
|
|
{% endfor %}
|
|
</ul>
|
|
<div>
|
|
{% endif %}
|
|
</header><!-- /#banner -->
|
|
{% block content %}
|
|
{% endblock %}
|
|
<section id="extras" class="body">
|
|
{% if LINKS %}
|
|
<div class="blogroll">
|
|
<h2>blogroll</h2>
|
|
<ul>
|
|
{% for name, link in LINKS %}
|
|
<li><a href="{{ link }}">{{ name }}</a></li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div><!-- /.blogroll -->
|
|
{% endif %}
|
|
{% if SOCIAL or FEED_ALL_ATOM or FEED_ALL_RSS %}
|
|
<div class="social">
|
|
<h2>social</h2>
|
|
<ul>
|
|
{% if FEED_ALL_ATOM %}
|
|
<li><a href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}" type="application/atom+xml" rel="alternate">atom feed</a></li>
|
|
{% endif %}
|
|
{% if FEED_ALL_RSS %}
|
|
<li><a href="{{ FEED_DOMAIN }}/{{ FEED_ALL_RSS }}" type="application/rss+xml" rel="alternate">rss feed</a></li>
|
|
{% endif %}
|
|
|
|
{% for name, link in SOCIAL %}
|
|
<li><a href="{{ link }}" rel="me">{{ name }}</a></li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div><!-- /.social -->
|
|
{% endif %}
|
|
</section><!-- /#extras -->
|
|
|
|
<footer id="contentinfo" class="body">
|
|
<p>Powered by <a href="http://getpelican.com/">Pelican</a>. Theme <a href="https://github.com/blueicefield/pelican-blueidea/">blueidea</a>, inspired by the default theme.</p>
|
|
</footer><!-- /#contentinfo -->
|
|
|
|
{% include 'analytics.html' %}
|
|
{% include 'piwik.html' %}
|
|
{% include 'disqus_script.html' %}
|
|
|
|
<!-- IndieWeb Profile -->
|
|
<!-- ToDo : Make IndieWeb Profile auto generating according to site preferences -->
|
|
<!-- This profile is created by following https://kevq.uk/how-to-create-an-indieweb-profile/ blog post. Thanks to Kev Quirk -->
|
|
<section style="display: none;" class="h-card">
|
|
|
|
<!-- About me -->
|
|
<span class="p-name">Ali Murteza Yesil</span>
|
|
<span class="p-note">I'm a student, privacy advocate and SysAdmin wannabe. I was born in Turkey but I live abroad.</span>
|
|
|
|
<!-- Profile picture -->
|
|
<img class="u-photo" src="https://murtezayesil.me/images/avatar_polygon_128x128.png"/>
|
|
|
|
<!-- My location -->
|
|
<!-- <span class="p-locality">City, Country or Country</span> -->
|
|
|
|
<!-- Links -->
|
|
<a class="u-url u-uid" href="https://murtezayesil.me"></a>
|
|
<!-- Mail Template <a class="u-email" rel="me" href="mailto:USERNAME@SERVICEPROVIDER"></a> -->
|
|
<a class="u-url" rel="me" href="https://fosstodon.org/@murtezayesil"></a>
|
|
<!-- Twitter Example <a class="u-url" rel="me" href="https://twitter.com/USERNAME"></a> -->
|
|
<!-- Template <a class="u-url" rel="me" href="https://URL"></a> -->
|
|
|
|
<!-- Categories -->
|
|
<span class="p-category">Blogging</span>
|
|
<span class="p-category">Open Source Software</span>
|
|
<span class="p-category">Privacy</span>
|
|
|
|
</section>
|
|
|
|
</body>
|
|
</html>
|