mygpo/web/templates/home.html

   1 {% extends "skeleton.html" %}
   2 {% load i18n %}
   3 {% load menu %}
   4 {% load static %}
   5
   6 {% block titletag %}gpodder.net &mdash; discover and track your podcasts{% endblock %}
   7
   8 {% block body %}
   9
  10         <div class="navbar navbar-default navbar-fixed-top">
  11             <div class="container">
  12                 <div class="navbar-header">
  13                     <a class="btn navbar-btn" data-toggle="collapse" data-target=".navbar-collapse">
  14                         <span class="icon-bar"></span>
  15                         <span class="icon-bar"></span>
  16                         <span class="icon-bar"></span>
  17                     </a>
  18                     <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>
  19                 </div>
  20                 <div class="navbar-collapse collapse">
  21                         <ul class="nav navbar-nav">
  22                             {% block mainmenu %}
  23                             {{ "/"|main_menu }}
  24                             {% endblock %}
  25                         </ul>
  26
  27                     <ul class="nav navbar-nav navbar-right">
  28                      <li class="dropdown">
  29                     {% if user.is_authenticated %}
  30                     <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
  31                         <i class="icon-user"></i> {{ user.username }}
  32                         <span class="caret"></span>
  33                     </a>
  34                     <ul class="dropdown-menu">
  35                         <li><a href="{% url "account" %}">Profile</a></li>
  36                         <li class="divider"></li>
  37                         <li><a href="{% url "logout" %}">Sign Out</a></li>
  38                     </ul>
  39                     {% else %}
  40                     <a class="btn dropdown-toggle" data-toggle="dropdown" href="">
  41                         <i class="icon-user"></i> {% trans "Login" %}
  42                         <span class="caret"></span>
  43                     </a>
  44                     <ul class="dropdown-menu">
  45                         <li><a href="{% url "login" %}">{% trans "Login" %}</a></li>
  46                         <li><a href="{% url "login-google" %}">{% trans "Login with Google" %}</a></li>
  47                         <li><a href="{% url "register" %}">{% trans "Register" %}</a></li>
  48                     </ul>
  49                     {% endif %}
  50                     </li>
  51                 </ul>
  52             </div>
  53         </div>
  54     </div>
  55
  56     <div class="container">
  57         <div class="row">
  58             <div class="col-md-2">
  59             </div><!--/span-->
  60             <div class="col-md-10">
  61
  62                 {% if messages %}
  63                 {% for message in messages %}
  64                 <div {% if message.tags %} class="{{ message.tags }}"{% endif %}>
  65                     {{ message }}
  66                 </div>
  67                 {% endfor %}
  68                 {% endif %}
  69
  70
  71                 <div class="row">
  72                     <div class="col-md-12">
  73                         {% block header %}
  74                         <h1>Discover and track your podcasts</h1>
  75                         {% endblock %}
  76                     </div>
  77                 </div>
  78
  79
  80                 <div class="row">
  81                     <div class="col-md-8" id="content">
  82                         {% block content %}
  83
  84                         <img style="float: right;" src="{% static "gpoddernet_228.png" %}" alt="gpodder.net" />
  85                         <p>
  86                         gpodder.net is a libre web service that allows you to manage your
  87                         podcast subscriptions and discover new content. If you use multiple
  88                         devices, you can synchronize subscriptions and your listening progress.
  89                         </p>
  90
  91                         <p>
  92                         It works best with the <a href="http://gpodder.org/">gPodder</a>
  93                         application, but you can also use it with
  94                         <a href="http://amarok.kde.org/">Amarok</a>,
  95                         <a href="http://wiki.gpodder.org/wiki/Web_Services/Clients">other
  96                             supported clients</a> or as standalone web application without
  97                         any client app.
  98                         </p>
  99
 100                         <div class="well">
 101                             <div style="width: 12em; margin-left: auto; margin-right: auto;">
 102                                 <a class="btn btn-primary" href="{% url "login" %}">{% trans "Login" %}</a>
 103                                 <a class="btn btn-primary" href="{% url "register" %}">{% trans "Register" %}</a>
 104                             </div>
 105                         </div>
 106
 107                         <h3>Features</h3>
 108
 109                         <ul>
 110                             <li>Share your favorite content with others</li>
 111                             <li>Keep track of your playback progress</li>
 112                             <li>Back up your subscriptions</li>
 113                             <li>Discover new content, based on your listening habits</li>
 114                             <li>Create and share lists of related podcasts</li>
 115                             <li><em>For publishers:</em> Find out which parts
 116                             of your content are popular</li>
 117                         </ul>
 118
 119                         {% endblock %}
 120                     </div>
 121
 122
 123                     <div class="col-md-4" id="sidebar">
 124                         {% block sidebar %}
 125                         {% endblock %}
 126                     </div>
 127                 </div>
 128
 129
 130                 <footer class="row">
 131
 132                  {% block ads %}
 133                   {% if adsense_client %}
 134                    <hr />
 135
 136                    <script type="text/javascript"><!--
 137                     google_ad_client = "{{ adsense_client }}";
 138                     /* "Bottom" slot */
 139                     google_ad_slot = "{{ adsense_slot_bottom }}";
 140                     google_ad_width = 728;
 141                     google_ad_height = 90;
 142                     //-->
 143                    </script>
 144                    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
 145                    </script>
 146                   {% endif %}
 147                  {% endblock %}
 148
 149                         <hr />
 150
 151                         <div class="col-md-1">
 152                             <ul>
 153                                 <li><strong>{% trans "Discover" %}</strong></li>
 154                                 <li><a href="{% url "directory-home" %}">{% trans "Directory" %}</a></li>
 155                                 <li><a href="{% url "toplist" %}">{% trans "Podcasts" %}</a></li>
 156                                 <li><a href="{% url "search" %}">{% trans "Search" %}</a></li>
 157                             </ul>
 158                         </div>
 159
 160                         <div class="col-md-1">
 161                             <ul>
 162                                 <li><strong>{% trans "Support" %}</strong></li>
 163                                 <li><a href="{% url "help" %}">{% trans "Docs" %}</a></li>
 164                                 <li><a href="http://wiki.gpodder.org/wiki/Mailing_List">{% trans "Mailing&nbsp;List" %}</a></li>
 165                                 <li><a href="https://getsatisfaction.com/gpoddernet">{%trans "Questions" %}</a></li>
 166                             </ul>
 167                         </div>
 168
 169                         <div class="col-md-1">
 170                             <ul>
 171                                 <li><strong>{% trans "Support&nbsp;Us" %}</strong></li>
 172                                 <li><a href="http://flattr.com/thing/2304/gpodder-net">{% trans "Flattr" %}</a></li>
 173                                 <li><a href="{% url "contribute" %}">{% trans "Donate" %}</a></li>
 174                                 <li><a href="{% url "advertise" %}">{% trans "Advertise" %}</a></li>
 175                             </ul>
 176                         </div>
 177
 178                         <div class="col-md-1">
 179                             <ul>
 180                                 <li><strong>{% trans "Follow" %}</strong></li>
 181                                 <li><a href="https://twitter.com/gpoddernet">{% trans "Twitter" %}</a></li>
 182                                 <li><a href="http://blog.gpodder.org/">{% trans "Blog" %}</a></li>
 183                                 <li><a href="http://blog.gpodder.org/feeds/posts/default">{% trans "Blog&nbsp;(RSS)" %}</a></li>
 184                             </ul>
 185                         </div>
 186
 187                         <div class="col-md-1">
 188                             <ul>
 189                                 <li><strong>{% trans "Develop" %}</strong></li>
 190                                 <li><a href="http://wiki.gpodder.org/wiki/Web_Services/API_2">{% trans "API" %}</a></li>
 191                                 <li><a href="http://wiki.gpodder.org/wiki/Web_Services/Libraries">{% trans "Libraries" %}</a></li>
 192                                 <li><a href="http://wiki.gpodder.org/wiki/Web_Services/Clients">{% trans "Clients" %}</a></li>
 193                             </ul>
 194                         </div>
 195
 196                         <div class="col-md-1">
 197                             <ul>
 198                                 <li><strong>{% trans "Publish" %}</strong></li>
 199                                 <li><a href="{% url "publisher" %}">{% trans "Get&nbsp;Access" %}</a></li>
 200                                 <li><a href="{% url "link-here" %}">{% trans "Link&nbsp;To&nbsp;Us" %}</a></li>
 201                                 <li><a href="{% url "advertise" %}">{% trans "Advertise" %}</a></li>
 202                             </ul>
 203                         </div>
 204
 205                       </div>
 206                     <div class="row">
 207                        <div class="col-lg-offset-2 col-md-6 hosting">
 208                          <a href="http://www.prgmr.com/">{% trans "hosting provided by prgmr.com" %}</a>
 209                        </div>
 210                     </div>
 211
 212                     </footer>
 213
 214                     </div><!--/.fluid-container-->
 215
 216                 </div>
 217
 218             </div>
 219
 220             <!-- Le javascript
 221             ================================================== -->
 222             <!-- Placed at the end of the document so the pages load faster -->
 223             <script src="{% static "js/jquery.js" %}"></script>
 224             <script src="{% static "js/bootstrap-dropdown.js" %}"></script>
 225
 226             {% block javascript %}{% endblock javascript %}
 227
 228             <!-- getsatisfaction.com feedback tab -->
 229             <script type="text/javascript">
 230                 var is_ssl = ("https:" == document.location.protocol);
 231                 var asset_host = is_ssl ? "https://s3.amazonaws.com/getsatisfaction.com/" : "http://s3.amazonaws.com/getsatisfaction.com/";
 232                 document.write(unescape("%3Cscript src='" + asset_host + "javascripts/feedback-v2.js' type='text/javascript'%3E%3C/script%3E"));
 233             </script>
 234             <script type="text/javascript">
 235                 var feedback_widget_options = {};
 236                 feedback_widget_options.display = "overlay";
 237                 feedback_widget_options.company = "gpoddernet";
 238                 feedback_widget_options.placement = "left";
 239                 feedback_widget_options.color = "#222";
 240                 feedback_widget_options.style = "idea";
 241                 var feedback_widget = new GSFN.feedback_widget(feedback_widget_options);
 242             </script>
 243
 244 {% endblock %}