panikweb_templates/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/favicon-16.png" type="image/png" sizes="16x16">
   8     <link rel="icon" href="{{ STATIC_URL }}img/favicon-32.png" type="image/png" sizes="32x32">
   9     <link rel="icon" href="{{ STATIC_URL }}img/favicon-48.png" type="image/png" sizes="48x48">
  10     <link rel="apple-touch-icon" href="{{ STATIC_URL}}img/logo-panik-500-invert.png">
  11     <link rel="canonical" href="{{ request.build_absolute_uri }}" />
  12
  13     <meta name="og:site_name" content="{{ radio_name }}"/>
  14     {% block head %}
  15     <meta name="description" content="En vous branchant sur le 105.4 FM, vous pénétrerez plus avant dans l'œil du cyclone…" />
  16
  17     <meta property="og:title" content="{{ radio_long_name }}" />
  18     <meta property="og:image" content="{{ site_url }}{% static 'img/Radio_Panik_Logo_2016-01.png' %}" />
  19     <meta property="og:description" content="En vous branchant sur le 105.4 FM, vous pénétrerez plus avant dans l'œil du cyclone…" />
  20
  21     <meta name="twitter:card" content="summary" />
  22     <meta name="twitter:title" content="{{ radio_long_name }}" />
  23     <meta name="twitter:image" content="{{ site_url }}{% static 'img/Radio_Panik_Logo_2016-01.png' %}" />
  24     <meta name="twitter:description" content="En vous branchant sur le 105.4 FM, vous pénétrerez plus avant dans l'œil du cyclone…" />
  25
  26     {% endblock %}
  27
  28 <link rel="alternate" type="application/rss+xml"  href="{% url 'rss-feed' %}" title="News rss feed">
  29 <link rel="alternate" type="application/rss+xml"  href="{% url 'atom-feed' %}" title="News atom feed">
  30 {% block podcasts-feed %}
  31 <link rel="alternate" type="application/rss+xml"  href="{% url 'podcasts-feed' %}" title="{{ radio_name }} Podcasts">
  32 {% endblock %}
  33
  34     <link rel="stylesheet" href="{{ STATIC_URL }}css/style.css?{% start_timestamp %}" type="text/css" />
  35
  36     <script src="{% xstatic 'jquery' 'jquery.min.js' %}"></script>
  37     <script src="{% xstatic 'jquery-ui' 'jquery-ui.min.js' %}"></script>
  38     <script src="{{ STATIC_URL }}js/jquery.scrollTo-1.4.3.1-min.js"></script>
  39     <script src="{{ STATIC_URL }}js/audioPlayer.js?{% start_timestamp %}"></script>
  40     <script src="{{ STATIC_URL }}js/konami.js"></script>
  41     <script src="{{ STATIC_URL}}js/strophe.min.js"></script>
  42     <script src="{{ STATIC_URL}}js/strophe.muc.js"></script>
  43     <script src="{{ STATIC_URL }}js/specifics.js?{% start_timestamp %}"></script>
  44
  45     {% block extrascripts %}{% endblock %}
  46 </head>
  47
  48 <body {% block bodyattr %}id="{{sectionName}}" class="section-{{sectionName}}"{% endblock %}>
  49         <div id="All">
  50                 {% block meta %}<div id="metaNav">{% metanav active=sectionName %}</div>{% endblock %}
  51                 <div id="Commons" class="cf" >
  52             <div class="wrapper sided" >
  53                 <div id="backgroundBox" class="cf">
  54                                 <a href="{% url 'home' %}" id="mainHeader"><div>
  55                                         <h1 class="top" id="radiopanik">{{ radio_long_name }}</h1>
  56                                 </div></a>
  57                                 <div id="Player" class="withoutPlaylist">
  58                                         {% block listen %}{% player %}{% endblock %}
  59                                 </div>
  60                         </div>
  61                     </div>
  62                 </div>
  63                 <div id="Changing" class="cf" data-section="{{ sectionName }}">
  64                         {% block toptitle %}{% endblock %}
  65                         <div id="Nav" class="cf" >
  66                                 {% block nav %}{% endblock %}
  67                         </div>
  68                         <div id="Main" class="cf">
  69                                 {% block main %}{% endblock %}
  70                         </div>
  71                         <div id="Related" class="cf">
  72                                 {% block related %}{% endblock %}
  73                         </div>
  74                 <div id="Footer">
  75                         <nav class="wrapper">
  76                                 <ul>
  77                                         <li><a href="/credits/">Crédits</a></li>
  78                                         <li><a href="/mentions-legales/">Mentions légales</a></li>
  79                                 </ul>
  80                         </nav>
  81                 </div>
  82                 </div>
  83                 <div id="userLog"></div>
  84         </div>
  85 {% piwik %}
  86
  87 </body>
  88 </html>