Skip to content

Commit

Permalink
changes to styles
Browse files Browse the repository at this point in the history
  • Loading branch information
Andy Jones committed Aug 25, 2022
1 parent 1dc1d2f commit f30e568
Show file tree
Hide file tree
Showing 8 changed files with 221 additions and 124 deletions.
4 changes: 4 additions & 0 deletions config.rb
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,8 @@
require "lib/example_panel_extension"
require "lib/basic_panel_extension"
require "lib/back_to_top_extension"
require "lib/hero_extension"
require "lib/fullCTA_extension"

activate :external_link
activate :signpost_link
Expand All @@ -14,6 +16,8 @@
activate :example_panel
activate :basic_panel
activate :back_to_top
activate :hero
activate :fullCta

config[:host] = "https://apply-the-service-standard.education.gov.uk"

Expand Down
16 changes: 16 additions & 0 deletions lib/fullCTA_extension.rb
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
class CTA < Middleman::Extension
def initialize(app, options_hash={}, &block)
super
end

helpers do
def fullCta(html)
<<~EOS
<div class="fullCTA">
<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48" fill="#ffffff"><path d="m12.1 38 10.5-14-10.5-14h3.7l10.5 14-10.5 14Zm12.6 0 10.5-14-10.5-14h3.7l10.5 14-10.5 14Z"/></svg>#{html}</div>
EOS
end
end
end

::Middleman::Extensions.register(:fullCta, CTA)
24 changes: 24 additions & 0 deletions lib/hero_extension.rb
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
class Hero < Middleman::Extension
def initialize(app, options_hash={}, &block)
super
end

helpers do
def hero(title, text)
<<~EOS
<div class="dfe-hero">
<div class="govuk-grid-row">
<div class="govuk-grid-column-three-quarters">
<h1 class="govuk-heading-xl govuk-!-font-size-48">#{title}</h1>
<p class="govuk-body-l">#{text}</p>
</div>
<div class="govuk-grid-column-one-quarter standards-icon">
</div>
</div>
</div>
EOS
end
end
end

::Middleman::Extensions.register(:hero, Hero)
21 changes: 5 additions & 16 deletions source/accessibility/index.html.md.erb
View file
Original file line number Diff line number Diff line change
@@ -1,24 +1,15 @@
---
title: Accessibility
weight: 200
description: Everyone, no matter their profession, has specific roles and responsibilites to make sure DfE services are accessible.
---

<%= partial "ga" %>
<script src="https://kit.fontawesome.com/2f8f69be63.js" crossorigin="anonymous"></script>

<div class="dfe-hero">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<h1 class="govuk-heading-xl govuk-!-font-size-80">Accessibility</h1>
<p class="govuk-body-l">Everyone, no matter their profession, has specific roles and responsibilites to make sure DfE services are accessible.</p>
<p class="govuk-body-l govuk-!-font-weight-bold">The Standards in this manual should be used alongside the <a href="https://design.education.gov.uk/accessibility/" target="_blank">Design manual guidance</a>.</p>
<%= hero(current_page.data.title,current_page.data.description + '<p class="govuk-body-l govuk-!-font-weight-bold">The Standards in this manual should be used alongside the <a href="https://design.education.gov.uk/accessibility/" target="_blank">Design manual guidance</a>.</p>')%>

</div>
<div class="govuk-grid-column-one-third standards-icon">
<i class="fa-solid fa-universal-access fa-10x"></i>
</div>

<div class="govuk-grid-column-full">

<div class="dfe-hero govuk-!-padding-bottom-2">
<h2 class="govuk-heading-m bordered-top">Standards and assurance</h2>
<div class="cards">
<ul>
Expand Down Expand Up @@ -46,12 +37,10 @@ weight: 200
<p>Accessibility should be part of every stage of the service delivery lifecycle, find out what this means for different roles in DfE.</p>
</div>
</li>

</ul>
</div>
</div>
</div>
</div>

<div class="dfe-section-grey">
<h2 class="govuk-heading-m">Templates, tools and training</h2>
<p class="govuk-body">Supporting tools and services to help you implement accessible services.</p>
Expand Down
18 changes: 3 additions & 15 deletions source/index.html.md.erb
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: Home
title: Apply the Service Standard in DfE
description: Guidance and information for how to apply the Service Standard in the Department for Education (DfE) to design and build accessible, usable and understandable services.
weight: 10
---
Expand All @@ -19,17 +19,9 @@ weight: 10

