base.html 3.6 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" >
48
49
            <div class="wrapper cf sided" >
			    <div id="mainHeader" class="leftPart">
Simon Daron's avatar
Simon Daron committed
50
51
52
				    <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>
53
			    <div id="Player" class="rightPart withoutPlaylist">
Simon Daron's avatar
Simon Daron committed
54
55
				    {% block listen %}{% player %}{% endblock %}
			    </div>
56
		    </div>
Simon Daron's avatar
Simon Daron committed
57
		</div>
Simon Daron's avatar
Simon Daron committed
58
		<div id="Changing" class="cf" data-section="{{ sectionName }}">
59
			<div id="Nav" class="cf" >
60
61
				{% block nav %}{% endblock %}
			</div>
Simon Daron's avatar
Simon Daron committed
62
			<div id="Main" class="cf">
63
64
				{% block main %}{% endblock %}
			</div>
65
66
67
			<div id="Related" class="cf">
				{% block related %}{% endblock %}
			</div>
Simon Daron's avatar
Simon Daron committed
68
		</div>
Simon Daron's avatar
Simon Daron committed
69
		<div id="Footer">
fred's avatar
fred committed
70
71
72
			<nav class="wrapper">
				{% show_menu "footer-menu" 1 1 "all" %}
			</nav>
Simon Daron's avatar
Simon Daron committed
73
		</div>
74
		<div id="userLog"></div>
75
	</div>
76
77
{% piwik %}

fred's avatar
fred committed
78
79
</body>
</html>