<!DOCTYPE html>

{% load static %}

<html lang="en">
<head>
  <link rel="stylesheet" type="text/css" href="{% static 'news/css/app.css' %}">
  <link rel="stylesheet" type="text/css" href="{% static 'news/css/foundation.min.css' %}">
  <title>{% block title %}My amazing site{% endblock %}</title>
</head>

<body>

  <!-- Header -->
  <!-- <header>


  </header> -->

 <div class="grid-x">
   <!-- <div class="cell large-2 header">

   </div> -->
   <div class="cell large-6 large-offset-3 content">

     <!-- Header -->
    <header>
     <h1><a href="{% url 'news:index' %}">poker rumble</a></h1>
     <h2>REAL NEWS</h2>

     <nav>
       {% if user.is_authenticated %}
       <a href="{% url 'news:account' %}">{{ user.username }}</a> |
       <!-- <br/> -->
       {% if user.is_staff %}
       <a href="{% url 'news:submission' %}">Submit</a> |
       <!-- <br/> -->
       {% endif %}
       <a href="{% url 'news:logout_view' %}">Log out</a>
       {% else %}
       <a href="{% url 'news:signin' %}">Log in</a> |
       <!-- <br/> -->
       <a href="{% url 'news:register' %}">Create account</a>
       {% endif %}
     </nav>

   </header>

     <!-- Body -->
     {% block content %}{% endblock %}
   </div>
 </div>

  <!-- Footer -->
  <footer>
    <!-- some footer -->
  </footer>

</body>
</html>
