diff --git a/www/docs/style/img/london-photo.jpg b/www/docs/style/img/london-photo.jpg new file mode 100644 index 0000000000..19bfe89889 Binary files /dev/null and b/www/docs/style/img/london-photo.jpg differ diff --git a/www/docs/style/img/niassembly-photo.jpg b/www/docs/style/img/niassembly-photo.jpg new file mode 100644 index 0000000000..31113507e2 Binary files /dev/null and b/www/docs/style/img/niassembly-photo.jpg differ diff --git a/www/docs/style/img/parliament-photo.jpg b/www/docs/style/img/parliament-photo.jpg new file mode 100644 index 0000000000..50362f8188 Binary files /dev/null and b/www/docs/style/img/parliament-photo.jpg differ diff --git a/www/docs/style/img/scotland-photo.jpg b/www/docs/style/img/scotland-photo.jpg new file mode 100644 index 0000000000..3459fcce42 Binary files /dev/null and b/www/docs/style/img/scotland-photo.jpg differ diff --git a/www/docs/style/img/senedd-photo.jpg b/www/docs/style/img/senedd-photo.jpg new file mode 100644 index 0000000000..2c7bfb9d0f Binary files /dev/null and b/www/docs/style/img/senedd-photo.jpg differ diff --git a/www/docs/style/sass/pages/_home.scss b/www/docs/style/sass/pages/_home.scss index 4db71cd170..ddfc0dbb99 100644 --- a/www/docs/style/sass/pages/_home.scss +++ b/www/docs/style/sass/pages/_home.scss @@ -339,18 +339,25 @@ input.homepage-search__button { } .home__search-suggestions { - @include grid-column(12); - margin-top: 1em; - @media (min-width: $large-screen) { - margin-top: 0; - @include grid-column(4); - } + margin-top: 0; + h3 { font-size: emCalc(14); font-weight: normal; } } +.home__search-suggestions p, .home__search-suggestions ul { + display: inline-block; + margin: 0; + vertical-align: middle; +} + +.home__search-suggestions p { + margin-right: 10px; /* Add space between p and ul */ +} + + .search-suggestions__list { @include inline-list; font-size: emCalc(14); diff --git a/www/docs/style/sass/parts/_panels.scss b/www/docs/style/sass/parts/_panels.scss index b3a59af8be..870e2ff958 100644 --- a/www/docs/style/sass/parts/_panels.scss +++ b/www/docs/style/sass/parts/_panels.scss @@ -39,9 +39,34 @@ } } + +.panel--homepage--overall { + background: rgba(#000, 0.5) url('../img/parliament-photo.jpg') center/cover no-repeat; + background-blend-mode: overlay; /* Blends the color with the image */ +} + +.panel--homepage--senedd { + background: rgba(#000, 0.5) url('../img/senedd-photo.jpg') center/cover no-repeat; + background-blend-mode: overlay; /* Blends the color with the image */ +} + +.panel--homepage--scotland { + background: rgba(#000, 0.5) url('../img/scotland-photo.jpg') center/cover no-repeat; + background-blend-mode: overlay; /* Blends the color with the image */ +} + +.panel--homepage--niassembly { + background: rgba(#000, 0.5) url('../img/niassembly-photo.jpg') center/cover no-repeat; + background-blend-mode: overlay; /* Blends the color with the image */ +} + .panel--primary { - background-color: $colour_primary; - color: #fff; + // background-color: $colour_primary; + // background-image: url('../img/houses-of-parliament-tablet.jpg'); + // background: linear-gradient(to right, $colour_primary 65%, rgba($colour_primary, 0.0) 68%, rgba($colour_primary, 0.0)), url('../img/houses-of-parliament-tablet.jpg'); + background-size: cover; + background-repeat: no-repeat; + color: $colour_off_white; a, h2, h3 { color: inherit; @@ -77,11 +102,10 @@ } .panel--primary { - background-color: $primary-color; - color: $colour_off_white; h1 { color: $colour_off_white; + margin-bottom: 5px; } h2, label, h3, li { diff --git a/www/includes/easyparliament/templates/html/homepage/search-box.php b/www/includes/easyparliament/templates/html/homepage/search-box.php new file mode 100644 index 0000000000..9f4cfbc753 --- /dev/null +++ b/www/includes/easyparliament/templates/html/homepage/search-box.php @@ -0,0 +1,59 @@ +
+
+ +
+
+ + +
+
+ +

Popular searches today

+ + +
+ +
+

Built by + +

+
+
\ No newline at end of file diff --git a/www/includes/easyparliament/templates/html/index.php b/www/includes/easyparliament/templates/html/index.php index 5024a8f173..2b1194f3a0 100644 --- a/www/includes/easyparliament/templates/html/index.php +++ b/www/includes/easyparliament/templates/html/index.php @@ -6,58 +6,21 @@
- - -
-
- -
-
- -
- -

Popular searches today

-
    - $popular_search) { ?> -
  • - -
- -
-
- -
-

Built by - -

-
-
+ + 'Create and manage email alerts', 'url' => '/alert/']; + if (count($mp_data)) { + $quick_links[] = ['title' => 'Find out more about your MP', 'url' => $mp_data['mp_url']]; + } + $quick_links[] = ['title' => 'Subscribe to our newsletter', 'url' => 'https://www.mysociety.org/subscribe/']; + $quick_links[] = ['title' => 'Donate to support our work', 'url' => '/support-us/']; + include 'homepage/search-box.php'; + ?>
diff --git a/www/includes/easyparliament/templates/html/london/index.php b/www/includes/easyparliament/templates/html/london/index.php index fbb5834fe3..1212c8ec52 100644 --- a/www/includes/easyparliament/templates/html/london/index.php +++ b/www/includes/easyparliament/templates/html/london/index.php @@ -1,42 +1,19 @@ -
-
- -
-
-

Democracy: it’s for everyone

-

You shouldn’t have to be an expert to understand what goes on in the London Assembly.

-

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

- Find out more about TheyWorkForYou -
-
-
-
+
+ + 'Create and manage email alerts', 'url' => '/alert/']; + $quick_links[] = ['title' => 'Subscribe to our newsletter', 'url' => 'https://www.mysociety.org/subscribe/']; + $quick_links[] = ['title' => 'Donate to support our work', 'url' => '/support-us/']; + include dirname(__FILE__) . '/../homepage/search-box.php'; + ?> +
-
-
- -
- -

Popular searches today

-
    - $popular_search) { ?> -
  • - -
- -
-
-
+
diff --git a/www/includes/easyparliament/templates/html/ni/index.php b/www/includes/easyparliament/templates/html/ni/index.php index 03af667f24..178d0f8a17 100644 --- a/www/includes/easyparliament/templates/html/ni/index.php +++ b/www/includes/easyparliament/templates/html/ni/index.php @@ -1,70 +1,19 @@ -
-
- -
-
-

Democracy: it’s for everyone

-

You shouldn’t have to be an expert to understand what goes on in the Northern Ireland Assembly.

-

TheyWorkForYou takes open data from the Northern Ireland Assembly, and presents it in a way that’s easy to follow – for everyone.

- Find out more about TheyWorkForYou -
-
-
-
+
-
-
- -
- -

Popular searches today

-
    - $popular_search) { ?> -
  • - -
- -
-
-
+ + 'Create and manage email alerts', 'url' => '/alert/']; + $quick_links[] = ['title' => 'Subscribe to our newsletter', 'url' => 'https://www.mysociety.org/subscribe/']; + $quick_links[] = ['title' => 'Donate to support our work', 'url' => '/support-us/']; + include dirname(__FILE__) . '/../homepage/search-box.php'; + ?> +