Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
base.html 3.88 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
Simon Daron's avatar
Add rss, atom & podcast feeds    
Simon Daron committed
11
12
13
14 
<link rel="alternate" type="application/rss+xml"  href="{% url 'rss-feed' %}" title="News rss feed">
<link rel="alternate" type="application/rss+xml"  href="{% url 'atom-feed' %}" title="News atom feed">
<link rel="alternate" type="application/rss+xml"  href="{% url 'podcasts-feed' %}" title="Podcast sounds">
Simon Daron's avatar
templates: import style for emissions ... WIP    
Simon Daron committed
15 
    <link rel="stylesheet" href="{{ STATIC_URL }}css/reset.css" type="text/css" />
Simon Daron's avatar
Styling grid & nav for categories    
Simon Daron committed
16 
    <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
17 
    <link rel="stylesheet" href="{{ STATIC_URL }}css/type.css" type="text/css" />
Simon Daron's avatar
Organising CSS & JS    
Simon Daron committed
18
19 
    <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
20
Simon Daron's avatar
Add local JQUERY    
Simon Daron committed
21
22 
    <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
23
24
25
26 
    <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
27
28
29
30 
    {% block head %}{% endblock %}
    {% block extrascripts %}{% endblock %}
</head>
Simon Daron's avatar
Fixing color (default blue) and unused block padding problems    
Simon Daron committed
31 
<body id="{{sectionName}}" class="section-{{sectionName}}">
Simon Daron's avatar
move style switcher to base.html    
Simon Daron committed
32
Simon Daron's avatar
Style switcher fix    
Simon Daron committed
33 
	<div id="StyleSwitcher" class="small" style="position:fixed;right:2px; top:2em;z-index:3000;text-align:right;">
Simon Daron's avatar
move style switcher to base.html    
Simon Daron committed
34 
        <button class="small icon-sign-blank" data-class="style-0000ff" style="color:#0000ff;padding:0;margin:0;"></button>
Simon Daron's avatar
Style switcher fix    
Simon Daron committed
35 
        <button class="small icon-sign-blank" data-class="style-000000" style="color:#111111;padding:0;margin:0;"></button>
Simon Daron's avatar
Fixing color (default blue) and unused block padding problems    
Simon Daron committed
36
37 
        <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
38
39
40
41
42
43
44
45
46
47
48 
    </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
49 
	<div id="All">
Simon Daron's avatar
Make active tab visible on metaNav    
Simon Daron committed
50 
		{% block meta %}<div id="metaNav">{% metanav active=sectionName %}</div>{% endblock %}
Simon Daron's avatar
add some <div> tags to base template    
Simon Daron committed
51 
		<div id="Commons" class="cf" >
Simon Daron's avatar
Better logo integration    
Simon Daron committed
52
53 
            <div class="wrapper sided" >
                <div id="backgroundBox" class="cf">
fred's avatar
change player to be vertical, like earlier mockups    
fred committed
54 
			        <div id="mainHeader">
fred's avatar
update "radio panik - 105.4 FM" header style    
fred committed
55
56 
					<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
57 
			        </div>
fred's avatar
change player to be vertical, like earlier mockups    
fred committed
58 
			        <div id="Player" class="withoutPlaylist">
Simon Daron's avatar
Better logo integration    
Simon Daron committed
59
60
61 
				        {% block listen %}{% player %}{% endblock %}
			        </div>
		        </div>
Simon Daron's avatar
add some <div> tags to base template    
Simon Daron committed
62 
		    </div>
Simon Daron's avatar
General structure    
Simon Daron committed
63 
		</div>
Simon Daron's avatar
program description    
Simon Daron committed
64 
		<div id="Changing" class="cf" data-section="{{ sectionName }}">
fred's avatar
add top titles to secondary pages    
fred committed
65 
			{% block toptitle %}{% endblock %}
Simon Daron's avatar
add some <div> tags to base template    
Simon Daron committed
66 
			<div id="Nav" class="cf" >
Simon Daron's avatar
Responsive design: (re) adding font size adaptations    
Simon Daron committed
67
68 
				{% block nav %}{% endblock %}
			</div>
Simon Daron's avatar
Display compact news on Homepage    
Simon Daron committed
69 
			<div id="Main" class="cf">
Simon Daron's avatar
Responsive design: (re) adding font size adaptations    
Simon Daron committed
70
71 
				{% block main %}{% endblock %}
			</div>
Simon Daron's avatar
News styling & link back to emissions    
Simon Daron committed
72
73
74 
			<div id="Related" class="cf">
				{% block related %}{% endblock %}
			</div>
Simon Daron's avatar
Display compact news on Homepage    
Simon Daron committed
75 
		<div id="Footer">
fred's avatar
footer menu    
fred committed
76
77
78 
			<nav class="wrapper">
				{% show_menu "footer-menu" 1 1 "all" %}
			</nav>
Simon Daron's avatar
Display compact news on Homepage    
Simon Daron committed
79 
		</div>
fred's avatar
change player to be vertical, like earlier mockups    
fred committed
80 
		</div>
Simon Daron's avatar
Adding some userlog to handle errors when ajax loading fail    
Simon Daron committed
81 
		<div id="userLog"></div>
Simon Daron's avatar
templates: import style for emissions ... WIP    
Simon Daron committed
82 
	</div>
fred's avatar
add support for piwik tracker code (disabled by default)    
fred committed
83
84 
{% piwik %}
fred's avatar
basic project  
fred committed
85
86 
</body>
</html>