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     <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700' rel='stylesheet' type='text/css'>
  28
  29     <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  30     <!--[if lt IE 9]>
  31       <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  32     <![endif]-->
  33
  34     <!-- Le fav and touch icons -->
  35     <link rel="shortcut icon" href="/favicon.png">
  36
  37     {% block head %}{% endblock %}
  38
  39     {% if google_analytics_property_id %}
  40       {% load googleanalytics %}
  41       {{ google_analytics_property_id|google_analytics_async }}
  42     {% endif %}
  43
  44   </head>
  45
  46   <body>
  47
  48    <div id="logo">
  49     <a href="/">
  50      <img class="visible-desktop" src="/media/gpoddernet_64.png" />
  51     </a>
  52    </div>
  53
  54     <div class="navbar navbar-fixed-top">
  55       <div class="navbar-inner">
  56         <div class="container">
  57           <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  58             <span class="icon-bar"></span>
  59             <span class="icon-bar"></span>
  60             <span class="icon-bar"></span>
  61           </a>
  62           <a class="brand" href="/"><img id="inline_logo" src="/media/gpoddernet_25.png" /><span style="padding-left: 65px; padding-right: 10px;" >gpodder.net</span></span></a>
  63           <div class="btn-group pull-right">
  64            {% if user.is_authenticated %}
  65             <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
  66               <i class="icon-user"></i> {{ user.username }}
  67               <span class="caret"></span>
  68             </a>
  69             <ul class="dropdown-menu">
  70               <li><a href="{% url "account" %}">{% trans "Account" %}</a></li>
  71               <li class="divider"></li>
  72               <li><a href="{% url "logout" %}">Sign Out</a></li>
  73             </ul>
  74            {% else %}
  75             <a class="btn dropdown-toggle" data-toggle="dropdown" href="">
  76               <i class="icon-user"></i> {% trans "Login" %}
  77               <span class="caret"></span>
  78             </a>
  79             <ul class="dropdown-menu">
  80               <li><a href="{% url "login" %}">{% trans "Login" %}</a></li>
  81               <li><a href="{% url "login-google" %}">{% trans "Login with Google" %}</a></li>
  82               <li><a href="{% url "register" %}">{% trans "Register" %}</a></li>
  83             </ul>
  84            {% endif %}
  85           </div>
  86           <div class="nav-collapse">
  87             <ul class="nav">
  88               {% block mainmenu %}
  89                {{ "/"|main_menu }}
  90               {% endblock %}
  91              </ul>
  92           </div><!--/.nav-collapse -->
  93         </div>
  94       </div>
  95     </div>
  96
  97     <div class="container">
  98       <div class="row-fluid">
  99         <div class="span2">
 100           <div class="well sidebar-nav">
 101             <ul class="nav nav-list">
 102               {% block sectionmenu %}
 103               {% endblock %}
 104             </ul>
 105           </div><!--/.well -->
 106         </div><!--/span-->
 107         <div class="span10">
 108
 109     <div class="row-fluid">
 110      <div class="span12">
 111       {% block header %}
 112        <h1>Block "header" not defined for this template</h1>
 113       {% endblock %}
 114      </div>
 115     </div>
 116
 117     {% if messages %}
 118      {% for message in messages %}
 119       <div {% if message.tags %} class="alert alert-{{ message.tags }}"{% endif %}>
 120        {{ message }}
 121       </div>
 122      {% endfor %}
 123     {% endif %}
 124
 125     <div class="row-fluid">
 126      <div class="span8" id="content">
 127       {% block content %}
 128       {% endblock %}
 129      </div>
 130
 131
 132      <div class="span4" id="sidebar">
 133       {% block sidebar %}
 134       {% endblock %}
 135      </div>
 136     </div>
 137
 138
 139       <footer class="row-fluid">
 140
 141  {% block ads %}
 142   {% if adsense_client %}
 143    <hr />
 144
 145    <script type="text/javascript"><!--
 146     google_ad_client = "{{ adsense_client }}";
 147     /* "Bottom" slot */
 148     google_ad_slot = "{{ adsense_slot_bottom }}";
 149     google_ad_width = 728;
 150     google_ad_height = 90;
 151     //-->
 152    </script>
 153    <script type="text/javascript"
 154     src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
 155    </script>
 156   {% endif %}
 157  {% endblock %}
 158
 159        <hr />
 160
 161        <div class="span1">
 162        <ul>
 163         <li><strong>{% trans "Discover" %}</strong></li>
 164         <li><a href="{% url "directory-home" %}">{% trans "Directory" %}</a></li>
 165         <li><a href="{% url "toplist" %}">{% trans "Podcasts" %}</a></li>
 166         <li><a href="{% url "search" %}">{% trans "Search" %}</a></li>
 167        </ul>
 168        </div>
 169
 170        <div class="span1">
 171         <ul>
 172          <li><strong>{% trans "Support" %}</strong></li>
 173          <li><a href="{% url "help" %}">{% trans "Docs" %}</a></li>
 174          <li><a href="http://wiki.gpodder.org/wiki/Mailing_List">{% trans "Mailing&nbsp;List" %}</a></li>
 175          <li><a href="https://getsatisfaction.com/gpoddernet">{%trans "Questions" %}</a></li>
 176         </ul>
 177        </div>
 178
 179        <div class="span1">
 180         <ul>
 181          <li><strong>{% trans "Support&nbsp;Us" %}</strong></li>
 182          <li><a href="http://flattr.com/thing/2304/gpodder-net">{% trans "Flattr" %}</a></li>
 183          <li><a href="{% url "contribute" %}">{% trans "Donate" %}</a></li>
 184          <li><a href="{% url "advertise" %}">{% trans "Advertise" %}</a></li>
 185         </ul>
 186        </div>
 187
 188        <div class="span1">
 189         <ul>
 190          <li><strong>{% trans "Follow" %}</strong></li>
 191          <li><a href="https://twitter.com/gpoddernet">{% trans "Twitter" %}</a></li>
 192          <li><a href="http://blog.gpodder.org/">{% trans "Blog" %}</a></li>
 193          <li><a href="http://blog.gpodder.org/feeds/posts/default">{% trans "Blog&nbsp;(RSS)" %}</a></li>
 194         </ul>
 195        </div>
 196
 197        <div class="span1">
 198         <ul>
 199          <li><strong>{% trans "Develop" %}</strong></li>
 200          <li><a href="http://wiki.gpodder.org/wiki/Web_Services/API_2">{% trans "API" %}</a></li>
 201          <li><a href="http://wiki.gpodder.org/wiki/Web_Services/Libraries">{% trans "Libraries" %}</a></li>
 202          <li><a href="http://wiki.gpodder.org/wiki/Web_Services/Clients">{% trans "Clients" %}</a></li>
 203         </ul>
 204        </div>
 205
 206        <div class="span1">
 207         <ul>
 208          <li><strong>{% trans "Publish" %}</strong></li>
 209          <li><a href="{% url "publisher" %}">{% trans "Get&nbsp;Access" %}</a></li>
 210          <li><a href="{% url "link-here" %}">{% trans "Link&nbsp;To&nbsp;Us" %}</a></li>
 211          <li><a href="{% url "advertise" %}">{% trans "Advertise" %}</a></li>
 212         </ul>
 213        </div>
 214
 215       </footer>
 216
 217     </div><!--/.fluid-container-->
 218
 219     <!-- Le javascript
 220     ================================================== -->
 221     <!-- Placed at the end of the document so the pages load faster -->
 222     <script src="/media/js/jquery.js"></script>
 223     <script src="/media/js/bootstrap.js"></script>
 224
 225     {% block javascript %}{% endblock javascript %}
 226
 227     <!-- getsatisfaction.com feedback tab -- >
 228     <script type="text/javascript">
 229      var is_ssl = ("https:" == document.location.protocol);
 230      var asset_host = is_ssl ? "https://s3.amazonaws.com/getsatisfaction.com/" : "http://s3.amazonaws.com/getsatisfaction.com/";
 231      document.write(unescape("%3Cscript src='" + asset_host + "javascripts/feedback-v2.js' type='text/javascript'%3E%3C/script%3E"));
 232     </script>
 233     <script type="text/javascript">
 234      var feedback_widget_options = {};
 235      feedback_widget_options.display = "overlay";
 236      feedback_widget_options.company = "gpoddernet";
 237      feedback_widget_options.placement = "left";
 238      feedback_widget_options.color = "#222";
 239      feedback_widget_options.style = "idea";
 240      var feedback_widget = new GSFN.feedback_widget(feedback_widget_options);
 241     </script>
 242
 243   </body>
 244
 245
 246
 247
 248
 249 </html>