{% load staticfiles %}

{% load notifications_tags %}
{% load iconolab_tags %}

<!DOCTYPE html>
<html>

{% block head %}
	<head>
		<title>{% block title %}iconolab{% endblock %}</title>

		{% block main_css %}
      <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
			<link rel="stylesheet" href="{% static 'iconolab/css/iconolab.css' %}{% if not IS_JS_DEV_MODE %}?v={% version %}{% endif %}">
		{% endblock %}

		{% block page_css %} {% endblock %}

	</head>
{% endblock %}

	<body>
		{% include "partials/header.html" %}

	<div class="{% if request.resolver_match.url_name == 'image_detail' %}container-fluid{% else %}container{% endif %}">
	{% block content %}{% endblock %}
	</div>

      <footer>
        {% include "partials/footer.html" %}
      </footer>
      <script src="{% static 'iconolab/js/vendor.js' %}{% if not IS_JS_DEV_MODE %}?v={% version %}{% endif %}" type="text/javascript"></script>
      <script src="{% static 'iconolab/js/iconolab.js' %}{% if not IS_JS_DEV_MODE %}?v={% version %}{% endif %}" type="text/javascript"></script>
	    {% block footer_js %}{% endblock %}
      {% if IS_JS_DEV_MODE %}
      <!-- Webpack devServer script to handle page reload -->
      <script src="http://localhost:8001/webpack-dev-server.js" type="text/javascript"></script>
      {% endif %}
      {% if not "localhost" in request.get_host %}
      {% include "partials/google_analytics.html" %}
      {% endif %}
	</body>
</html>
