aboutsummaryrefslogtreecommitdiffstats
path: root/templates/web/hart/header.html
blob: 882d382dd6cb14138aecd0b89a3e502a54604194 (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
<!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">

        <meta property="og:url" content="[% c.cobrand.base_url %][% c.req.uri.path %]">
        <meta property="og:title" content="[% title || 'FixMyStreet' %]">
        <meta property="og:site_name" content="[% c.cobrand.site_title %]">
        [% IF c.req.uri.path == '/' %]<meta property="og:description" content="Report, view, and discuss local street-related problems.">[% END %]
        <meta property="og:type" content="website">
        <meta property="og:image" content="[% c.cobrand.base_url %]/cobrands/fixmystreet/fms-og_image.png">
        <meta property="og:image:type" content="image/png">
        <meta property="og:image:width" content="500">
        <meta property="og:image:height" content="500">

[% SET start = c.config.ADMIN_BASE_URL IF admin %]

        <link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/base.css') %]">
        <link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/layout.css') %]" media="(min-width:48em)">
        <link rel="stylesheet" href="[% version('/cobrands/hart/hart.css') %]">
        [% extra_css %]
        <!--[if (lt IE 9) & (!IEMobile)]>
            <link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/layout.css') %]">
        <![endif]-->

        <script src="[% start %][% version('/js/modernizr.custom.js') %]" charset="utf-8"></script>
        <script src="[% start %][% version('/cobrands/fixmystreet/position_map.js') %]" charset="utf-8"></script>
        [% INCLUDE 'common_header_tags.html', js_override = '/cobrands/fixmystreet/fixmystreet.js', site_title = c.cobrand.site_title %]
        [% extra_js %]
        <script type="text/javascript">
            $(function(){
                var $html = $('html');
                $(window).resize(function(){
                    if(!$html.hasClass('mobile')) {
                        // Hart has a bigger header and so needs more room for
                        // the map controls
                        $('#fms_pan_zoom').css({ top: '17.75em' });
                    }
                }).resize();
            });
        </script>

        <link rel="Shortcut Icon" type="image/x-icon" href="/cobrands/hart/favicon.ico">

    </head>
    [% TRY %][% PROCESS 'set_body_class.html' %][% CATCH file %][% END %]
    <body class="[% bodyclass | html IF bodyclass %]">

    <div class="wrapper">
        <div class="table-cell">
            <header id="site-header" role="banner">
                <div class="mobile-header-nav">
                    <ul>
                        <li> <a href="http://www.hart.gov.uk/"><div class="home-icon">&nbsp;</div></a>
                        <li> <a href="#main-nav"><div class="menu-icon">&nbsp;</div></a>
                    </ul>
                </div>
                <div class="header-container">
                    <a id="site-logo" href="http://www.hart.gov.uk">Hart District Council</a>
                </div>
            </header>

            [% pre_container_extra %]

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

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