{% extends "layout.html" %}

{% block extrahead %}
  {{ super() }}

  <script src="http://code.jquery.com/jquery-1.7.2.min.js"
          type="text/javascript"></script>
  <script type="text/javascript" src="{{ pathto('_static/demogame/js/lpcd.js', 1) }}"></script>
  <link rel="stylesheet" type="text/css" href="{{ pathto('_static/demogame/lpcd.css', 1) }}" />
  <style type="text/css">
.sphinxsidebar {
    display: none!important;
}
.bodywrapper {
    margin-left: 0px!important;
}
  </style>
{% endblock %}

{% block body %}
  <div id="lpc_demo">
    <br/>
    <iframe draggable="false" id="lpcd_iframe" scrolling="no" frameborder="0"></iframe>
  </div>

  <p>
    <i>Click around to explore!</i>
  </p>

  <p>
    <i>This "game" is just a demo of the
    <a href="http://lpc.opengameart.org">Liberated Pixel Cup</a>
    assets, albeit a rather nice demo!  We know it has some bugs, but
    development is currently on hold for now.  Note: This demo isn't
    intended to prescribe what "style of game" should be made with
    Liberated Pixel Cup style assets; we just want to show off how
    things fit together.</i>
  </p>

  <p>
    <i>Done with original HTML5 engine code.  Tilemaps done using
    <a href="http://www.mapeditor.org/">Tiled</a>.  Check out the
    <a href="https://gitorious.org/liberated-pixel-cup/">source code</a>
    for more details.</i>
  </p>
{% endblock %}