Untitled

{% load i18n staticfiles %}

<!DOCTYPE html>
<html lang="{{ LANGUAGE_CODE }}">
<head>
    <meta charset="utf-8">
    <meta name="description" content="Drigan">
    <meta name="theme-color" content="#009688">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}{% if flatpage %}{{ flatpage.title }}{% endif %}{% endblock %} | drigan</title>
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <script src="{% static "jquery-1.11.1.min.js" %}"></script>
    <script src="{% static "scripts.js" %}"></script>
	<script src="{% static "materialize.js" %}"></script>
	<script src="https://raw.githubusercontent.com/pixelcog/parallax.js/master/parallax.min.js"></script>
  <link href="{% static "materialize.css" %}" rel="stylesheet">
    {% block head %}{% endblock %}
	  <script type="text/javascript">
		$( document ).ready(function(){
		$(".button-collapse").sideNav({menuWidth:270});
		});
		</script>
</head>
<body>
<header>
  <div class="navbar-fixed z-depth-1">
	<nav>
	  <div class="nav-wrapper teal">
      <a href="/" class="brand-logo center">Drigan</a>
		<a data-activates="menu-drigan-morys" class="btn-floating btn-large waves-effect waves-light teal button-collapse left"><i class="material-icons">menu</i></a>
      <ul class="side-nav" id="menu-drigan-morys">
      <li style="top: 8px; bottom: 4px; text-align: center;"><div style="background-image: url({% static "img/office.jpg" %});">
      <img align="middle" src="{% static "img/oratorium.png" %}" style="width:50%; height: auto;">
      <a href="http://TODO" class="center-align white-text">Oratorium Tarnowskie Góry<i class="tiny material-icons right white-text">open_in_new</i></a></div></li>
			<li><div style="margin-top:5px;margin-bottom:5px;" class="col s12 divider"></div></li>
            {% if user.is_staff %}
		      <li><a style="width: 100%;" class="waves-effect waves-light teal lighten-1" href="{% url 'admin:index' %}">{% trans "Admin" %}</a></li>
		     {% endif %}
	        {% if user.is_authenticated %}
		<li><a style="width: 100%;" class="waves-effect waves-teal" href="">{{ user }}</a></li>
		<li><a style="width: 100%;" class="waves-effect waves-teal" href="{% url "auth_logout" %}?next={{ request.path }}">{% trans "Sign out" %}!</a></li>
            {% else %}
		<li><a style="width: 100%;" class="waves-effect waves-teal" href="{% url "auth_login" %}?next={{ request.path }}">{% trans "Sign in" %}!</a></li>
            {% endif %}
	  </ul>
	  </div>
  </nav>
  </div>
  </header>
  <div class="parallax-container">
  <main>
    <div class="container">
      {% if messages %}
      <div class="messages">
        {% for message in messages %}
        <div{% if message.tags %} class="alert alert-{{ message.tags }}"{% endif %}>{{ message }}</div>
        {% endfor %}
      </div>
      {% endif %}
      {% block content %}{% endblock %}
    </div>
    <div class="parallax"><img src="https://github.com/Dogfalo/materialize/blob/master/templates/parallax-template/background1.jpg" alt="Unsplashed background img 1"></div>
  </main>
  </div>
  <script type="text/javascript">
  (function($){
  $(function(){
    $('.parallax').parallax();
 });
})(jQuery);
  </script>
</body>
</html>