mygpo/web/templates/base.html

   1 {% extends "skeleton.html" %}
   2 {% load i18n %}
   3 {% load menu %}
   4 {% load static %}
   5 {% load utils %}
   6
   7 {% block body %}
   8
   9         <div id="logo">
  10             <a href="/">
  11                 <img class="visible-desktop" src="{% static "gpoddernet_64.png" %}" alt="gpodder.net" />
  12             </a>
  13         </div>
  14
  15         <div class="navbar navbar-default navbar-fixed-top">
  16             <div class="container">
  17                 <div class="navbar-header">
  18                     <a class="btn navbar-btn" data-toggle="collapse" data-target=".navbar-collapse">
  19                         <span class="icon-bar"></span>
  20                         <span class="icon-bar"></span>
  21                         <span class="icon-bar"></span>
  22                     </a>
  23                     <a class="navbar-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>
  24                 </div>
  25                 <div class="navbar-collapse collapse">
  26                         <ul class="nav navbar-nav">
  27                             {% block mainmenu %}
  28                             {{ "/"|main_menu }}
  29                             {% endblock %}
  30                         </ul>
  31
  32                     <ul class="nav navbar-nav navbar-right">
  33                      <li class="dropdown">
  34                         {% if user.is_authenticated %}
  35                         <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
  36                             <i class="icon-user"></i> {{ user.username }}
  37                             <span class="caret"></span>
  38                         </a>
  39                         <ul class="dropdown-menu">
  40                             <li><a href="{% url "account" %}">{% trans "Account" %}</a></li>
  41                             <li class="divider"></li>
  42                             <li><a href="{% url "logout" %}">Sign Out</a></li>
  43                         </ul>
  44                         {% else %}
  45                         <a class="btn dropdown-toggle" data-toggle="dropdown" href="">
  46                             <i class="icon-user"></i> {% trans "Login" %}
  47                             <span class="caret"></span>
  48                         </a>
  49                         <ul class="dropdown-menu">
  50                             <li><a href="{% url "login" %}?next={{ request.get_full_path|urlquote }}">{% trans "Login" %}</a></li>
  51                             <li><a href="{% url "login-google" %}?next={{ request.get_full_path|urlquote }}">{% trans "Login with Google" %}</a></li>
  52                             <li><a href="{% url "register" %}">{% trans "Register" %}</a></li>
  53                         </ul>
  54                         {% endif %}
  55                       </li>
  56                     </ul>
  57                 </div>
  58             </div>
  59         </div>
  60
  61         <div class="container">
  62             <div class="row">
  63                 <div class="col-md-2">
  64                     <div class="sidebar-nav">
  65                         <ul class="nav nav-list">
  66                             {% block sectionmenu %}
  67                             {% endblock %}
  68                         </ul>
  69                     </div><!--/.well -->
  70                 </div><!--/span-->
  71                 <div class="col-md-10">
  72
  73                     <div class="row">
  74                         <div class="col-md-12">
  75                             {% block header %}
  76                             <h1>Block "header" not defined for this template</h1>
  77                             {% endblock %}
  78                         </div>
  79                     </div>
  80
  81                     {% if messages %}
  82                     {% for message in messages %}
  83                     <div {% if message.tags == "error" %} class="alert alert-danger"{% elif message.tags %} class="alert alert-{{ message.tags }}"{% endif %}>
  84                         {{ message }}
  85                     </div>
  86                     {% endfor %}
  87                     {% endif %}
  88
  89                     <div class="row">
  90                         <div class="col-md-8" id="content">
  91                             {% block content %}
  92                             {% endblock %}
  93                         </div>
  94
  95
  96                         <div class="col-md-4" id="sidebar">
  97                             {% block sidebar %}
  98                             {% endblock %}
  99                         </div>
 100                     </div>
 101
 102                 </div>
 103
 104             </div>
 105
 106                     <footer>
 107
 108                  {% block ads %}
 109                   {% if adsense_client %}
 110                    <hr />
 111
 112                    <div class="row">
 113                     <div class="col-lg-offset-2 col-md-8">
 114                     <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
 115                      <!-- Bottom -->
 116                      <ins class="adsbygoogle"
 117                           style="display:inline-block;width:728px;height:90px"
 118                           data-ad-client="{{ adsense_client }}"
 119                           data-ad-slot="{{ adsense_slot_bottom }}"></ins>
 120                     <script>
 121                      (adsbygoogle = window.adsbygoogle || []).push({});
 122                     </script>
 123                    </div>
 124
 125                   {% endif %}
 126                  {% endblock %}
 127
 128                   <div class="row">
 129                         <hr />
 130
 131                         <div class="col-lg-offset-2 col-md-1">
 132                             <ul>
 133                                 <li><strong>{% trans "Discover" %}</strong></li>
 134                                 <li><a href="{% url "directory-home" %}">{% trans "Directory" %}</a></li>
 135                                 <li><a href="{% url "toplist" %}">{% trans "Podcasts" %}</a></li>
 136                                 <li><a href="{% url "search" %}">{% trans "Search" %}</a></li>
 137                             </ul>
 138                         </div>
 139
 140                         <div class="col-md-1">
 141                             <ul>
 142                                 <li><strong>{% trans "Support" %}</strong></li>
 143                                 <li><a href="{% url "help" %}">{% trans "Docs" %}</a></li>
 144                                 <li><a href="http://wiki.gpodder.org/wiki/Mailing_List">{% trans "Mailing&nbsp;List" %}</a></li>
 145                                 <li><a href="https://getsatisfaction.com/gpoddernet">{%trans "Questions" %}</a></li>
 146                             </ul>
 147                         </div>
 148
 149                         <div class="col-md-1">
 150                             <ul>
 151                                 <li><strong>{% trans "Support&nbsp;Us" %}</strong></li>
 152                                 <li><a href="http://flattr.com/thing/2304/gpodder-net">{% trans "Flattr" %}</a></li>
 153                                 <li><a href="{% url "contribute" %}">{% trans "Donate" %}</a></li>
 154                                 <li><a href="{% url "advertise" %}">{% trans "Advertise" %}</a></li>
 155                             </ul>
 156                         </div>
 157
 158                         <div class="col-md-1">
 159                             <ul>
 160                                 <li><strong>{% trans "Follow" %}</strong></li>
 161                                 <li><a href="https://twitter.com/gpoddernet">{% trans "Twitter" %}</a></li>
 162                                 <li><a href="http://blog.gpodder.org/">{% trans "Blog" %}</a></li>
 163                                 <li><a href="http://blog.gpodder.org/feeds/posts/default">{% trans "Blog&nbsp;(RSS)" %}</a></li>
 164                             </ul>
 165                         </div>
 166
 167                         <div class="col-md-1">
 168                             <ul>
 169                                 <li><strong>{% trans "Develop" %}</strong></li>
 170                                 <li><a href="http://wiki.gpodder.org/wiki/Web_Services/API_2">{% trans "API" %}</a></li>
 171                                 <li><a href="http://wiki.gpodder.org/wiki/Web_Services/Libraries">{% trans "Libraries" %}</a></li>
 172                                 <li><a href="http://wiki.gpodder.org/wiki/Web_Services/Clients">{% trans "Clients" %}</a></li>
 173                             </ul>
 174                         </div>
 175
 176                         <div class="col-md-1">
 177                             <ul>
 178                                 <li><strong>{% trans "Publish" %}</strong></li>
 179                                 <li><a href="{% url "publisher" %}">{% trans "Get&nbsp;Access" %}</a></li>
 180                                 <li><a href="{% url "link-here" %}">{% trans "Link&nbsp;To&nbsp;Us" %}</a></li>
 181                                 <li><a href="{% url "advertise" %}">{% trans "Advertise" %}</a></li>
 182                             </ul>
 183                         </div>
 184
 185                     </div> <!-- row -->
 186
 187                     <div class="row">
 188                        <div class="col-lg-offset-2 col-md-7 hosting">
 189                          <a href="http://www.prgmr.com/">{% trans "hosting provided by prgmr.com" %}</a>
 190                        </div>
 191                     </div>
 192                     </footer>
 193
 194                 </div><!--/.fluid-container-->
 195
 196             </div>
 197
 198         </div>
 199
 200         <!-- Le javascript
 201         ================================================== -->
 202         <!-- Placed at the end of the document so the pages load faster -->
 203         <script src="{% static "js/jquery.js" %}"></script>
 204         <script src="{% static "js/bootstrap.js" %}"></script>
 205
 206         {% block javascript %}{% endblock javascript %}
 207
 208         <!-- getsatisfaction.com feedback tab -->
 209         <script type="text/javascript">
 210             var is_ssl = ("https:" == document.location.protocol);
 211             var asset_host = is_ssl ? "https://s3.amazonaws.com/getsatisfaction.com/" : "http://s3.amazonaws.com/getsatisfaction.com/";
 212             document.write(unescape("%3Cscript src='" + asset_host + "javascripts/feedback-v2.js' type='text/javascript'%3E%3C/script%3E"));
 213         </script>
 214         <script type="text/javascript">
 215             var feedback_widget_options = {};
 216             feedback_widget_options.display = "overlay";
 217             feedback_widget_options.company = "gpoddernet";
 218             feedback_widget_options.placement = "left";
 219             feedback_widget_options.color = "#222";
 220             feedback_widget_options.style = "idea";
 221             var feedback_widget = new GSFN.feedback_widget(feedback_widget_options);
 222         </script>
 223
 224 {% endblock %}