templates/base.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3     <head>
   4         {% block head %}
   5         <meta charset="utf-8" />
   6         <title>{% block title %}Hub{% endblock %}</title>
   7         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   8         <meta name="description" content="" />
   9         <meta name="author" content="Ferrix Hovi" />
  10
  11         <link href="/static/bootstrap/css/bootstrap.css" rel="stylesheet" />
  12         <style>
  13             body {
  14                 padding-top: 60px;
  15             }
  16         </style>
  17         <link href="/static/bootstrap/css/bootstrap-responsive.css" rel="stylesheet" />
  18         {% endblock %}
  19     </head>
  20     <body>
  21         <div class="navbar navbar-fixed-top">
  22             <div class="navbar-inner">
  23                 <div class="container">
  24                     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  25                         <span class="icon-bar"></span>
  26                         <span class="icon-bar"></span>
  27                         <span class="icon-bar"></span>
  28                     </a>
  29                     {% block brand %}<a class="brand" href="#">Hub</a>{% endblock %}
  30                     <div class="nav-collapse">
  31                         <ul class="nav">
  32                             {% block top_navigation %}
  33                             <li class="active"><a href="mapping">Mappings</a></li>
  34                             {% endblock %}
  35                         </ul>
  36                     </div>
  37                 </div>
  38             </div>
  39         </div>
  40         <div class="container">
  41             {% block content %}
  42             <h1>This is a simple redirection service</h1>
  43             <p>You can use this service to redirect hosts to your site.</p>
  44             {% endblock content %}
  45
  46             <hr>
  47
  48             <footer><p>&copy; 2012 Ferrix. Powered by Bootstrap, jQuery, Flask, CouchDB.</p></footer>
  49         </div>
  50         <script src="/static/jquery/js/jquery.min.js"></script>
  51         <script src="/static/bootstrap/js/bootstrap.min.js"></script>
  52     </body>
  53 </html>