base.html 3.69 KB
Newer Older
fred's avatar
fred committed
1
{% load paniktags %}{% load fiber_tags %}<!DOCTYPE html>
fred's avatar
fred committed
2
3
<html>
<head>
fred's avatar
fred committed
4
    <meta charset="UTF-8" />
fred's avatar
fred committed
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
9
    <link rel="apple-touch-icon" href="{{ STATIC_URL}}img/touch-icon.png">
    <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" />
Simon Daron's avatar
Simon Daron committed
14
15
    <link rel="stylesheet" href="{{ STATIC_URL }}css/general.css" type="text/css" />
    <link rel="stylesheet" href="{{ STATIC_URL }}css/specifics.css" type="text/css" />
16

Simon Daron's avatar
Simon Daron committed
17
18
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery-ui-1.10.3.custom.js"></script>
fred's avatar
fred committed
19
20
21
22
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery.scrollTo-1.4.3.1-min.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/audioPlayer.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/specifics.js"></script>

fred's avatar
fred committed
23
24
25
26
    {% block head %}{% endblock %}
    {% block extrascripts %}{% endblock %}
</head>

27
<body id="{{sectionName}}" class="section-{{sectionName}}">
Simon Daron's avatar
Simon Daron committed
28

29
	<div id="StyleSwitcher" class="small" style="position:fixed;right:2px; top:0em;z-index:3000;width:1em;text-align:right;">
Simon Daron's avatar
Simon Daron committed
30
31
        <button class="small icon-sign-blank" data-class="style-0000ff" style="color:#0000ff;padding:0;margin:0;"></button>
        <button class="small icon-sign-blank" data-class="style-111111" style="color:#ffffff;padding:0;margin:0;"></button>
32
33
        <button class="small icon-sign-blank" data-class="style-333333" style="color:#333333;padding:0;margin:0;"></button>
        <button class="small icon-sign-blank" data-class="style-ff6633" style="color:#ff6633;padding:0;margin:0;"></button>
Simon Daron's avatar
Simon Daron committed
34
35
36
37
38
39
40
41
42
43
44
    </div>
    <script type="text/javascript">                
    $(function() {
        $('#StyleSwitcher button').on('click',function(e){
            e.preventDefault();
            $('body').attr('class','').addClass($(this).attr('data-class'));
            localStorage['class'] = $(this).attr('data-class');
        });
        $('#StyleSwitcher button[data-class="'+localStorage['class']+'"]').trigger('click');
    });
    </script>
45
	<div id="All">
46
		{% block meta %}<div id="metaNav">{% metanav active=sectionName %}</div>{% endblock %}
47
		<div id="Commons" class="cf" >
Simon Daron's avatar
Simon Daron committed
48
49
50
51
52
53
54
55
56
57
            <div class="wrapper sided" >
                <div id="backgroundBox" class="cf">
			        <div id="mainHeader" class="leftPart">
				        <h1><span id="radioPanik" class="inBlock">Radio Panik</span> <span id="frequence" class="inBlock">105.4 FM</span></h1>
				        <!--{% block logo %}<img class="logo" src="{{ STATIC_URL }}/img/LogoPanik.jpg"/>{% endblock %}-->
			        </div>
			        <div id="Player" class="rightPart withoutPlaylist">
				        {% block listen %}{% player %}{% endblock %}
			        </div>
		        </div>
58
		    </div>
Simon Daron's avatar
Simon Daron committed
59
		</div>
Simon Daron's avatar
Simon Daron committed
60
		<div id="Changing" class="cf" data-section="{{ sectionName }}">
61
			<div id="Nav" class="cf" >
62
63
				{% block nav %}{% endblock %}
			</div>
Simon Daron's avatar
Simon Daron committed
64
			<div id="Main" class="cf">
65
66
				{% block main %}{% endblock %}
			</div>
67
68
69
			<div id="Related" class="cf">
				{% block related %}{% endblock %}
			</div>
Simon Daron's avatar
Simon Daron committed
70
		</div>
Simon Daron's avatar
Simon Daron committed
71
		<div id="Footer">
fred's avatar
fred committed
72
73
74
			<nav class="wrapper">
				{% show_menu "footer-menu" 1 1 "all" %}
			</nav>
Simon Daron's avatar
Simon Daron committed
75
		</div>
76
		<div id="userLog"></div>
77
	</div>
78
79
{% piwik %}

fred's avatar
fred committed
80
81
</body>
</html>