<script src="https://kit.fontawesome.com/2f8f69be63.js" crossorigin="anonymous"></script>

<div class="dfe-hero">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<h1 class="govuk-heading-xl govuk-!-font-size-80">Apply the Service Standard<br/> in the Department for Education</h1>
<p class="govuk-body-l">This guidance helps design, delivery and operational teams understand how to apply the <a href="https://www.gov.uk/service-manual" target="_blank" rel="noopener noreferrer">Service Standard</a> in the context of the Department for Education (DfE).</p>
</div>
<div class="govuk-grid-column-one-third standards-icon">
<i class="fa-solid fa-arrows-spin fa-10x"></i>
</div>
<%= hero(current_page.data.title,current_page.data.description)%>

<div class="govuk-grid-column-full">
<div class="dfe-hero govuk-!-padding-bottom-2">
<h2 class="govuk-heading-m bordered-top">Standards and assurance</h2>
<p class="govuk-body">Following the standards and guidance will help you deliver good services for users of DfE services.</p>
<div class="cards">
Expand All @@ -54,12 +46,8 @@ weight: 10
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="dfe-section-grey">


<h2 class="govuk-heading-m">Other manuals and guidance</h2>
<p class="govuk-body">Other manuals which enable you to deliver good services for users.</p>
<div class="cards">
Expand Down
43 changes: 17 additions & 26 deletions source/service-assessments/index.html.md.erb
View file
Original file line number Diff line number Diff line change
@@ -1,34 +1,25 @@
---
title: Service assessments
weight: 300
description: Guidance for when it's appropriate to put your service through an assessment and how to talk about and show your work.
---

<%= partial "ga" %>
<script src="https://kit.fontawesome.com/2f8f69be63.js" crossorigin="anonymous"></script>

<div class="dfe-hero">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<h1 class="govuk-heading-xl govuk-!-font-size-80">Service assessments</h1>
<p class="govuk-body-l">Guidance for when it's appropriate to put your service through an assessment and how to talk about and show your work.</p>
</div>
<div class="govuk-grid-column-one-third standards-icon">
<i class="fa-solid fa-person-chalkboard fa-10x"></i>
</div>
<div class="govuk-grid-column-full">
<h2 class="govuk-heading-m bordered-top">Guidance</h2>
<div class="cards">
<ul>
<li class="card">
<div class="text">
<h3>
<a href="/service-assessments/when-to-have-an-assessment.html">When to be assessed</a>
</h3>
<p>Find out when it's appropriate to have a service assessment and how to prepare. </p>
</div>
</li>
</ul>
</div>
</div>
</div>
<%= hero(current_page.data.title,current_page.data.description)%>

<div class="dfe-hero govuk-!-padding-bottom-2">
<h2 class="govuk-heading-m bordered-top">Guidance</h2>
<div class="cards">
<ul>
<li class="card">
<div class="text">
<h3>
<a href="/service-assessments/when-to-have-an-assessment.html">When to be assessed</a>
</h3>
<p>Find out when it's appropriate to have a service assessment and how to prepare. </p>
</div>
</li>
</ul>
</div>
</div>
17 changes: 5 additions & 12 deletions source/service-standard/index.html.md.erb
View file
Original file line number Diff line number Diff line change
@@ -1,22 +1,15 @@
---
title: Service Standard
weight: 100
description: Guidance to enable teams understand how to apply the Service Standard in the context of DfE services and users.

---

<%= partial "ga" %>

<div class="dfe-hero">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<h1 class="govuk-heading-xl govuk-!-font-size-80">Service Standard</h1>
<p class="govuk-body-l">Guidance to enable teams understand how to apply the <a href="https://www.gov.uk/service-manual/service-standard" target="_blank" rel="noopener noreferrer">Service Standard</a> in the context of DfE services and users.</p>
</div>
<div class="govuk-grid-column-one-third standards-icon">
<i class="fa-solid fa-person-chalkboard fa-10x"></i>
</div>

</div>
</div>
<%= hero(current_page.data.title,current_page.data.description)%>



<div class="dfe-section-grey">
<h2 class="govuk-heading-m bordered-top">The standards</h2>
Expand Down
Loading

0 comments on commit f30e568

Please sign in to comment.