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" alt="gpodder.net" /><span style="padding-left: 65px; padding-right: 10px;" >gpodder.net</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" alt="gpodder.net" />
 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                 </div>
 246
 247             </div>
 248
 249             <!-- Le javascript
 250             ================================================== -->
 251             <!-- Placed at the end of the document so the pages load faster -->
 252             <script src="/media/js/jquery.js"></script>
 253             <script src="/media/js/bootstrap-dropdown.js"></script>
 254
 255             {% block javascript %}{% endblock javascript %}
 256
 257             <!-- getsatisfaction.com feedback tab -->
 258             <script type="text/javascript">
 259                 var is_ssl = ("https:" == document.location.protocol);
 260                 var asset_host = is_ssl ? "https://s3.amazonaws.com/getsatisfaction.com/" : "http://s3.amazonaws.com/getsatisfaction.com/";
 261                 document.write(unescape("%3Cscript src='" + asset_host + "javascripts/feedback-v2.js' type='text/javascript'%3E%3C/script%3E"));
 262             </script>
 263             <script type="text/javascript">
 264                 var feedback_widget_options = {};
 265                 feedback_widget_options.display = "overlay";
 266                 feedback_widget_options.company = "gpoddernet";
 267                 feedback_widget_options.placement = "left";
 268                 feedback_widget_options.color = "#222";
 269                 feedback_widget_options.style = "idea";
 270                 var feedback_widget = new GSFN.feedback_widget(feedback_widget_options);
 271             </script>
 272
 273       </body>
 274
 275 </html>