app/templates/base.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <link href="/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
   5     <link href="/static/css/bootstrap-responsive.min.css" rel="stylesheet">
   6     <script src="http://code.jquery.com/jquery-latest.js"></script>
   7     <script src="/static/js/bootstrap.min.js"></script>
   8     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   9     <script src="/static/js/moment-with-locales.min.js"></script>
  10     {% if title %}
  11     <title>{{ title }} - Web Photo Portfolio</title>
  12     {% else %}
  13     <title>Welcome to Web Photo Portfolio</title>
  14     {% endif %}
  15   </head>
  16   <body>
  17     <div class="container">
  18       <div class="navbar">
  19         <div class="navbar-inner">
  20           <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  21             <span class="icon-bar"></span>
  22             <span class="icon-bar"></span>
  23             <span class="icon-bar"></span>
  24           </a>
  25           <a class="brand" href="/">WPP</a>
  26             <ul class="nav">
  27               <li><a href="{{ url_for('index') }}">Home</a></li>
  28               {% if g.user.is_authenticated %}
  29               <li><a href="{{ url_for('user', nickname=g.user.nickname) }}">Your Profile</a></li>
  30               <li><a href="{{ url_for('logout') }}">Logout</a></li>
  31               {% endif %}
  32             </ul>
  33         </div>
  34       </div>
  35       <div class="row">
  36         <div class="span12">
  37           {% block content %}{% endblock %}
  38         </div>
  39       </div>
  40     </div>
  41   </body>
  42 </html>
  43