Files
notifications-admin/app/templates/admin_template.html
Chris Hill-Scott 8e607debd4 Use <main> element in semantically appropriate way
Assistive technologies use the `<main>` element to navigate around a document.
In `<main>` their users expect to find:

> [content] unique to the document, excluding any content that is
> repeated across a set of documents such as sidebars, navigation links,
> copyright information, site logos, and search forms…
— https://developer.mozilla.org/en/docs/Web/HTML/Element/main

Previously, the `<main>` element also wrapped the sidebar navigation. This
commit moves the `<main>` element to only wrap the content of the page when the
page has a navigation sidebar.

This commit also removes the `page-container` class which wasn’t being used for
anything.
2016-02-10 12:33:11 +00:00

74 lines
2.0 KiB
HTML

{% extends "govuk_template.html" %}
{% from "components/banner.html" import banner %}
{% block head %}
<!--[if gt IE 8]><!-->
<link rel="stylesheet" media="screen" href="{{ asset_path }}stylesheets/main.css" />
<!--<![endif]-->
<style>
#global-header-bar { background-color: {{header_colour}} }
</style>
<!--[if IE 6]>
<link rel="stylesheet" media="screen" href="{{ asset_path }}/stylesheets/main-ie6.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" media="screen" href="{{ asset_path }}/stylesheets/main-ie7.css" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" media="screen" href="{{ asset_path }}/stylesheets/main-ie8.css" />
<![endif]-->
{% endblock %}
{% block page_title %}
GOV.UK Notify admin
{% endblock %}
{% block cookie_message %}
{% endblock %}
{% block inside_header %}
{% endblock %}
{% block header_class %}with-proposition{% endblock %}
{% block proposition_header %}
<div class="header-proposition">
<div class="content">
{% if current_user.is_authenticated() %}
<a href="#proposition-links" class="js-header-toggle menu">Menu</a>
<nav id="proposition-menu">
<ul id="proposition-links">
<li>
<a href="{{ url_for('main.user_profile') }}">{{ current_user.name }}</a>
</li>
<li>
<a href="{{ url_for('main.choose_service') }}">Switch service</a>
</li>
<li>
<a href="{{ url_for('main.sign_out')}}">Sign out</a>
</li>
</ul>
</nav>
{% endif %}
</div>
</div>
{% endblock %}
{% set global_header_text = "GOV.UK Notify" %}
{% if not current_user.is_authenticated() %}
{% set homepage_url = url_for('main.index') %}
{% else %}
{% set homepage_url = url_for('main.choose_service') %}
{% endif %}
{% block content %}
<div id="content">
{% block fullwidth_content %}{% endblock %}
</div>
{% endblock %}
{% block body_end %}
<script type="text/javascript" src="{{ asset_path }}javascripts/all.js" /></script>
{% endblock %}