panikweb_templates/templates/base.html

   1 {% load paniktags %}{% load fiber_tags %}<!DOCTYPE html>
   2 <html>
   3 <head>
   4     <meta charset="UTF-8" />
   5     <title>Radio Panik - {% 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.png" type="image/png">
   8     <link rel="apple-touch-icon" href="{{ STATIC_URL}}img/touch-icon.png">
   9     <link rel="apple-touch-icon-precomposed" href="{{ STATIC_URL}}img/touch-icon.png">
  10
  11     <link rel="stylesheet" href="{{ STATIC_URL }}css/reset.css" type="text/css" />
  12     <link rel="stylesheet" href="{{ STATIC_URL }}font-awesome/css/font-awesome.min.css" type="text/css" />
  13     <link rel="stylesheet" href="{{ STATIC_URL }}css/type.css" type="text/css" />
  14     <link rel="stylesheet" href="{{ STATIC_URL }}css/general.css" type="text/css" />
  15     <link rel="stylesheet" href="{{ STATIC_URL }}css/specifics.css" type="text/css" />
  16
  17     <script type="text/javascript" src="{{ STATIC_URL }}js/jquery-1.10.2.js"></script>
  18     <script type="text/javascript" src="{{ STATIC_URL }}js/jquery-ui-1.10.3.custom.js"></script>
  19     <script type="text/javascript" src="{{ STATIC_URL }}js/jquery.scrollTo-1.4.3.1-min.js"></script>
  20     <script type="text/javascript" src="{{ STATIC_URL }}js/audioPlayer.js"></script>
  21     <script type="text/javascript" src="{{ STATIC_URL }}js/specifics.js"></script>
  22
  23     {% block head %}{% endblock %}
  24     {% block extrascripts %}{% endblock %}
  25 </head>
  26
  27 <body id="{{sectionName}}" class="section-{{sectionName}}">
  28
  29         <div id="StyleSwitcher" class="small" style="position:fixed;right:2px; top:0em;z-index:3000;width:1em;text-align:right;">
  30         <button class="small icon-sign-blank" data-class="style-0000ff" style="color:#0000ff;padding:0;margin:0;"></button>
  31         <button class="small icon-sign-blank" data-class="style-111111" style="color:#ffffff;padding:0;margin:0;"></button>
  32         <button class="small icon-sign-blank" data-class="style-333333" style="color:#333333;padding:0;margin:0;"></button>
  33         <button class="small icon-sign-blank" data-class="style-ff6633" style="color:#ff6633;padding:0;margin:0;"></button>
  34     </div>
  35     <script type="text/javascript">
  36     $(function() {
  37         $('#StyleSwitcher button').on('click',function(e){
  38             e.preventDefault();
  39             $('body').attr('class','').addClass($(this).attr('data-class'));
  40             localStorage['class'] = $(this).attr('data-class');
  41         });
  42         $('#StyleSwitcher button[data-class="'+localStorage['class']+'"]').trigger('click');
  43     });
  44     </script>
  45         <div id="All">
  46                 {% block meta %}<div id="metaNav">{% metanav active=sectionName %}</div>{% endblock %}
  47                 <div id="Commons" class="cf" >
  48             <div class="wrapper sided" >
  49                 <div id="backgroundBox" class="cf">
  50                                 <div id="mainHeader" class="leftPart">
  51                                         <h1><span id="radioPanik" class="inBlock">Radio Panik</span> <span id="frequence" class="inBlock">105.4 FM</span></h1>
  52                                         <!--{% block logo %}<img class="logo" src="{{ STATIC_URL }}/img/LogoPanik.jpg"/>{% endblock %}-->
  53                                 </div>
  54                                 <div id="Player" class="rightPart withoutPlaylist">
  55                                         {% block listen %}{% player %}{% endblock %}
  56                                 </div>
  57                         </div>
  58                     </div>
  59                 </div>
  60                 <div id="Changing" class="cf" data-section="{{ sectionName }}">
  61                         <div id="Nav" class="cf" >
  62                                 {% block nav %}{% endblock %}
  63                         </div>
  64                         <div id="Main" class="cf">
  65                                 {% block main %}{% endblock %}
  66                         </div>
  67                         <div id="Related" class="cf">
  68                                 {% block related %}{% endblock %}
  69                         </div>
  70                 </div>
  71                 <div id="Footer">
  72                         <nav class="wrapper">
  73                                 {% show_menu "footer-menu" 1 1 "all" %}
  74                         </nav>
  75                 </div>
  76                 <div id="userLog"></div>
  77         </div>
  78 {% piwik %}
  79
  80 </body>
  81 </html>