<!doctype html>{% load sass_tags static %}
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
		<title>
		    {% block title %}
			Phantas.ma/polis - Looking Back to the Future
            {% endblock title %}
        </title>
        <link href="{% sass_src 'css/style.scss' %}" rel="stylesheet" type="text/css">
		{% block head %}{% endblock head %}
	</head>
	<body>
		<div class="topnav">
		  <a href="/polis" class="title">
				<div>
				Phantas.ma/polis<span class="hide-mobile">: Looking Back to the Future</span>
				</div>
				<div>
					未竟之城<span class="hide-mobile">:回顧未來</span>
				</div>
		  </a>
		  <nav>
			<a href="{% url 'films'%}">films - 影片</a>
			<a href="{% url 'texts' %}">assemblies - 组件</a>
			<a href="{% url 'about' %}">about - 關於</a>
		  </nav>
		</div>
        <main>
		{% block main %}{% endblock main %}
		</main>
		{% block end %}{% endblock end %}
	</body>
</html>