panikweb/templates/base.html

   1 {% load gadjo paniktags staticfiles %}<!DOCTYPE html>
   2 <html>
   3 <head>
   4     <meta charset="UTF-8" />
   5     <title>{{ radio_name }} - {% block title %}{% endblock %}</title>
   6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   7     <link rel="icon" href="{{ STATIC_URL }}img/lautre.ico" type="image/vnd.microsoft.icon" sizes="16x16">
   8     <link rel="apple-touch-icon" href="{{ STATIC_URL}}img/logo-lautre-500.png">
   9     <link rel="canonical" href="{{ request.build_absolute_uri }}" />
  10
  11     <meta name="og:site_name" content="{{ radio_name }}"/>
  12     {% block head %}
  13
  14     <meta property="og:title" content="{{ radio_long_name }}" />
  15     <meta property="og:image" content="{{ site_url }}{% static 'img/logo-lautre-nofreq.png' %}" />
  16
  17     <meta name="twitter:card" content="summary" />
  18     <meta name="twitter:title" content="{{ radio_long_name }}" />
  19     <meta name="twitter:image" content="{{ site_url }}{% static 'img/logo-lautre-nofreq.png' %}" />
  20
  21     {% endblock %}
  22
  23 <link rel="alternate" type="application/rss+xml"  href="{% url 'rss-feed' %}" title="News rss feed">
  24 <link rel="alternate" type="application/rss+xml"  href="{% url 'atom-feed' %}" title="News atom feed">
  25 {% block podcasts-feed %}
  26 <link rel="alternate" type="application/rss+xml"  href="{% url 'podcasts-feed' %}" title="{{ radio_name }} Podcasts">
  27 {% endblock %}
  28
  29     <link rel="stylesheet" href="{{ STATIC_URL }}css/style.css?{% start_timestamp %}" type="text/css" />
  30
  31     <script src="{% xstatic 'jquery' 'jquery.min.js' %}"></script>
  32     <script src="{% xstatic 'jquery-ui' 'jquery-ui.min.js' %}"></script>
  33     <script type="text/javascript" src="{{ STATIC_URL }}js/jquery.scrollTo-1.4.3.1-min.js"></script>
  34     <script type="text/javascript" src="{{ STATIC_URL }}js/audioPlayer.js?{% start_timestamp %}"></script>
  35     <script type="text/javascript" src="{{ STATIC_URL }}js/konami.js"></script>
  36     <script type="text/javascript" src="{{ STATIC_URL}}js/strophe.min.js"></script>
  37     <script type="text/javascript" src="{{ STATIC_URL}}js/strophe.muc.js"></script>
  38     <script type="text/javascript" src="{{ STATIC_URL }}js/specifics.js?{% start_timestamp %}"></script>
  39
  40     {% block extrascripts %}{% endblock %}
  41 </head>
  42
  43 <body {% block bodyattr %}id="{{sectionName}}" class="section-{{sectionName}}"{% endblock %}>
  44         <div id="All">
  45                 {% block meta %}<div id="metaNav">{% metanav active=sectionName %}</div>{% endblock %}
  46                 <div id="Commons" class="cf" >
  47             <div class="wrapper sided" >
  48                 <div id="backgroundBox" class="cf">
  49                                 <a href="{% url 'home' %}" id="mainHeader"><div>
  50                                         <h1 class="top" id="radio">{{ radio_long_name }}</h1>
  51                                 </div></a>
  52                                 <div id="Player" class="withoutPlaylist">
  53                                         {% block listen %}{% player %}{% endblock %}
  54                                 </div>
  55                         </div>
  56                     </div>
  57                 </div>
  58                 <div id="Changing" class="cf" data-section="{{ sectionName }}">
  59                         {% block toptitle %}{% endblock %}
  60                         <div id="Nav" class="cf" >
  61                                 {% block nav %}{% endblock %}
  62                         </div>
  63                         <div id="Main" class="cf">
  64                                 {% block main %}{% endblock %}
  65                         </div>
  66                         <div id="Related" class="cf">
  67                                 {% block related %}{% endblock %}
  68                         </div>
  69                 <div id="Footer">
  70                         <nav class="wrapper">
  71                                 <ul>
  72                                         <li><a href="/credits/">Crédits</a></li>
  73                                         <li><a href="/mentions-legales/">Mentions légales</a></li>
  74                                 </ul>
  75                         </nav>
  76                 </div>
  77                 </div>
  78                 <div id="userLog"></div>
  79         </div>
  80 {% piwik %}
  81
  82 </body>
  83 </html>