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