Adds working deposit and purchases.

- Switch to bootstrap.
 - Still no balance checking or form feedback messages.

templates/base.html

@@ -3,31 +3,33 @@
 <head>
     <title>{%block title%}BBS{%endblock%}</title>
     <meta charset="utf-8" />
-    <link rel="stylesheet" href="/static/gaute/stylesheets/screen.css" type="text/css" media="screen, projection">
-    <link rel="stylesheet" href="/static/gaute/stylesheets/print.css" type="text/css" media="print"> 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="{{ STATIC_URL }}gaute/stylesheets/screen.css" type="text/css" media="screen, projection">
+    <link rel="stylesheet" href="{{ STATIC_URL }}gaute/stylesheets/print.css" type="text/css" media="print"> 
     <!--[if lt IE 8]>
-    <link rel="stylesheet" href="/static/gaute/stylesheets/ie.css" type="text/css" media="screen, projection">
+    <link rel="stylesheet" href="{{ STATIC_URL }}gaute/stylesheets/ie.css" type="text/css" media="screen, projection">
     <![endif]-->
-	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
-	<script src="/static/js/register.js"></script>
     {%block headinc %}
     {%endblock%}
 </head>
-<body class="bp three-col">
+<body>
     <header id="header">
     {%block header%}
+        {% include "nav.html" %}
     {%endblock%}
     </header>
-    <div id="container">
+    <div id="container" class="container-fluid">
         {%block content%}
         {%endblock%}
-    </div>
-    <div id="footer">
-    {%block footer %}
-        <img src="/static/DNSlogo.png" />
-    {%endblock%}
+        <div id="footer" class="row-fluid span12">
+            {%block footer %}
+                <img src="{{ STATIC_URL }}gaute/img/edb_brick.png" />
+            {%endblock%}
+        </div>
     </div>
 
+    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery-1.7.1.min.js"></script>
+    <script type="text/javascript" src="{{ STATIC_URL }}js/bootstrap-collapse.js"></script>
     {%block tailinc %}
     {%endblock%}
 </body>