<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>. .. … + * + ::: Okupa! ::: & ::: Squat! ::: – * –</title>
<link rel="stylesheet" href="/css/bulma.min.css">
<link rel="stylesheet" href="/css/fork-awesome.min.css">
</head>
<body>
<header class="section is-centered p-3">
<div class="container is-flex is-justify-content-center is-small">
<a href="/">
<img class="image" src="img/squatnet.png">
</a>
</div>
<nav class="navbar is-justify-content-center" role="navigation" aria-label="main navigation">
<div class="navbar-brand mr-3">
<a role="button" class="navbar" aria-label="menu" aria-expanded="false" data-target="navbar-menu">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbar-menu" class="navbar-menu is-flex-grow-0">
<div class="buttons">
<a class="button is-light is-size-4" href="https://en.squat.net/about/">
<span class="icon"><img class="image is-square" src="/img/squat.svg"></span><strong>About</strong>
</a>
<a class="button is-light is-size-4" href="https://radar.squat.net">
<i class="fa fa-calendar mr-3" aria-hidden="true"></i><strong>Agenda</strong>
</a>
<a class="button is-light is-size-4" href="https://en.squat.net/contact/">
<i class="fa fa-envelope mr-3" aria-hidden="true"></i><strong>Contact</strong>
</a>
</div>
</div>
</nav>
</header>
<div class="columns is-desktop">
<main class="column is-two-thirds container mx-6">
{% set_global previous_source = false %}
{% for entry in entries %}
{% if entry.mars_source != previous_source %}
{% if previous_source != false %}<hr>{% endif %}
{% set_global previous_source = entry.mars_source %}
<div class="is-centered has-text-centered">
<h3 class="is-size-3 has-text-weight-bold">{{ get_feed_config(feed = entry.mars_source) | get(key="name") }}</h3>
</div>
{% endif %}
<article class="pl-6">
<h4 class="is-size-4">{{ entry.mars_date | date(format="%Y/%m/%d") }}: <a href="{{ entry.mars_url }}">{{ entry.title.content }}</a></h4>
</article>
{% endfor %}
</main>
<aside class="column is-one-third">
<details>
<summary class="is-size-3 has-text-weight-bold"><i class="fa fa-language mr-3" aria-hidden="true"></i>{{ lang|length }} languages</summary>
<ul>
{% for entry in lang %}
<li><a href="{{entry.link}}">{{entry.name}}</a></li>
{% endfor %}
</ul>
</details>
<details>
<summary class="is-size-3 has-text-weight-bold"><i class="fa fa-rss-square mr-3" aria-hidden="true"></i>{{ config.feeds|length }} news sources</summary>
<ul>
{% for entry in config.feeds %}
<li><a href="{{ entry.homepage }}">{{entry.name}}</a></li>
{% endfor %}
</ul>
</details>
</aside>
</div>
</body>
</html>