{% extends 'base.html' %}
{% block head %}
  <link rel="stylesheet" href="/static/css/fonts.css" />
  <link rel="stylesheet" href="/static/css/main.css" />
  
  <script type="text/javascript" src="/static/js/main.js"></script>
  <title>EdgwareRoad: {% block title %} {% endblock %}</title>
  {% block extra_head %}

  {% endblock %}
{% endblock %}

{% block body %}
  <div id="wrapper">
    <div id="header">
      <div id="mainTitle">
        <h1><a href="/" title="Go Home">The Edgware Road Project</a></h1>
      </div>
      <div id="pageTitle">
        <h2>{% block pageTitle %} {% endblock %}</h2>
      </div>
      <div id="intro">
        <p id="introPara1">
          Edgware Road.org is a platform for archiving and publishing possible studies about the Edgware Road.
        </p>
        <p>
          It was created by media art collective C.A.M.P. during their residency at the Serpentine Gallery.
        </p>
      </div>
    </div>
    <div id="content">
      {% block content %} {% endblock %}
    </div>
    <div id="footer">
      <ul id="nav">
        <li>
          <a href="archive" title="The Edgwareroad.org Archive">Archive</a>
        </li>
        <li>
          <a href="publish" title="Publish!">Publish</a>
        </li>
        <li> &nbsp;</li>
        <li>
          <a href="contact" title="Contact Us">About/Contact</a>
        </li>
        <li>
          <a href="faq" title="Frequently Asked Questions">FAQ</a>
        </li>
        <li> &nbsp;</li>
        <li>
          <a href="account" title="Login / Sign Up">Login/Sign Up</a>
        </li>
        <li>
          <a href="help" title="Help!">Help</a>
        </li>

      </ul>
    </div>
    <div id="logo">
          <a href="" title="Serpentine Art Gallery Webpage">Serpentine <br />Art Gallery</a>
    </div>
  </div>

{% endblock %}
