diff --git a/www/docs/style/img/mysoc-footer/logo-mysociety-white.svg b/www/docs/style/img/mysoc-footer/logo-mysociety-white.svg new file mode 100644 index 0000000000..d0348ac790 --- /dev/null +++ b/www/docs/style/img/mysoc-footer/logo-mysociety-white.svg @@ -0,0 +1 @@ +mysociety-logo-grey \ No newline at end of file diff --git a/www/docs/style/sass/_settings.scss b/www/docs/style/sass/_settings.scss index 94aa77126c..0ce847d91d 100644 --- a/www/docs/style/sass/_settings.scss +++ b/www/docs/style/sass/_settings.scss @@ -72,7 +72,7 @@ $column-gutter: 3%; $row-width: em-calc(1140); $block-grid-default-spacing: 3%; -$primary-color: #62b356; +$primary-color: #4b6947; $secondary-color: #A94CA6; $color-red: #dc3545; diff --git a/www/docs/style/sass/app.scss b/www/docs/style/sass/app.scss index 3484e5c59f..1e2bcfc69d 100644 --- a/www/docs/style/sass/app.scss +++ b/www/docs/style/sass/app.scss @@ -59,7 +59,7 @@ @import "accessible-autocomplete"; @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic&display=swap); - +@import url(https://fonts.googleapis.com/css2?family=Merriweather&display=swap); /* Foundation Icons v 3.0 MIT License */ @font-face { font-family: "foundation-icons"; diff --git a/www/docs/style/sass/layout/_header.scss b/www/docs/style/sass/layout/_header.scss index f372df667a..909bc0a035 100644 --- a/www/docs/style/sass/layout/_header.scss +++ b/www/docs/style/sass/layout/_header.scss @@ -87,6 +87,7 @@ $badge-horizontal-shadow-desktop: -8px; &:hover, &:focus { text-decoration: none; background-color: darken($primary-color, 5%); + color: #fff !important; } } } diff --git a/www/docs/style/sass/pages/_home.scss b/www/docs/style/sass/pages/_home.scss index 7fccaf7397..4db71cd170 100644 --- a/www/docs/style/sass/pages/_home.scss +++ b/www/docs/style/sass/pages/_home.scss @@ -3,6 +3,27 @@ color: #000; } + +.site-home__logo { + font-family: "Merriweather", serif; + font-weight: 400; + font-style: normal; + } + +.mysoc__org__logo { + display: block; + margin-top: 0.5em; + height: 0; + overflow: hidden; + padding-top: 32px; + } + + .mysoc__org__logo--mysociety { + width: 152px; + background-size: 152px 32px; + background-image: url('#{$mysoc-footer-image-path}logo-mysociety-white.svg'), none; + } + .hero__mp-search { @include grid-column(12); background-image: url('../img/homepage-hero-background-large.jpg'); diff --git a/www/docs/style/sass/parts/_panels.scss b/www/docs/style/sass/parts/_panels.scss index b94ebeb84c..b3a59af8be 100644 --- a/www/docs/style/sass/parts/_panels.scss +++ b/www/docs/style/sass/parts/_panels.scss @@ -76,6 +76,23 @@ padding-bottom: 0; } +.panel--primary { + background-color: $primary-color; + color: $colour_off_white; + + h1 { + color: $colour_off_white; + } + + h2, label, h3, li { + color: $colour_mid_grey; + } + + a { + color: #fff; + } +} + .panel--inverted { background-color: #444; color: $colour_off_white; diff --git a/www/includes/easyparliament/templates/html/index.php b/www/includes/easyparliament/templates/html/index.php index aa48984822..5024a8f173 100644 --- a/www/includes/easyparliament/templates/html/index.php +++ b/www/includes/easyparliament/templates/html/index.php @@ -3,61 +3,24 @@ # include 'homepage/promo-banner.php'; ?> -
-
-
-
- -

Find out more about

-
-
- Find out → -
-
-
-
- Change postcode -
-
- -

Find out more about your former MP

-
-
- -
- -
-
- -
-
-
- -
-
-
-
-

Democracy: it’s for everyone

-

You shouldn’t have to be an expert to understand what goes on in Parliament.

-

TheyWorkForYou takes open data from the UK's Parliaments, and presents it in a way that’s easy to follow – for everyone.

- About TheyWorkForYou → -
-
-
-
-
-
+
+
+
+

TheyWorkForYou

+

Helping you understand who represents you, across the UK's Parliaments.

+
+
+
-
- +
@@ -75,7 +38,25 @@
-
+
+
+

Quick links

+ + +
+
+

Built by + +

+