mygpo/web/templates/base.html

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