From 19ce6febfabc4d52f24abc2160db9b6b07d6f467 Mon Sep 17 00:00:00 2001 From: Paul Robert Lloyd Date: Thu, 16 Dec 2021 18:18:53 +0000 Subject: [PATCH] Add content for start page --- app/views/start/index.html.erb | 69 ++++++++++++------- app/webpacker/styles/_related-navigation.scss | 59 ++++++++++++++++ app/webpacker/styles/application.scss | 5 +- 3 files changed, 106 insertions(+), 27 deletions(-) create mode 100644 app/webpacker/styles/_related-navigation.scss diff --git a/app/views/start/index.html.erb b/app/views/start/index.html.erb index 57f99242d..d3de2d344 100644 --- a/app/views/start/index.html.erb +++ b/app/views/start/index.html.erb @@ -1,28 +1,47 @@ -<%= render GovukComponent::AccordionComponent.new(id: 'abc123') do |component| - component.section( - heading_text: 'Home electronics', - summary_text: 'Entertainment, communication and recreation', - expanded: true) do - tag.p(class: 'govuk-body') do - "Lorem ipsum dolor sit amet, consectetur adipiscing elit." - end - end +

+ <%= t("service_name") %> +

- component.section(heading_text: 'Appliances', summary_text: 'Laundry, cookers and vacuum cleaners') do - tag.p(class: 'govuk-body') do - "Ut et elementum tortor. Donec a tellus sed sem euismod congue" - end - end +
+
+

Use this service to submit social housing lettings and sales data to the Department for Levelling Up, Housing and Communities (DLUHC).

+

We’ll ask you questions about a sale or letting, like details about the household or property. Your answers will create a log that you can submit directly to us.

+

Your organisation can also:

+
    +
  • upload data for multiple sales and lettings
    • +
  • transfer data using an API
    • + <%# TODO: Add link to lettings log form %> +
  • <%= govuk_link_to("download a copy of the 2021 to 2022 lettings log as a PDF", "https://digital.dclg.gov.uk/jira/servicedesk/customer/portal/4/group/21") %> (2MB)
    • +
+

The data will be used to update the national record for social housing. It will also help to inform policy about the cost of social housing and what type of housing needs to be built.

+

This service is only for social housing in England.

- component.section(heading_text: 'Toys') do - safe_join([ - tag.p(class: 'govuk-body') do - "In et nunc vitae tortor sollicitudin ultrices. Vivamus a purus justo." - end, + <%= govuk_start_button( + text: 'Start now', + href: user_session_path + ) %> - tag.p(class: 'govuk-body') do - "Duis a turpis non nunc pulvinar venenatis quis congue mauris" - end - ]) - end -end %> +

Before you start

+

Use your account details to sign in.

+

If you need to set up a new account, speak to your organisation’s CORE data coordinator. If you don’t know who that is, <%= govuk_link_to("contact the helpdesk", "https://digital.dclg.gov.uk/jira/servicedesk/customer/portal/4/group/21") %>.

+

You can <%= govuk_link_to("request an account", "https://digital.dclg.gov.uk/jira/servicedesk/customer/portal/4/group/21") %> if your organisation doesn’t have one.

+ <%# TODO: Add link to data sharing agreement %> +

<%= govuk_link_to("Read our data sharing agreement", "#") %>.

+
+ +
+
+ +
+
+
diff --git a/app/webpacker/styles/_related-navigation.scss b/app/webpacker/styles/_related-navigation.scss new file mode 100644 index 000000000..2812dfdc8 --- /dev/null +++ b/app/webpacker/styles/_related-navigation.scss @@ -0,0 +1,59 @@ +.app-related-navigation { + @include govuk-text-colour; + border-top: 2px solid govuk-colour("blue"); +} + +.app-related-navigation__main-heading { + @include govuk-font(19, $weight: bold); + margin-top: govuk-spacing(3); + margin-bottom: govuk-spacing(2); +} + +.app-related-navigation__sub-heading { + @include govuk-font(16); + border-top: 1px solid govuk-colour("mid-grey", $legacy: "grey-2"); + margin: 0; + padding-top: govuk-spacing(3); +} + +.app-related-navigation__sub-heading--footer { + @include govuk-font(19, $weight: bold); + border-top: 0; + padding-top: 0; + margin-top: govuk-spacing(3); + margin-bottom: govuk-spacing(2); +} + +.app-related-navigation__main-heading + .app-related-navigation__sub-heading { + border-top: 0; + padding-top: 0; +} + +.app-related-navigation__nav-section { + margin-bottom: govuk-spacing(6); +} + +.app-related-navigation__link-list { + padding: 0; + margin: 0; + list-style: none; + margin-bottom: 1.25em; +} + +.app-related-navigation__link { + @include govuk-font($size: 16, $weight: regular, $line-height: 1.45); + list-style-type: none; + margin-top: govuk-spacing(3); + + @include govuk-media-query($from: tablet) { + line-height: 1.28; + } +} + +.app-related-navigation__section-link { + font-weight: bold; +} + +.app-related-navigation__section-link--other { + font-weight: normal; +} diff --git a/app/webpacker/styles/application.scss b/app/webpacker/styles/application.scss index 28f46740f..78b925154 100644 --- a/app/webpacker/styles/application.scss +++ b/app/webpacker/styles/application.scss @@ -11,8 +11,9 @@ $govuk-image-url-function: frontend-image-url; @import "~govuk-frontend/govuk/all"; -@import '_task-list'; -@import '_tab-navigation'; +@import 'related-navigation'; +@import 'task-list'; +@import 'tab-navigation'; $govuk-global-styles: true;