aboutsummaryrefslogtreecommitdiffstats
path: root/templates/web/bromley/header.html
blob: 155a447456b27f9bf7d68ccffe4e95b84d495ae6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!doctype html>
<!--[if lt IE 7]><html class="no-js ie6 oldie" lang="[% lang_code %]"><![endif]-->
<!--[if IE 7]>   <html class="no-js ie7 oldie" lang="[% lang_code %]"><![endif]-->
<!--[if IE 8]>   <html class="no-js ie8 oldie" lang="[% lang_code %]"><![endif]-->
<!--[if IE 9]>   <html class="no-js ie9 oldie" lang="[% lang_code %]"><![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="[% lang_code %]"><!--<![endif]-->
    <head>
        <meta name="viewport" content="initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
        <meta name="HandHeldFriendly" content="true">
        <meta name="mobileoptimized" content="0">

        <link rel="stylesheet" href="[% version('/cobrands/bromley/base.css') %]">
        <link rel="stylesheet" href="[% version('/cobrands/bromley/layout.css') %]" media="(min-width:48em)">
	<link rel="stylesheet" href="[% version('/js/fancybox/jquery.fancybox-1.3.4.css') %]">
	<link rel="stylesheet" href="[% version('/cobrands/bromley/bromley.css') %]">
        <!--[if (lt IE 9) & (!IEMobile)]>
            <link rel="stylesheet" href="[% version('/cobrands/bromley/layout.css') %]">
        <![endif]-->

        <script src="[% version('/js/modernizr.custom.js') %]" charset="utf-8"></script>
        [% INCLUDE 'common_header_tags.html', js_override = '/cobrands/fixmystreet/fixmystreet.js' %]
        <script src="[% version('/js/fancybox/jquery.fancybox-1.3.4.pack.js') %]" charset="utf-8"></script>
                
	<link rel="Shortcut Icon" type="image/x-icon" href="/cobrands/bromley/favicon.ico">

    </head>
    <body class="[% bodyclass | html IF bodyclass %]">

<div id="bromley-header" class="desk-only">
	<ul class="header-nav"> 
		<li><a href="http://www.bromley.gov.uk/accessibility">Accessibility</a></li>
		<li><a class="skiplink" href="http://www.bromley.gov.uk/#user-meta" rel="nofollow">Skip to content</a></li>
		<!-- <li><a rel="nofollow" href="http://www.bromley.gov.uk/a_to_z?previewstyle=generic/print.css">Printer friendly</a></li> -->
		<!-- <li><a href="http://www.bromley.gov.uk/accessibility/settings">Text size: AAA</a></li> -->
		<li><div id="google_translate_element"></div></li>
	</ul>
			
	<div class="logo">
		<a href="http://www.bromley.gov.uk"><img src="http://www.bromley.gov.uk/site/images/bromley-logo.jpg" alt="London Borough of Bromley logo" width="159" height="114" /></a>
	</div>
			
	<!-- <div class="sign-in">
		<p>
			You are not signed in. <a href="https://www.bromley.gov.uk/sign_in?referer=%2fa_to_z">Sign in</a>
			or <a href="https://www.bromley.gov.uk/register">register</a>?
		</p>
	</div> -->
			
	<div class="main-menu">
		<ul>
			<li class="home"><a href="http://www.bromley.gov.uk">Home</a></li>
			<li><a href="http://www.bromley.gov.uk/a_to_z">A to Z</a></li>
			<li><a href="http://www.bromley.gov.uk/site_map">Site map</a></li>
		</ul>
		<form action="http://www.bromley.gov.uk/site/scripts/google_results.aspx" method="get" id="search">
			<label for="SearchSite">Search by Keyword</label>
			<input type="text" size="18" maxlength="40" class="field" name="q" id="SearchSite" value="Search by keyword" onclick="if (this.value == 'Search by keyword') { this.value = ''; }" onblur="if (this.value == '') { this.value = 'Search by keyword'; }" />
			<input value="Search" id="SearchSubmit" type="submit" class="button" />
		</form>
	</div>

</div>
		
    <div class="wrapper">
        <div class="table-cell">
            <header id="site-header" role="banner">
                <div class="container">
                    <a href="/" id="site-logo">FixMyStreet</a>
                    <a href="#main-nav" id="nav-link">Main Navigation</a>
                </div>
            </header>

            <div id="user-meta">
                [% IF c.user_exists %]
                <p>
                    [% tprintf(loc('Hi %s'), c.user.name || c.user.email) %] 
                    <a href="/auth/sign_out">[% loc('sign out') %]</a>
                </p>
                [% ELSE %]
                    <!-- <a href="/auth">[% loc('Sign in') %]</a> -->
                [% END %]
            </div>

            <div class="container">
                <div class="content[% " $mainclass" | html IF mainclass %]" role="main">

        <!-- [% INCLUDE 'debug_header.html' %] -->