diff --git a/app/assets/stylesheets/frontend/base.scss b/app/assets/stylesheets/frontend/base.scss index f8409afc26f..b7e88b8f038 100644 --- a/app/assets/stylesheets/frontend/base.scss +++ b/app/assets/stylesheets/frontend/base.scss @@ -9,6 +9,7 @@ $govuk-new-link-styles: true; @import 'govuk_publishing_components/govuk_frontend_support'; @import 'govuk_publishing_components/component_support'; +@import 'govuk_publishing_components/components/big-number'; @import 'govuk_publishing_components/components/button'; @import 'govuk_publishing_components/components/breadcrumbs'; @import 'govuk_publishing_components/components/contents-list'; diff --git a/app/assets/stylesheets/frontend/views/_how-gov-works.scss b/app/assets/stylesheets/frontend/views/_how-gov-works.scss index 752e9f344a7..b3aab2ca900 100644 --- a/app/assets/stylesheets/frontend/views/_how-gov-works.scss +++ b/app/assets/stylesheets/frontend/views/_how-gov-works.scss @@ -1,275 +1,26 @@ .inside_gov_how-gov-works { - .full-width-section { - clear: both; - } - - .thirds-width-section, - .halves-width-section { - overflow: visible; - clear: both; - margin-top: $gutter - $gutter-one-sixth; - margin-bottom: $gutter-two-thirds; - @extend %contain-floats; - - img { - width: $full-width; - height: auto; - } - - .inner-block { - padding: 0; - } - - @include media(tablet) { - margin-left: -$gutter-half; - margin-right: -$gutter-half; - - .inner-block { - padding: 0 $gutter-half; - } - - .two-thirds { - width: $two-thirds; - margin-bottom: $gutter; - float: left; - } - - .one-third { - width: $one-third; - margin-bottom: $gutter; - float: left; - } - - .one-half { - width: $half; - margin-bottom: $gutter; - float: left; - } - } + img { + max-width: 100%; + height: auto; } .depts { - .two-thirds, - .one-third { - margin-bottom: 0; - } - } - - .ministers { - margin-bottom: $gutter * 2; - } - - .coalition { - margin-top: $gutter; - } - - .feature-ministers { - text-align: center; - color: $secondary-text-colour; - padding: $gutter-half 0 $gutter; - - .feature-ministers__symbol, - .feature-ministers__equals-wrapper { - display: inline-block; - } - - .feature-ministers__item { - box-sizing: border-box; - color: $govuk-text-colour; - display: inline-block; - margin: .5em 0; - padding: 0; - text-align: center; - text-decoration: none; - vertical-align: middle; - width: 5em; - - @include govuk-media-query($until: tablet) { - &:hover { - color: $govuk-link-hover-colour; - } - - &:focus { - @include govuk-focused-text; - } - } - - .count, - .caption { - display: block; - line-height: 1em; - } - - @include govuk-media-query($from: tablet) { - border: .2em solid $inside-gov-secondary; // https://webaim.org/resources/contrastchecker/?fcolor=0B0C0C&bcolor=57DA95 - border-radius: 4.5em; - height: 9em; - width: 9em; - padding-top: 1.85em; - - &:hover, - &:focus { - text-decoration: none; - } - - &:hover { - color: $govuk-link-hover-colour; - background: govuk-colour("white"); - border-color: $govuk-link-hover-colour; - } - - &:focus { - color: $govuk-focus-text-colour; - background: $govuk-focus-colour; - border-color: $govuk-focus-text-colour; - outline: none; - } - - .count, - .caption { - text-align: center; - } - - .caption { - display: inline-block; - width: 6em; - } - } - } - - @include media(tablet) { - .feature-ministers__symbol { - margin: 0 1em; - position: relative; - top: .25em; - } - - .feature-ministers__item--invert { - background-color: $inside-gov-secondary; - border-color: $inside-gov-secondary; - } - } - } - - .ministers .caption { - max-width: 26em; - } - - .block { - float: none; - display: block; - width: $full-width; - } - - p.small-print { - @include ig-core-14; - } - - h2.coalition { - border-color: #000000; - } - - .coalition h3 { - border-color: #000000; - border-width: $gutter-one-sixth; - padding-top: $gutter - 9px; - } - - hr.keyline { - margin: 0; - border: solid $border-colour; - border-width: 0 0 1px; - } - - .prime-minister, - .cabinet { - .one-half { - &:first-child { - float: right; - } - } - } - - @include govuk-media-query($from: tablet, $until: desktop) { - .history { - .one-half { - width: $two-thirds; - - &:first-child { - width: $one-third; - } - } - } - - .prime-minister { - .one-half { - width: $one-third; - - &:first-child { - width: $two-thirds; - } - } - } - - .cabinet { - .two-thirds, - .one-third { - width: $half; - } - } - - .legislation, - .access-information { - .one-third { - float: right; - width: $two-thirds; - - &:first-child { - float: left; - width: $one-third; - } - } - } - - .depts-cont .one-third:nth-child(2), - .legislation .one-third:nth-child(4), - .access-information .one-third:nth-child(2) { - margin-bottom: $gutter-half; - } - - .gov-types { - .one-third { - width: $full-width; - } - } - } - - @include govuk-media-query($from: mobile, $until: tablet) { - .prime-minister, - .cabinet { - display: flex; - display: -ms-flexbox; - flex-direction: column-reverse; - -ms-flex-direction: column-reverse; - } + color: govuk-colour("dark-grey"); + @include govuk-responsive-margin(4, "bottom"); } - @include media(tablet) { - .legislation, - .access-information { - .one-third { - float: right; + .depts__item { + @include govuk-media-query($until: desktop) { + width: 100%; - &:first-child { - float: left; - width: $one-third; - } + &:not(:last-child) { + @include govuk-responsive-margin(4, "bottom"); } } - .legislation { - .two-thirds { - margin-bottom: $gutter-one-third; + @include govuk-media-query($from: desktop) { + &:not(:last-child) { + @include govuk-responsive-margin(7, "right"); } } } diff --git a/app/views/home/how_government_works.html.erb b/app/views/home/how_government_works.html.erb index 268f8e2d4fc..1c935c399cf 100644 --- a/app/views/home/how_government_works.html.erb +++ b/app/views/home/how_government_works.html.erb @@ -1,534 +1,553 @@ <% page_title "How government works" %> <% page_class "inside_gov_how-gov-works" %> -
In the UK, the Prime Minister leads the government with the support of the Cabinet and ministers. You can find out <%= link_to("who runs government", "#who-runs-government", class: "govuk-link") %> and <%= link_to("how government is run", "#how-government-is-run", class: "govuk-link") %>, as well as learning about the <%= link_to("history of government", "#history-uk-government", class: "govuk-link") %>.
-The <%= link_to("Prime Minister", "/government/ministers/prime-minister", class: "govuk-link") %> is the leader of Her Majesty’s Government and is ultimately responsible for all policy and decisions.
- -The Prime Minister also:
- - <%= render "govuk_publishing_components/components/list", { - visible_counters: true, - items: [ - "oversees the operation of the Civil Service and government agencies", - "appoints members of the government", - "is the principal government figure in the House of Commons", - ] - } %> - <% if @prime_minister.present? %> -The Prime Minister is <%= link_to @prime_minister.name, url_for(@prime_minister), class: "govuk-link" %>.
- <% end %> +- <%= link_to "Read more about the Prime Minister's Office, 10 Downing Street", "/government/organisations/prime-ministers-office-10-downing-street", class: "govuk-link" %> -
-The Cabinet is made up of the senior members of government. Every week during Parliament, members of the Cabinet (Secretaries of State from all departments and some other ministers) meet to discuss the most important issues for the government.
- -<%= link_to("See who is in the Cabinet", "/government/ministers", class: "govuk-link") %>
-The <%= link_to("Prime Minister", "/government/ministers/prime-minister", class: "govuk-link") %> is the leader of Her Majesty’s Government and is ultimately responsible for all policy and decisions.
+The Prime Minister also:
+ + <%= render "govuk_publishing_components/components/list", { + extra_spacing: true, + visible_counters: true, + items: [ + "oversees the operation of the Civil Service and government agencies", + "appoints members of the government", + "is the principal government figure in the House of Commons", + ] + } %> + + <% if @prime_minister.present? %> +The Prime Minister is <%= link_to @prime_minister.name, url_for(@prime_minister), class: "govuk-link" %>.
+ <% end %> + ++ <%= link_to "Read more about the Prime Minister's Office, 10 Downing Street", "/government/organisations/prime-ministers-office-10-downing-street", class: "govuk-link" %> +
+ + <% if @prime_minister.present? && @prime_minister.image_url(:s465).present? %> + <%= image_tag @prime_minister.image_url(:s465), { alt: '', width: '465', height: '310' } %> + <% else %> + <%= image_tag 'how-gov-works/10_Downing_Street.jpg', alt: '', width: '465', height: '310' %> + <% end %> +The Cabinet is made up of the senior members of government. Every week during Parliament, members of the Cabinet (Secretaries of State from all departments and some other ministers) meet to discuss the most important issues for the government.
+<%= link_to("See who is in the Cabinet", "/government/ministers", class: "govuk-link") %>
+ + <%= image_tag 'how-gov-works/Cabinet_01.jpg', alt: '', width: '465', height: '310' %> +Ministers are chosen by the Prime Minister from the members of the House of Commons and House of Lords. They are responsible for the actions, successes and failures of their departments.
-<%= link_to "See full list of ministers", ministerial_roles_path, class: "govuk-link" %>
- +Departments and their agencies are responsible for putting government policy into practice.
-Departments and their agencies are responsible for putting government policy into practice.
-Some departments, like the <%= link_to "Ministry of Defence", "/government/organisations/ministry-of-defence", class: "govuk-link" %>, cover the whole UK. Others don’t – the <%= link_to "Department for Work and Pensions", "/government/organisations/department-for-work-pensions", class: "govuk-link" %> doesn't cover Northern Ireland. This is because some aspects of government are devolved to Scotland, Wales and Northern Ireland.
-<%= link_to "Non-ministerial departments", "/government/organisations#non_ministerial_departments", class: "govuk-link" %> are headed by senior civil servants and not ministers. They usually have a regulatory or inspection function like the Charity Commission.
<%= render "govuk_publishing_components/components/heading", { text: "Executive agencies", + font_size: "m", heading_level: 3, - margin_bottom: 3, - font_size: 19, + margin_bottom: 4, } %>These are part of government departments and usually provide government services rather than decide policy - which is done by the department that oversees the agency.
-An example is the <%= link_to "Driver and Vehicle Licensing Agency", "/government/organisations/driver-and-vehicle-licensing-agency", class: "govuk-link" %> (overseen by the <%= link_to "Department for Transport", "/government/organisations/department-for-transport", class: "govuk-link" %>).
-These have varying degrees of independence but are directly accountable to ministers. There are 4 types of non-departmental public bodies (NDPBs).
-Executive NDPBs do work for the government in specific areas - for example, the Environment Agency.
-Advisory NDPBs provide independent, expert advice to ministers - for example, the Committee on Standards in Public Life.
-Tribunal NDPBs are part of the justice system and have jurisdiction over a specific area of law - for example, the Competition Appeal Tribunal.
-Independent monitoring boards are responsible for the running of prisons and treatment of prisoners - for example, Her Majesty's Inspectorate of Prisons.
The Civil Service does the practical and administrative work of government. It is co-ordinated and managed by the Prime Minister, in their role as Minister for the Civil Service.
- -Around half of all civil servants provide services direct to the public, including:
- - <%= render "govuk_publishing_components/components/list", { - visible_counters: true, - items: [ - "paying benefits and pensions", - "running employment services", - "staffing prisons", - "issuing driving licences", - ] - } %> - -The <%= link_to "Civil Service", "/government/organisations/civil-service", class: "govuk-link" %> is on GOV.UK.
-<%= link_to "Find and apply", "https://civilservicejobs.service.gov.uk/", class: "govuk-link" %> for vacancies in departments, executive agencies and non-departmental public bodies.
-<%= link_to "Search Contracts Finder", "/contracts-finder/", class: "govuk-link" %> for any government contract over £10,000 and get details of all previous tenders.
-Read about ways to <%= link_to "get involved", "/government/get-involved/", class: "govuk-link" %>.
-Interact with government through <%= link_to "consultations and petitions", "/government/get-involved#engage-with-government", class: "govuk-link" %> to inform and influence the decisions it makes.
+<%= link_to "Offer your skills and energy", "/government/get-involved#take-part", class: "govuk-link" %> to a project in your neighbourhood, around the UK or overseas.
-The Civil Service does the practical and administrative work of government. It is co-ordinated and managed by the Prime Minister, in their role as Minister for the Civil Service.
+Around half of all civil servants provide services direct to the public, including:
+ + <%= render "govuk_publishing_components/components/list", { + extra_spacing: true, + visible_counters: true, + items: [ + "paying benefits and pensions", + "running employment services", + "staffing prisons", + "issuing driving licences", + ] + } %> -The <%= link_to "Civil Service", "/government/organisations/civil-service", class: "govuk-link" %> is on GOV.UK.
-Laws go through several stages before they are passed by Parliament. The House of Commons and the House of Lords work together to make them.
+ <%= render "govuk_publishing_components/components/heading", { + text: "Work for us", + font_size: "m", + heading_level: 3, + margin_bottom: 4, + } %> -They can include:
-<%= link_to "Find and apply", "https://civilservicejobs.service.gov.uk/", class: "govuk-link" %> for vacancies in departments, executive agencies and non-departmental public bodies.
+ + <%= render "govuk_publishing_components/components/heading", { + text: "Work with us", + font_size: "m", + heading_level: 3, + margin_bottom: 4, + } %> -<%= link_to "Search Contracts Finder", "/contracts-finder/", class: "govuk-link" %> for any government contract over £10,000 and get details of all previous tenders.
+ -White papers outline proposals for new laws. Green papers ask for public comments before the white paper is published.
+Bills are proposals for new laws or changes to existing ones. Once agreed by Parliament, they have to be approved by The Queen before becoming law.
-Read about ways to <%= link_to "get involved", "/government/get-involved/", class: "govuk-link" %>.
-These are bills which have been approved by the Commons, the Lords, and The Queen. The relevant government department is responsible for putting the act into practice.
+Interact with government through <%= link_to "consultations and petitions", "/government/get-involved#engage-with-government", class: "govuk-link" %> to inform and influence the decisions it makes.
-<%= link_to "Visit www.legislation.gov.uk", "https://www.legislation.gov.uk", class: "govuk-link", rel: "external" %>
-<%= link_to "Offer your skills and energy", "/government/get-involved#take-part", class: "govuk-link" %> to a project in your neighbourhood, around the UK or overseas.
+ -The Freedom of Information Act gives you the right to ask any public sector organisation for all the recorded information it has on any subject. Anyone can make a request for information – known as a Freedom of Information (or FOI) request. There are no restrictions on your age, nationality or where you live.
+Laws go through several stages before they are passed by Parliament. The House of Commons and the House of Lords work together to make them.
+They can include:
-<%= link_to "How to make a freedom of information request", "/make-a-freedom-of-information-request", class: "govuk-link" %>
+ <%= render "govuk_publishing_components/components/heading", { + text: "Draft legislation", + font_size: "m", + heading_level: 3, + margin_bottom: 4, + } %> -<%= link_to "See FOI releases on GOV.UK", publications_filter_path(:publication_filter_option => 'foi-releases'), class: "govuk-link" %>
+White papers outline proposals for new laws. Green papers ask for public comments before the white paper is published.
+Bills are proposals for new laws or changes to existing ones. Once agreed by Parliament, they have to be approved by The Queen before becoming law.
- <%= render "govuk_publishing_components/components/heading", { - text: "Statistics", - heading_level: 4, - margin_bottom: 2, - font_size: 19, - } %> + <%= render "govuk_publishing_components/components/heading", { + text: "Acts of Parliament", + font_size: "m", + heading_level: 3, + margin_bottom: 4, + } %> -Government produces Official Statistics about most areas of public life. Statistics are used by people inside and outside government to make informed decisions and to measure the success of government policies and services. <%= link_to "Find out about the legislation", "/government/statistics/how-national-and-official-statistics-are-assured", class: "govuk-link" %> that governs the publication of UK national and Official Statistics.
+These are bills which have been approved by the Commons, the Lords, and The Queen. The relevant government department is responsible for putting the act into practice.
+<%= link_to "Visit www.legislation.gov.uk", "https://www.legislation.gov.uk", class: "govuk-link", rel: "external" %>
+<%= link_to "See statistics publications on GOV.UK", "/search/research-and-statistics", class: "govuk-link" %>
+The Freedom of Information Act gives you the right to ask any public sector organisation for all the recorded information it has on any subject. Anyone can make a request for information – known as a Freedom of Information (or FOI) request. There are no restrictions on your age, nationality or where you live.
+<%= link_to "How to make a freedom of information request", "/make-a-freedom-of-information-request", class: "govuk-link" %>
+<%= link_to "See FOI releases on GOV.UK", publications_filter_path(:publication_filter_option => 'foi-releases'), class: "govuk-link" %>
-The government publishes information about how government works to allow you to make politicians, public services and public organisations more accountable. We are committed to publishing information about:
+ <%= render "govuk_publishing_components/components/heading", { + text: "Statistics", + font_size: "m", + heading_level: 3, + margin_bottom: 4, + } %> -Government produces Official Statistics about most areas of public life. Statistics are used by people inside and outside government to make informed decisions and to measure the success of government policies and services. <%= link_to "Find out about the legislation", "/government/statistics/how-national-and-official-statistics-are-assured", class: "govuk-link" %> that governs the publication of UK national and Official Statistics.
+<%= link_to "See statistics publications on GOV.UK", "/search/research-and-statistics", class: "govuk-link" %>
-<%= link_to 'See transparency releases on GOV.UK', publications_filter_path(:publication_filter_option => 'transparency-data'), class: "govuk-link" %>
+ <%= render "govuk_publishing_components/components/heading", { + text: "Transparency", + font_size: "m", + heading_level: 3, + margin_bottom: 4, + } %> - <%= render "govuk_publishing_components/components/heading", { - text: "Data", - heading_level: 4, - margin_bott2m: 4, - font_size: 19, - } %> +The government publishes information about how government works to allow you to make politicians, public services and public organisations more accountable. We are committed to publishing information about:
-Putting data in people’s hands can help them have more of a say in the reform of public services. On <%= link_to "data.gov.uk", "https://data.gov.uk/", class: "govuk-link", rel: "external" %> you can easily find, review and use information about our country and communities - for example, to develop web applications.
-<%= link_to 'See transparency releases on GOV.UK', publications_filter_path(:publication_filter_option => 'transparency-data'), class: "govuk-link" %>
-In <%= link_to "Scotland", "https://www.gov.scot/", class: "govuk-link", rel: "external" %>, <%= link_to "Wales", "https://www.gov.wales/", class: "govuk-link", rel: "external" %> and <%= link_to "Northern Ireland", "https://www.northernireland.gov.uk/", class: "govuk-link", rel: "external" %>, devolved administrations are responsible for many domestic policy issues, and their Parliaments/Assemblies have law-making powers for those areas.
+ <%= render "govuk_publishing_components/components/heading", { + text: "Data", + font_size: "m", + heading_level: 3, + margin_bottom: 4, + } %> -Areas the Scottish Government, Welsh Government, and the Northern Ireland Executive are responsible for, include:
+Putting data in people’s hands can help them have more of a say in the reform of public services. On <%= link_to "data.gov.uk", "https://data.gov.uk/", class: "govuk-link", rel: "external" %> you can easily find, review and use information about our country and communities - for example, to develop web applications.
+ -Councils make and carry out decisions on local services. Many parts of England have 2 tiers of local government: county councils and district, borough or city councils.
+In <%= link_to "Scotland", "https://www.gov.scot/", class: "govuk-link", rel: "external" %>, <%= link_to "Wales", "https://www.gov.wales/", class: "govuk-link", rel: "external" %> and <%= link_to "Northern Ireland", "https://www.northernireland.gov.uk/", class: "govuk-link", rel: "external" %>, devolved administrations are responsible for many domestic policy issues, and their Parliaments/Assemblies have law-making powers for those areas.
+Areas the Scottish Government, Welsh Government, and the Northern Ireland Executive are responsible for, include:
+ + <%= render "govuk_publishing_components/components/list", { + extra_spacing: true, + visible_counters: true, + items: [ + "health", + "education", + "culture", + "the environment", + "transport" + ] + } %> +In some parts of the country, there’s just one tier of local government providing all the functions, known as a ‘unitary authority’. This can be a city, borough or county council – or it may just be called ‘council’. As well as these, many areas also have parish or town councils.
+<%= link_to "Understand how your council works", "/understand-how-your-council-works/types-of-council/", class: "govuk-link" %>
-Councils make and carry out decisions on local services. Many parts of England have 2 tiers of local government: county councils and district, borough or city councils.
+In some parts of the country, there’s just one tier of local government providing all the functions, known as a ‘unitary authority’. This can be a city, borough or county council – or it may just be called ‘council’. As well as these, many areas also have parish or town councils.
+<%= link_to "Understand how your council works", "/understand-how-your-council-works/types-of-council/", class: "govuk-link" %>
+ -Parliament is separate from government. Made up of the House of Commons and the House of Lords, its role is to:
+Parliament is separate from government. Made up of the House of Commons and the House of Lords, its role is to:
-- <%= link_to "Find out about how Parliament works", "https://www.parliament.uk/", class: "govuk-link", rel: "external" %> -
+ <%= render "govuk_publishing_components/components/list", { + extra_spacing: true, + visible_counters: true, + items: [ + "look at what the government is doing", + "debate issues and pass new laws", + "set taxes" + ] + } %> -Read The Official Report at <%= link_to "Hansard", "http://www.parliament.uk/business/publications/", class: "govuk-link", rel: "external" %>
-+ <%= link_to "Find out about how Parliament works", "https://www.parliament.uk/", class: "govuk-link", rel: "external" %> +
- <%= render "govuk_publishing_components/components/heading", { - text: "History of government", - id: "history-uk-government", - heading_level: 2, - margin_bottom: 3, - } %> -Britain has one of the oldest governments in the world. Find out more about how it has worked and who has shaped it in the <%= link_to "history", "/government/history/", class: "govuk-link" %> section.
+Read The Official Report at <%= link_to "Hansard", "http://www.parliament.uk/business/publications/", class: "govuk-link", rel: "external" %>
+ -Read about past Prime Ministers, Chancellors and Foreign Secretaries in <%= link_to "notable people", "/government/history#notable-people", class: "govuk-link" %>. Learn more about historic <%= link_to "government buildings", "/government/history#government-buildings", class: "govuk-link" %> on Whitehall and around the UK.
+You can also find links to <%= link_to "historical research", "/government/history#historical-research", class: "govuk-link" %>, documents and records.
-Britain has one of the oldest governments in the world. Find out more about how it has worked and who has shaped it in the <%= link_to "history", "/government/history/", class: "govuk-link" %> section.
+Read about past Prime Ministers, Chancellors and Foreign Secretaries in <%= link_to "notable people", "/government/history#notable-people", class: "govuk-link" %>. Learn more about historic <%= link_to "government buildings", "/government/history#government-buildings", class: "govuk-link" %> on Whitehall and around the UK.
+You can also find links to <%= link_to "historical research", "/government/history#historical-research", class: "govuk-link" %>, documents and records.
+ + <%= image_tag 'how-gov-works/Churchill_01.jpg', alt: '', width: '465', height: '310' %> +