mygpo/web/templates/base.html

   1 {% load i18n %}
   2 {% load menu %}
   3
   4 <!DOCTYPE html>
   5 <html lang="en">
   6   <head>
   7     <meta charset="utf-8">
   8     <title>{% block title %}{% endblock %} (gpodder.net)</title>
   9     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  10     <meta name="description" content="">
  11     <meta name="author" content="">
  12
  13     <!-- Le styles -->
  14     <link href="/media/css/bootstrap.css" rel="stylesheet">
  15     <style type="text/css">
  16       body {
  17         padding-top: 60px;
  18         padding-bottom: 40px;
  19       }
  20       .sidebar-nav {
  21         padding: 9px 0;
  22       }
  23     </style>
  24     <link href="/media/css/bootstrap-responsive.css" rel="stylesheet">
  25     <link href="/media/css/font-awesome.css" rel="stylesheet">
  26     <link rel="stylesheet" href="/media/screen.css" type="text/css" />
  27
  28     <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  29     <!--[if lt IE 9]>
  30       <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  31     <![endif]-->
  32
  33     <!-- Le fav and touch icons -->
  34     <link rel="shortcut icon" href="/favicon.png">
  35     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/media/ico/apple-touch-icon-144-precomposed.png">
  36     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/media/ico/apple-touch-icon-114-precomposed.png">
  37     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/media/ico/apple-touch-icon-72-precomposed.png">
  38     <link rel="apple-touch-icon-precomposed" href="/media/ico/apple-touch-icon-57-precomposed.png">
  39
  40     {% block head %}{% endblock %}
  41
  42     {% if google_analytics_property_id %}
  43       {% load googleanalytics %}
  44       {{ google_analytics_property_id|google_analytics_async }}
  45     {% endif %}
  46
  47   </head>
  48
  49   <body>
  50
  51     <div class="navbar navbar-fixed-top">
  52       <div class="navbar-inner">
  53         <div class="container-fluid">
  54           <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  55             <span class="icon-bar"></span>
  56             <span class="icon-bar"></span>
  57             <span class="icon-bar"></span>
  58           </a>
  59           <a class="brand" href="/"><img src="/media/mygpo18.png" /> gpodder.net</a>
  60           <div class="btn-group pull-right">
  61            {% if user.is_authenticated %}
  62             <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
  63               <i class="icon-user"></i> {{ user.username }}
  64               <span class="caret"></span>
  65             </a>
  66             <ul class="dropdown-menu">
  67               <li><a href="#">Profile</a></li>
  68               <li class="divider"></li>
  69               <li><a href="{% url logout %}">Sign Out</a></li>
  70             </ul>
  71            {% else %}
  72             <a class="btn dropdown-toggle" data-toggle="dropdown" href="{% url login %}">
  73               <i class="icon-user"></i>{% trans "Login" %}
  74               <span class="caret"></span>
  75             </a>
  76             <ul class="dropdown-menu">
  77               <li><a href="{% url register %}">{% trans "Register" %}</a></li>
  78             </ul>
  79            {% endif %}
  80           </div>
  81           <div class="nav-collapse">
  82             <ul class="nav">
  83               {% block mainmenu %}
  84                {{ "/"|main_menu }}
  85               {% endblock %}
  86             </ul>
  87             <form class="navbar-search pull-left" method="get" action="{% url search %}">
  88              {% csrf_token %}
  89              <input name="q" type="text" class="search-query" placeholder="Search">
  90             </form>
  91           </div><!--/.nav-collapse -->
  92         </div>
  93       </div>
  94     </div>
  95
  96     <div class="container-fluid">
  97       <div class="row-fluid">
  98         <div class="span2">
  99           <div class="well sidebar-nav">
 100             <ul class="nav nav-list">
 101               {% block sectionmenu %}
 102               {% endblock %}
 103             </ul>
 104           </div><!--/.well -->
 105         </div><!--/span-->
 106         <div class="span10">
 107 <!--          <div class="hero-unit">
 108             <h1>Hello, world!</h1>
 109             <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
 110             <p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>
 111           </div>-->
 112           <div class="row-fluid">
 113
 114     {% if messages %}
 115      {% for message in messages %}
 116       <div {% if message.tags %} class="{{ message.tags }}"{% endif %}>
 117        {{ message }}
 118       </div>
 119      {% endfor %}
 120     {% endif %}
 121
 122
 123     {% block content %}
 124     {% endblock %}
 125
 126     </div>
 127
 128
 129       <footer class="row-fluid">
 130
 131        <hr />
 132
 133        <div class="span1">
 134        </div>
 135        <div class="span1">
 136        <ul>
 137         <li><strong>Discover</strong>
 138         <li><a href="">Directory</a></li>
 139         <li><a href="">Top Podcasts</a></li>
 140         <li><a href="">Search</a></li>
 141        </ul>
 142        </div>
 143
 144        <div class="span1 ">
 145         <ul>
 146         <li><strong>Support</strong>
 147         <li><a href="http://flattr.com/thing/2304/gpodder-net">Flattr</a></li>
 148         <li><a href="">Donate</a></li>
 149         <li><a href="">Advertise</a></li>
 150         </ul>
 151        </div>
 152
 153        <div class="span1 ">
 154         <ul>
 155          <li><strong>Develop</strong>
 156          <li><a href="">API</a></li>
 157          <li><a href="">Libraries</a></li>
 158          <li><a href="">Clients</a></li>
 159         </ul>
 160        </div>
 161
 162        <div class="span1 ">
 163         <ul>
 164         <li><strong>Publisher</strong>
 165          <li><a href="">Get Access</a></li>
 166          <li><a href="">Link To Us</a></li>
 167          <li><a href="">Advertise</a></li>
 168         </ul>
 169        </div>
 170
 171        <div class="span1 ">
 172         <ul>
 173         <li><strong>Copyright</strong> &copy; 2009-2012 gpodder.net</li>
 174        </ul>
 175        </div>
 176       </footer>
 177
 178     </div><!--/.fluid-container-->
 179
 180     <!-- Le javascript
 181     ================================================== -->
 182     <!-- Placed at the end of the document so the pages load faster -->
 183     <script src="/media/js/jquery.js"></script>
 184     <script src="/media/js/bootstrap-transition.js"></script>
 185     <script src="/media/js/bootstrap-alert.js"></script>
 186     <script src="/media/js/bootstrap-modal.js"></script>
 187     <script src="/media/js/bootstrap-dropdown.js"></script>
 188     <script src="/media/js/bootstrap-scrollspy.js"></script>
 189     <script src="/media/js/bootstrap-tab.js"></script>
 190     <script src="/media/js/bootstrap-tooltip.js"></script>
 191     <script src="/media/js/bootstrap-popover.js"></script>
 192     <script src="/media/js/bootstrap-button.js"></script>
 193     <script src="/media/js/bootstrap-collapse.js"></script>
 194     <script src="/media/js/bootstrap-carousel.js"></script>
 195     <script src="/media/js/bootstrap-typeahead.js"></script>
 196     {% block javascript %}{% endblock javascript %}
 197
 198     <!-- getsatisfaction.com feedback tab -- >
 199     <script type="text/javascript">
 200      var is_ssl = ("https:" == document.location.protocol);
 201      var asset_host = is_ssl ? "https://s3.amazonaws.com/getsatisfaction.com/" : "http://s3.amazonaws.com/getsatisfaction.com/";
 202      document.write(unescape("%3Cscript src='" + asset_host + "javascripts/feedback-v2.js' type='text/javascript'%3E%3C/script%3E"));
 203     </script>
 204     <script type="text/javascript">
 205      var feedback_widget_options = {};
 206      feedback_widget_options.display = "overlay";
 207      feedback_widget_options.company = "gpoddernet";
 208      feedback_widget_options.placement = "left";
 209      feedback_widget_options.color = "#222";
 210      feedback_widget_options.style = "idea";
 211      var feedback_widget = new GSFN.feedback_widget(feedback_widget_options);
 212     </script>
 213
 214   </body>
 215 </html>