<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>{{title}}</title>
    <link href="{{servlet-context}}/css/phone.css" media="only screen and (max-device-width: 480px)" rel="stylesheet" type="text/css" />
    <link href="{{servlet-context}}/css/tablet.css" media="only screen and (min-device-width: 481px) and (max-device-width: 1024px)" rel="stylesheet" type="text/css" />
    <link href="{{servlet-context}}/css/standard.css" media="screen and (min-device-width: 1025px)" rel="stylesheet" type="text/css" />
    <link href="{{servlet-context}}/css/print.css" media="print" rel="stylesheet" type="text/css" />
    <link href="{{servlet-context}}/css/states.css" rel="stylesheet" type="text/css" />
        {% script "/lib/jquery-1.9.0.js" %}
        {% script "/lib/jquery.validate.min.js" %}
        {% script "/lib/script.js" %}
        <script type="text/javascript">
            //<![CDATA[
            var context = "{{servlet-context}}";
            //]]>
        </script>
    <meta content="{{pause}}" http-equiv="{{maybe-refresh}}" />
  </head>
  <body>
    <div id="nav">
      <img id="nav-icon" src="{{servlet-context}}/img/threelines.png" alt="Menu"/>
      <ul id="nav-menu" class="nav">
        <li class="{{home-selected}}"><a href="{{servlet-context}}/">Home</a></li>
        <li class="{{params-selected}}"><a href="{{servlet-context}}/params">Parameters</a></li>
        <li class="{{rules-selected}}"><a href="{{servlet-context}}/rules">Rules</a></li>
        <li class="{{world-selected}}"><a href="{{servlet-context}}/world">World</a></li>
        <li class="{{about-selected}}"><a href="{{servlet-context}}/about">About</a></li>
        <li class="{{docs-selected}}"><a href="{{servlet-context}}/docs">Documentation</a></li>
      </ul>
    </div>

    <div id="header">
      <h1>{{title}}</h1>
    </div>

    <div id="main-container" class="container">
	  {% if message %}
		<div id="announcement">
			<p class="message">{{message}}</p>
		</div>
	  {% endif %}
	  {% if error %}
		<div id="announcement">
			<p class="error">{{error}}</p>
		</div>
	  {% endif %}

      {% block content %}
      {% endblock %}
    </div>
    <div id="footer">
       <div id="credits">
          Built with <a href="http://www.luminusweb.net/">LuminusWeb</a> ||
          <img height="16" width="16" align="top" src="img/clojure-icon.gif"> Powered by <a href="http://clojure.org">Clojure</a> ||
          Engineering and hosting by <a href="http://www.journeyman.cc">Journeyman</a> ||
          World generated using <a href="http://git.journeyman.cc/?p=mw-engine;a=summary">MicroWorld Engine</a>
      </div>
    </div>
  </body>
</html>

