-<html>
+<!DOCTYPE html>
+<html lang="en">
<head>
+ <link href="/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
+ <link href="/static/css/bootstrap-responsive.min.css" rel="stylesheet">
+ <script src="http://code.jquery.com/jquery-latest.js"></script>
+ <script src="/static/js/bootstrap.min.js"></script>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <script src="/static/js/moment-with-locales.min.js"></script>
{% if title %}
<title>{{ title }} - Web Photo Portfolio</title>
{% else %}
{% endif %}
</head>
<body>
- <div>WPP: <a href="/index">Home</a>
- {% if g.user.is_authenticated %}
- | <a href="{{ url_for('user', nickname=g.user.nickname) }}">Your Profile</a>
- | <a href="{{ url_for('logout') }}">Logout</a>
- {% endif %}
- </div>
- <hr />
- {% with messages = get_flashed_messages() %}
- {% if messages %}
- <ul>
- {% for message in messages %}
- <li>{{ message }} </li>
- {% endfor %}
- </ul>
- {% endif %}
- {% endwith %}
- {% block content %}{% endblock %}
+ <div class="container">
+ <div class="navbar">
+ <div class="navbar-inner">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+ <a class="brand" href="/">WPP</a>
+ <ul class="nav">
+ <li><a href="{{ url_for('index') }}">Home</a></li>
+ {% if g.user.is_authenticated %}
+ <li><a href="{{ url_for('user', nickname=g.user.nickname) }}">Your Profile</a></li>
+ <li><a href="{{ url_for('logout') }}">Logout</a></li>
+ {% endif %}
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span12">
+ {% block content %}{% endblock %}
+ </div>
+ </div>
+ </div>
</body>
</html>