|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="{{ DEFAULT_LANG }}">
|
|
|
|
|
<head>
|
|
|
|
|
{% block head %}
|
|
|
|
|
<title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="{{SITEURL}}/{{ THEME_STATIC_DIR }}{{ CSS_FILE }}" />
|
|
|
|
|
<!-- <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/arima-koshi" type="text/css"/> -->
|
|
|
|
|
<!-- <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/liberation-serif" type="text/css"/> -->
|
|
|
|
|
<link rel="icon" href="{{ SITEURL}}/favicon.ico" type="image/x-icon">
|
|
|
|
|
{% if FEED_ALL_ATOM %}
|
|
|
|
|
<link href="{{ FEED_DOMAIN }}/{% if FEED_ALL_ATOM_URL %}{{ FEED_ALL_ATOM_URL }}{% else %}{{ FEED_ALL_ATOM }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Full Atom Feed" />
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% if FEED_ALL_RSS %}
|
|
|
|
|
<link href="{{ FEED_DOMAIN }}/{% if FEED_ALL_RSS_URL %}{{ FEED_ALL_RSS_URL }}{% else %}{{ FEED_ALL_RSS }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Full RSS Feed" />
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% if FEED_ATOM %}
|
|
|
|
|
<link href="{{ FEED_DOMAIN }}/{%if FEED_ATOM_URL %}{{ FEED_ATOM_URL }}{% else %}{{ FEED_ATOM }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Atom Feed" />
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% if FEED_RSS %}
|
|
|
|
|
<link href="{{ FEED_DOMAIN }}/{% if FEED_RSS_URL %}{{ FEED_RSS_URL }}{% else %}{{ FEED_RSS }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% if CATEGORY_FEED_ATOM and category %}
|
|
|
|
|
<link href="{{ FEED_DOMAIN }}/{% if CATEGORY_FEED_ATOM_URL %}{{ CATEGORY_FEED_ATOM_URL|format(category.slug) }}{% else %}{{ CATEGORY_FEED_ATOM|format(category.slug) }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Categories Atom Feed" />
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% if CATEGORY_FEED_RSS and category %}
|
|
|
|
|
<link href="{{ FEED_DOMAIN }}/{% if CATEGORY_FEED_RSS_URL %}{{ CATEGORY_FEED_RSS_URL|format(category.slug) }}{% else %}{{ CATEGORY_FEED_RSS|format(category.slug) }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Categories RSS Feed" />
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% if TAG_FEED_ATOM and tag %}
|
|
|
|
|
<link href="{{ FEED_DOMAIN }}/{% if TAG_FEED_ATOM_URL %}{{ TAG_FEED_ATOM_URL|format(tag.slug) }}{% else %}{{ TAG_FEED_ATOM|format(tag.slug) }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Tags Atom Feed" />
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% if TAG_FEED_RSS and tag %}
|
|
|
|
|
<link href="{{ FEED_DOMAIN }}/{% if TAG_FEED_RSS_URL %}{{ TAG_FEED_RSS_URL|format(tag.slug) }}{% else %}{{ TAG_FEED_RSS|format(tag.slug) }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Tags RSS Feed" />
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% endblock head %}
|
|
|
|
|
<script src="/theme/js/jquery-2.1.3.js" type="text/javascript"></script>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body id="index" class="home">
|
|
|
|
|
<header id="banner">
|
|
|
|
|
{% block header %}
|
|
|
|
|
<h1 id="menu" class="main">
|
|
|
|
|
<div id="title">
|
|
|
|
|
Welcome
|
|
|
|
|
<div class="indent">to the
|
|
|
|
|
<select onchange="window.location.href=this.value">
|
|
|
|
|
{%- for t, article in tags|sort %}
|
|
|
|
|
<option value="{{SITEURL}}/{{ t.url }}" {% if t == tag %}selected{% endif %}>{{ t }}</option>
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="indent">Federation</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="subtitles">
|
|
|
|
|
<div>⟿ social media ⟿</div>
|
|
|
|
|
<div>chats ⟿</div>
|
|
|
|
|
<div>ecosystems ⟿</div>
|
|
|
|
|
<div>open protocols ⟿</div>
|
|
|
|
|
<div>(XMPP, ActivityPub, OStatus, ...) ⟿</div>
|
|
|
|
|
<div>design ⟿</div>
|
|
|
|
|
<div>language ⟿</div>
|
|
|
|
|
<div>user experiences (UX) ⟿</div>
|
|
|
|
|
</div>
|
|
|
|
|
</h1>
|
|
|
|
|
<h1 id="menu" class="sticky">
|
|
|
|
|
<a href="/{{SITEURL}}">Welcome to
|
|
|
|
|
the
|
|
|
|
|
<select onchange="window.location.href=this.value">
|
|
|
|
|
{%- for t, article in tags|sort %}
|
|
|
|
|
<option value="{{SITEURL}}/{{ t.url }}" {% if t == tag %}selected{% endif %}>{{ t }}</option>
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</select>
|
|
|
|
|
Federation</a>
|
|
|
|
|
</h1>
|
|
|
|
|
{% endblock %}
|
|
|
|
|
</header>
|
|
|
|
|
{% block content %}
|
|
|
|
|
{% endblock %}
|
|
|
|
|
<footer>
|
|
|
|
|
{% for page in pages %}
|
|
|
|
|
{% if page.title == 'colophon' %}
|
|
|
|
|
{{ page.content }}
|
|
|
|
|
{%endif%}
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</footer>
|
|
|
|
|
</body>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
function getRandom(min, max) {
|
|
|
|
|
return Math.floor(Math.random() * (max - min) + min);
|
|
|
|
|
}
|
|
|
|
|
for(var i = 0; i < 30; i++){
|
|
|
|
|
var t = getRandom(-5,95);
|
|
|
|
|
var l = getRandom(-5,98);
|
|
|
|
|
var s = getRandom(1,6);
|
|
|
|
|
$('header #menu.main').append('<img class="shape" src="/theme/img/shape'+s.toString()+'.svg" style="top:'+t.toString()+'%; left:'+l.toString()+'%;"/>');
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</html>
|
