dvd-collection / templates / base.html

<!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8">
    <title>Cinema Nick | {% block title %}{% endblock %}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="{% block description %}A DVD Collection management website.{% endblock %}">
    <meta name="author" content="{% block author %}Kevin Veroneau{% endblock %}">

    <!-- Le styles -->
    <link href="{{STATIC_URL}}css/bootstrap.css" rel="stylesheet">
      body {
        padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
      .navbar-inner {
        background-color: #2c2c2c; /* fallback color, place your own */

      /* Gradients for modern browsers, replace as you see fit */
      background-image: -moz-linear-gradient(top, #DB00A4, #220022);
      background-image: -ms-linear-gradient(top, #DB00A4, #220022);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DB00A4), to(#220022));
      background-image: -webkit-linear-gradient(top, #DB00A4, #220022);
      background-image: -o-linear-gradient(top, #DB00A4, #220022);
      background-image: linear-gradient(top, #DB00A4, #220022);
      background-repeat: repeat-x;

      /* IE8-9 gradient filter */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
    <link href="{{STATIC_URL}}css/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="{{STATIC_URL}}js/html5shiv.js"></script>

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="../assets/ico/favicon.png">
  <script src="{{STATIC_URL}}js/jquery-1.8.2.min.js"></script>
  <script type="text/javascript">
    {% block jquery %}{% endblock %}


    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" 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 class="brand" href="#">Cinema Nick</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li id="nav_home"><a href="/">Home</a></li>
              <li id="nav_browse"><a href="{% url 'browse_collection' %}">Browse</a></li>
              <li id="nav_genre"><a href="{% url 'genre_list' %}">Genres</a></li>
              <li id="nav_format"><a href="{% url 'format_list' %}">Formats</a></li>
              <li id="nav_random"><a href="{% url 'random_list' %}">Random List</a></li>
              {% if user.is_authenticated %}<li><a href="{% url 'my_watchlist' %}">My Watchlist</a></li>{% endif %}
              <li><a href="{% url 'search' %}">Search</a></li>
          </div><!--/.nav-collapse -->

    <div class="container-fluid">
      {% if messages %}
      <div class="row">
        <div class="span12">
          {% for message in messages %}
          <div class="alert alert-{{message.tags}}">
            <strong>{{message.tags|title}}:</strong> {{message}}
          {% endfor %}
      {% endif %}
{% block base_content %}{% endblock %}
      <p>&copy; 2013 Cinema Nick. All rights reserved. &middot; Website development by <a href="https://www.veroneau.net/">Kevin Veroneau</a> &middot; 
      <a href="https://www.veroneau.net/SourceCode/cinemanick/trunk/collection/views.py/cat">Source Code</a> licensed under the GPLv2.</p>
    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <script src="{{STATIC_URL}}js/bootstrap.min.js"></script>
    <!-- Placed at the end of the document so the pages load faster
    <script src="../assets/js/jquery.js"></script>
    <script src="../assets/js/bootstrap-transition.js"></script>
    <script src="../assets/js/bootstrap-alert.js"></script>
    <script src="../assets/js/bootstrap-modal.js"></script>
    <script src="../assets/js/bootstrap-dropdown.js"></script>
    <script src="../assets/js/bootstrap-scrollspy.js"></script>
    <script src="../assets/js/bootstrap-tab.js"></script>
    <script src="../assets/js/bootstrap-tooltip.js"></script>
    <script src="../assets/js/bootstrap-popover.js"></script>
    <script src="../assets/js/bootstrap-button.js"></script>
    <script src="../assets/js/bootstrap-collapse.js"></script>
    <script src="../assets/js/bootstrap-carousel.js"></script>
    <script src="../assets/js/bootstrap-typeahead.js"></script>
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.