templates/base.html

<!doctype html>
<html>
<head>
  <title>{% block title %}Welcome{% endblock %} | Thirstybot</title>
  <link rel=stylesheet type=text/css href="{{ url_for('static', filename='style.css') }}">
  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  <link rel="stylesheet" media="all" href=""/>
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
  <!-- Adding "maximum-scale=1" fixes the Mobile Safari auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->
</head>
<body lang="en">
<div id="container">
  <header>
    <a href="{{ url_for('recommendations') }}">
    <hgroup>
    <h1>Thirstybot</h1>
    <h2>"I'm thirsty!"</h2>
    </hgroup></a>

  </header>
  {% with flashes = get_flashed_messages() %}
    <section id="flashes">
    {% if flashes %}
      <ul class="flashes">
      {% for message in flashes %}
        <li>{{ message }}
      {% endfor %}
      </ul>
    {% endif %}
    </section>
  {% endwith %}
  <section id="body">
   <h2>{% block content_title %}{% endblock %}</h2>
 {% block content %}{% endblock %}
  </section>
  <footer>
    &copy; 2012 Rita Cheng and David Clarke |
    {% if user %}
      <a href="{{ url_for('recommendations') }}">my recommendations</a> |
      <a href="{{ url_for('public_recommendations') }}">top drinks</a> |
      <a href="{{ url_for('all_drinks') }}">all drinks</a> |
      <a href="{{ url_for('add_drink') }}">add drink</a> |
      <a href="{{ url_for('auth.logout') }}">sign out [{{ user.username }}]</a>
    {% else %}
      <a href="{{ url_for('public_recommendations') }}">top drinks</a> |
      <a href="{{ url_for('all_drinks') }}">all drinks</a> |
      <a href="{{ url_for('add_drink') }}">add drink</a> |
      <a href="{{ url_for('register') }}">register</a> |
      <a href="{{ url_for('auth.login') }}">sign in</a>
    {% endif %}
  </footer>
</div>
</body>
</html>