{% extends "base.html" %}

{% block meta %}
<style>
  .local-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #eee;
  }
  .local-nav a {
    display: block;
    padding: 5px 15px;
  }
  .local-nav a:hover, .local-nav a:focus {
    background: rgba(0, 0, 0, 0.05);
  }
  html {
    margin-top: 50px !important;
  }
  .local-padded {
    padding: 10px 20px;
  }
  .local-section-title {
    margin: 30px 1rem 10px;
    padding: 5px 0;
    border-bottom: 1px solid;
  }
</style>
{% endblock %}

{% block header %}{% endblock %}

{% block content %}
{% block nav %}
<nav class="local-nav nav-bar">
  <ul>
    {% for slug, data in local_data.items %}
    <li><a href="{% url "local-detail" slug %}">{{ data.title }}</a></li>
    {% endfor %}
  </ul>
</nav>
{% endblock %}
<div class="local-content">
  {% block local_content %}{% endblock %}
</div>
{% endblock %}

{% block footer %}{% endblock %}