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 @@ +
= $homepage_desc ?>
+ +Popular searches today
+Built by + mySociety +
+Helping you understand who represents you, across the UK's Parliaments.
-Built by - mySociety -
-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 → -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 → -You shouldn’t have to be an expert to understand what goes on in the Scottish Parliament.
-TheyWorkForYou takes open data from the Scottish Parliament, and presents it in a way that’s easy to follow – for everyone.
- Find out more about TheyWorkForYou → -= gettext('You shouldn’t have to be an expert to understand what goes on in the Senedd.') ?>
-= gettext('TheyWorkForYou takes open data from the Senedd, and presents it in a way that’s easy to follow – for everyone.') ?>
- = gettext('About TheyWorkForYou') ?>→ -