mygpo/web/templates/home.html

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