<!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 %}
			njp.ma
            {% endblock title %}
        </title>
        <link href="{% sass_src 'css/style.scss' %}" rel="stylesheet" type="text/css">
		{% block head %}{% endblock head %}
	</head>
	<body class="{% block body_class%}{% endblock %}">
		<div class="topnav">
		  <a href="/" class="title font-family-wrong">
				<div class="title-text text">
				njp.ma
				</div>
		  </a>
		  <div class="item-title"></div>
		  <nav>
			  <a href="{% url 'films' %}" class="animated-title"><span class="text">videos 비디오</a>
			  <a href="{% url 'texts' %}" class="animated-title"><span class="text">cuts 장면들</a>
			  <a href="{% url 'about' %}" class="animated-title"><span class="text">about 소개</a>
		  </nav>
		</div>
        <main>
		{% block main %}{% endblock main %}
		</main>
		{% block end %}{% endblock end %}
		<script src="{% static 'js/animation.js' %}"></script>
	</body>
</html>