Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
base.html 3.58 KB
Newer Older
fred's avatar
footer menu    
fred committed
1 
{% load paniktags %}{% load fiber_tags %}<!DOCTYPE html>
fred's avatar
basic project  
fred committed
2
3 
<html>
<head>
fred's avatar
move charset declaration to the top    
fred committed
4 
    <meta charset="UTF-8" />
fred's avatar
templates: fill <title> as appropriate    
fred committed
5 
    <title>Radio Panik - {% block title %}{% endblock %}</title>
Simon Daron's avatar
Responsive design: add veiwport meta tag    
Simon Daron committed
6 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
Simon Daron's avatar
give the player the hability to keep focus on sound when closing browser etc...    
Simon Daron committed
7 
    <link rel="icon" href="{{ STATIC_URL }}img/favicon.png" type="image/png">
fred's avatar
add bits to direct {fav,touch} icons to the static directory    
fred committed
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">
Simon Daron's avatar
templates: import style for emissions ... WIP    
Simon Daron committed
10
11 

    <link rel="stylesheet" href="{{ STATIC_URL }}css/reset.css" type="text/css" />
Simon Daron's avatar
Styling grid & nav for categories    
Simon Daron committed
12 
    <link rel="stylesheet" href="{{ STATIC_URL }}font-awesome/css/font-awesome.min.css" type="text/css" />
Simon Daron's avatar
templates: import style for emissions ... WIP    
Simon Daron committed
13 
    <link rel="stylesheet" href="{{ STATIC_URL }}css/type.css" type="text/css" />
Simon Daron's avatar
Organising CSS & JS    
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" />
Simon Daron's avatar
Responsive design: add veiwport meta tag    
Simon Daron committed
16
Simon Daron's avatar
Add local JQUERY    
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
load css files before js    
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
basic project  
fred committed
23
24
25
26 
    {% block head %}{% endblock %}
    {% block extrascripts %}{% endblock %}
</head>
Simon Daron's avatar
Fixing color (default blue) and unused block padding problems    
Simon Daron committed
27 
<body id="{{sectionName}}" class="section-{{sectionName}}">
Simon Daron's avatar
move style switcher to base.html    
Simon Daron committed
28
Simon Daron's avatar
Fixing color (default blue) and unused block padding problems    
Simon Daron committed
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
move style switcher to base.html    
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>
Simon Daron's avatar
Fixing color (default blue) and unused block padding problems    
Simon Daron committed
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
move style switcher to base.html    
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>
Simon Daron's avatar
Responsive design: (re) adding font size adaptations    
Simon Daron committed
45 
	<div id="All">
Simon Daron's avatar
Make active tab visible on metaNav    
Simon Daron committed
46 
		{% block meta %}<div id="metaNav">{% metanav active=sectionName %}</div>{% endblock %}
Simon Daron's avatar
add some <div> tags to base template    
Simon Daron committed
47 
		<div id="Commons" class="cf" >
Simon Daron's avatar
Better logo integration    
Simon Daron committed
48
49 
            <div class="wrapper sided" >
                <div id="backgroundBox" class="cf">
fred's avatar
change player to be vertical, like earlier mockups    
fred committed
50 
			        <div id="mainHeader">
fred's avatar
update "radio panik - 105.4 FM" header style    
fred committed
51
52 
					<h1 class="top" id="frequence" class="inBlock">105.4 FM</h1>
					<h1 class="top" id="radiopanik">Radio Panik</h1>
Simon Daron's avatar
Better logo integration    
Simon Daron committed
53 
			        </div>
fred's avatar
change player to be vertical, like earlier mockups    
fred committed
54 
			        <div id="Player" class="withoutPlaylist">
Simon Daron's avatar
Better logo integration    
Simon Daron committed
55
56
57 
				        {% block listen %}{% player %}{% endblock %}
			        </div>
		        </div>
Simon Daron's avatar
add some <div> tags to base template    
Simon Daron committed
58 
		    </div>
Simon Daron's avatar
General structure    
Simon Daron committed
59 
		</div>
Simon Daron's avatar
program description    
Simon Daron committed
60 
		<div id="Changing" class="cf" data-section="{{ sectionName }}">
fred's avatar
add top titles to secondary pages    
fred committed
61 
			{% block toptitle %}{% endblock %}
Simon Daron's avatar
add some <div> tags to base template    
Simon Daron committed
62 
			<div id="Nav" class="cf" >
Simon Daron's avatar
Responsive design: (re) adding font size adaptations    
Simon Daron committed
63
64 
				{% block nav %}{% endblock %}
			</div>
Simon Daron's avatar
Display compact news on Homepage    
Simon Daron committed
65 
			<div id="Main" class="cf">
Simon Daron's avatar
Responsive design: (re) adding font size adaptations    
Simon Daron committed
66
67 
				{% block main %}{% endblock %}
			</div>
Simon Daron's avatar
News styling & link back to emissions    
Simon Daron committed
68
69
70 
			<div id="Related" class="cf">
				{% block related %}{% endblock %}
			</div>
Simon Daron's avatar
Display compact news on Homepage    
Simon Daron committed
71 
		<div id="Footer">
fred's avatar
footer menu    
fred committed
72
73
74 
			<nav class="wrapper">
				{% show_menu "footer-menu" 1 1 "all" %}
			</nav>
Simon Daron's avatar
Display compact news on Homepage    
Simon Daron committed
75 
		</div>
fred's avatar
change player to be vertical, like earlier mockups    
fred committed
76 
		</div>
Simon Daron's avatar
Adding some userlog to handle errors when ajax loading fail    
Simon Daron committed
77 
		<div id="userLog"></div>
Simon Daron's avatar
templates: import style for emissions ... WIP    
Simon Daron committed
78 
	</div>
fred's avatar
add support for piwik tracker code (disabled by default)    
fred committed
79
80 
{% piwik %}
fred's avatar
basic project  
fred committed
81
82 
</body>
</html>