Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
base.html 3.59 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
program description    
Simon Daron committed
27 
<body id="{{sectionName}}" class="section-{{sectionName}}">
Simon Daron's avatar
move style switcher to base.html    
Simon Daron committed
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44 

	<div id="StyleSwitcher" class="small" style="position:fixed;right:0; top:0em;z-index:3000;width:2.5em;">
        <button class="small icon-sign-blank" data-class="style-ff6633" style="color:#ff6633;padding:0;margin:0;"></button>
        <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-333333" style="color:#333333;padding:0;margin:0;"></button>
        <button class="small icon-sign-blank" data-class="style-111111" style="color:#ffffff;padding:0;margin:0;"></button>
    </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
Responsive design: (re) adding font size adaptations    
Simon Daron committed
47 
		<div id="Commons">
Simon Daron's avatar
Remove link on logo (redundant with home & strange effect onclick    
Simon Daron committed
48 
			<div id="mainHeader" class="block center">
Simon Daron's avatar
Fix sort Listen    
Simon Daron committed
49 
				<h1><span id="radioPanik" class="inBlock">Radio Panik</span> <span id="frequence" class="inBlock">105.4 FM</span></h1>
Simon Daron's avatar
Responsive design: (re) adding font size adaptations    
Simon Daron committed
50 
				<!--{% block logo %}<img class="logo" src="{{ STATIC_URL }}/img/LogoPanik.jpg"/>{% endblock %}-->
Simon Daron's avatar
Remove link on logo (redundant with home & strange effect onclick    
Simon Daron committed
51 
			</div>
Simon Daron's avatar
Fix bug on page Listen    
Simon Daron committed
52 
			<div id="Player" class="{% block player-class %}{% endblock %}">
Simon Daron's avatar
Responsive design: (re) adding font size adaptations    
Simon Daron committed
53
54 
				{% block listen %}{% player %}{% endblock %}
			</div>
Simon Daron's avatar
General structure    
Simon Daron committed
55 
		</div>
Simon Daron's avatar
program description    
Simon Daron committed
56 
		<div id="Changing" class="cf" data-section="{{ sectionName }}">
Simon Daron's avatar
Responsive design: (re) adding font size adaptations    
Simon Daron committed
57
58
59 
			<div id="Nav">
				{% block nav %}{% endblock %}
			</div>
Simon Daron's avatar
Display compact news on Homepage    
Simon Daron committed
60 
			<div id="Main" class="cf">
Simon Daron's avatar
Responsive design: (re) adding font size adaptations    
Simon Daron committed
61
62 
				{% block main %}{% endblock %}
			</div>
Simon Daron's avatar
News styling & link back to emissions    
Simon Daron committed
63
64
65 
			<div id="Related" class="cf">
				{% block related %}{% endblock %}
			</div>
Simon Daron's avatar
Responsive design: (re) adding font size adaptations    
Simon Daron committed
66
67 
			<div id="Links">
				{% block links %}{% endblock %}
Simon Daron's avatar
General structure    
Simon Daron committed
68 
			</div>
Simon Daron's avatar
New TPL structure    
Simon Daron committed
69 
		</div>
Simon Daron's avatar
Display compact news on Homepage    
Simon Daron committed
70 
		<div id="Footer">
fred's avatar
footer menu    
fred committed
71
72
73 
			<nav class="wrapper">
				{% show_menu "footer-menu" 1 1 "all" %}
			</nav>
Simon Daron's avatar
Display compact news on Homepage    
Simon Daron committed
74 
		</div>
Simon Daron's avatar
Adding some userlog to handle errors when ajax loading fail    
Simon Daron committed
75 
		<div id="userLog"></div>
Simon Daron's avatar
templates: import style for emissions ... WIP    
Simon Daron committed
76 
	</div>
fred's avatar
rough arrangement of blocks    
fred committed
77
fred's avatar
add empty block at the end of the page    
fred committed
78
79 
{% block pageend %}
{% endblock %}
fred's avatar
basic project  
fred committed
80
fred's avatar
add support for piwik tracker code (disabled by default)    
fred committed
81
82 
{% piwik %}
fred's avatar
basic project  
fred committed
83
84 
</body>
</html>