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="https://gpoddernet.readthedocs.io/en/latest/user/clients.html">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="https://gpodder.github.io/docs/mailing-list.html">{% trans "Mailing&nbsp;List" %}</a></li>
 165                                 <li><a href="https://github.com/gpodder/mygpo/issues">{%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="{% url "contribute" %}">{% trans "Donate" %}</a></li>
 173                                 <li><a href="{% url "advertise" %}">{% trans "Advertise" %}</a></li>
 174                             </ul>
 175                         </div>
 176
 177                         <div class="col-md-1">
 178                             <ul>
 179                                 <li><strong>{% trans "Follow" %}</strong></li>
 180                                 <li><a href="https://twitter.com/gpoddernet">{% trans "Twitter" %}</a></li>
 181                                 <li><a href="http://blog.gpodder.org/">{% trans "Blog" %}</a></li>
 182                                 <li><a href="http://blog.gpodder.org/feeds/posts/default">{% trans "Blog&nbsp;(RSS)" %}</a></li>
 183                             </ul>
 184                         </div>
 185
 186                         <div class="col-md-1">
 187                             <ul>
 188                                 <li><strong>{% trans "Develop" %}</strong></li>
 189                                 <li><a href="https://gpoddernet.readthedocs.io/en/latest/api/">{% trans "API" %}</a></li>
 190                                 <li><a href="https://gpoddernet.readthedocs.io/en/latest/dev/libraries.html">{% trans "Libraries" %}</a></li>
 191                                 <li><a href="https://gpoddernet.readthedocs.io/en/latest/user/clients.html">{% trans "Clients" %}</a></li>
 192                             </ul>
 193                         </div>
 194
 195                         <div class="col-md-1">
 196                             <ul>
 197                                 <li><strong>{% trans "Publish" %}</strong></li>
 198                                 <li><a href="{% url "publisher" %}">{% trans "Get&nbsp;Access" %}</a></li>
 199                                 <li><a href="{% url "link-here" %}">{% trans "Link&nbsp;To&nbsp;Us" %}</a></li>
 200                                 <li><a href="{% url "advertise" %}">{% trans "Advertise" %}</a></li>
 201                             </ul>
 202                         </div>
 203
 204                       </div>
 205                     <div class="row">
 206                        <div class="col-lg-offset-2 col-md-6 hosting">
 207                          <a href="http://www.prgmr.com/">{% trans "hosting provided by prgmr.com" %}</a>
 208                        </div>
 209                     </div>
 210
 211                     </footer>
 212
 213                     </div><!--/.fluid-container-->
 214
 215                 </div>
 216
 217             </div>
 218
 219             <!-- Le javascript
 220             ================================================== -->
 221             <!-- Placed at the end of the document so the pages load faster -->
 222             <script src="{% static "js/jquery.js" %}"></script>
 223             <script src="{% static "js/bootstrap-dropdown.js" %}"></script>
 224
 225             {% block javascript %}{% endblock javascript %}
 226
 227 {% endblock %}