Home page box

classes/Homepage.php

@@ -47,10 +47,28 @@ public function display() {
         $data['featured'] = $this->getEditorialContent();
         $data['topics'] = $this->getFrontPageTopics();
         $data['divisions'] = $this->getRecentDivisions();
+        $data['search_box'] = $this->getSearchBox($data);
 
         return $data;
     }
 
+    protected function getSearchBox(array $data): Search\SearchBox{
+        $search_box = new Search\SearchBox();
+        $search_box->homepage_panel_class = "panel--homepage--overall";
+        $search_box->homepage_subhead = "";
+        $search_box->homepage_desc = "Understand who represents you, across the UK's Parliaments.";
+        $search_box->search_section = "";
+        $search_box->quick_links = [];
+        if (count($data["mp_data"])) {
+            $search_box->add_quick_link('Find out more about your MP (' . $data["mp_data"]['name'] . ')', $data["mp_data"]['mp_url'], 'torso');
+        }
+        $search_box->add_quick_link('Create and manage email alerts', '/alert/', 'megaphone');
+        $search_box->add_quick_link(gettext('Subscribe to our newsletter'), '/about/#about-mysociety', 'mail');
+        $search_box->add_quick_link('Donate to support our work', '/support-us/', 'pound');
+        $search_box->add_quick_link('Learn more about TheyWorkForYou', '/about/', 'magnifying-glass');
+        return $search_box;
+    }
+
     protected function getRegionalList() {
         return null;
     }

classes/Renderer/User.php

@@ -215,6 +215,9 @@ private function addContactLink() {
     }
 
     private function addDonateLink() {
+        if (LANGUAGE == 'cy') {
+            return;
+        }
         $menudata = $this->pagedata->page_metadata('donate', 'menu');
         $text = $menudata['text'];
         $title = $menudata['title'];

classes/SPHomepage.php

@@ -15,6 +15,24 @@ class SPHomepage extends Homepage {
         'SPWRANSLIST' => array('recent_wrans', 'spwransfront', 'Written answers'),
     );
 
+    protected function getSearchBox(array $data): Search\SearchBox{
+        $search_box = new Search\SearchBox();
+        $search_box->homepage_panel_class = "panel--homepage--scotland";
+        $search_box->homepage_subhead = "Scottish Parliament";
+        $search_box->homepage_desc = "";
+        $search_box->search_section = "scotland";
+        $search_box->quick_links = [];
+        if (count($data["mp_data"])) {
+            $regional_con = $data["regional"][0]["constituency"];
+            $search_box->add_quick_link('Find out more about your MSPs for ' . $data["mp_data"]["constituency"] . ' (' . $regional_con . ')', '/postcode/?pc=' . $data["mp_data"]['postcode'], 'torso' );
+        }
+        $search_box->add_quick_link('Create and manage email alerts', '/alert/', 'megaphone');
+        $search_box->add_quick_link(gettext('Subscribe to our newsletter'), '/about/#about-mysociety', 'mail');
+        $search_box->add_quick_link('Donate to support our work', '/support-us/', 'pound');
+        $search_box->add_quick_link('Learn more about TheyWorkForYou', '/about/', 'magnifying-glass');
+        return $search_box;
+    }
+
     protected function getEditorialContent() {
         $debatelist = new \SPLIST;
         $item = $debatelist->display('recent_debates', array('days' => 7, 'num' => 1), 'none');

classes/Search/SearchBox.php

@@ -0,0 +1,34 @@
+<?php
+
+namespace MySociety\TheyWorkForYou\Search;
+
+
+class SearchBox
+{
+    public string $homepage_panel_class;
+    public string $homepage_subhead;
+    public string $homepage_desc;
+    public string $search_section;
+    public array $quick_links;
+
+    public function __construct(string $homepage_panel_class = '',
+                                string $homepage_subhead = '',
+                                string $homepage_desc = '',
+                                string $search_section = '',
+                                array $quick_links = [])
+    {
+        $this->homepage_panel_class = $homepage_panel_class;
+        $this->homepage_subhead = $homepage_subhead;
+        $this->homepage_desc = $homepage_desc;
+        $this->search_section = $search_section;
+        $this->quick_links = $quick_links;
+    }
+
+    public function add_quick_link(string $title, string $url, string $icon): void
+    {
+        $this->quick_links[] = ['title' => $title, 'url' => $url, 'icon' => $icon];
+    }
+
+}
+
+?>

classes/SectionView/NiView.php

@@ -88,10 +88,38 @@ protected function display_front_ni() {
         $data['debates'] = array( 'recent' => $recent);
 
         $data['regional'] = $this->getMLAList();
+        $data['search_box'] = $this->getSearchBox($data);
         $data['template'] = 'ni/index';
 
         return $data;
     }
+
+    protected function getSearchBox(array $data): \MySociety\TheyWorkForYou\Search\SearchBox{
+
+        global $THEUSER;
+
+        if ($THEUSER->isloggedin() && $THEUSER->postcode() != '' || $THEUSER->postcode_is_set()) {
+            $postcode = $THEUSER->postcode();
+        } else {
+            $postcode = null;
+        }
+
+        $search_box = new \MySociety\TheyWorkForYou\Search\SearchBox();
+        $search_box->homepage_panel_class = "panel--homepage--niassembly";
+        $search_box->homepage_subhead = "Northern Ireland Assembly";
+        $search_box->homepage_desc = "";
+        $search_box->search_section = "ni";
+        $search_box->quick_links = [];
+        if (count($data["regional"])) {
+            $constituency = $data["regional"][0]["constituency"];
+            $search_box->add_quick_link('Find out more about your MLAs for ' . $constituency, '/postcode/?pc=' . $postcode, 'torso');
+        }
+        $search_box->add_quick_link('Create and manage email alerts', '/alert/','megaphone');
+        $search_box->add_quick_link(gettext('Subscribe to our newsletter'), '/about/#about-mysociety', 'mail');
+        $search_box->add_quick_link('Donate to support our work', '/support-us/','pound');
+        $search_box->add_quick_link('Learn more about TheyWorkForYou', '/about/', 'magnifying-glass');
+        return $search_box;
+    }
 
     protected function getMLAList() {
         global $THEUSER;

classes/SectionView/SeneddView.php

@@ -98,11 +98,35 @@ protected function display_front_senedd() {
         $data['debates'] = array( 'recent' => $recent);
 
         $data['regional'] = $this->getMSList();
+        $data['search_box'] = $this->getSearchBox($data);
         $data['template'] = 'senedd/index';
 
         return $data;
     }
 
+    protected function getSearchBox(array $data): \MySociety\TheyWorkForYou\Search\SearchBox{
+        $search_box = new \MySociety\TheyWorkForYou\Search\SearchBox();
+        $search_box->homepage_panel_class = "panel--homepage--senedd";
+        $search_box->homepage_subhead = gettext("Senedd / Welsh Parliament");
+        $search_box->homepage_desc = "";
+        $search_box->search_section = "senedd";
+        $search_box->quick_links = [];
+        if (count($data["regional"])) {
+            // get all unique constituencies
+            $constituencies = array();
+            foreach ($data["regional"] as $member) {
+                $constituencies[$member["constituency"]] = 1;
+            }
+            $constituencies = array_keys($constituencies);
+        $search_box->add_quick_link(sprintf(gettext('Find out more about your MSs for %s and %s'), $constituencies[0], $constituencies[1]), '/postcode/?pc=' . $data["mp_data"]['postcode'],'torso');
+        }
+        $search_box->add_quick_link(gettext('Create and manage email alerts'), '/alert/','megaphone');
+        $search_box->add_quick_link(gettext('Subscribe to our newsletter'), '/about/#about-mysociety', 'mail');
+        $search_box->add_quick_link(gettext('Donate to support our work'), '/support-us/', 'pound');
+        $search_box->add_quick_link(gettext('Learn more about TheyWorkForYou'), '/about/', 'magnifying-glass');
+        return $search_box;
+    }
+
     protected function getMSList() {
         global $THEUSER;
 

locale/cy_GB.UTF-8/LC_MESSAGES/TheyWorkForYou.po

@@ -173,6 +173,30 @@ msgstr "Ni allwch chwilio am fwy nag un ystod o ddyddiadau."
 msgid "Maximum term length is 255 characters."
 msgstr "Yr hyd term mwyaf yw 255 nod."
 
+#: classes/SectionView/SeneddView.php:121
+#, php-format
+msgid "Find out more about your MSs for %s and %s"
+msgstr "Darganfod mwy am eich Aelodau Cynulliad dros %s a %s"
+
+#: classes/SectionView/SeneddView.php:125
+msgid " and "
+msgstr " a "
+
+msgid "Create and manage email alerts"
+msgstr "Creu hysbysiad"
+
+#: classes/SectionView/SeneddView.php:132
+msgid "Subscribe to our newsletter"
+msgstr "Cofrestrwch am y newyddion diweddaraf gan mySociety"
+
+#: classes/SectionView/SeneddView.php:133
+msgid "Donate to support our work"
+msgstr "Cyfrannu"
+
+#: classes/SectionView/SeneddView.php:134
+msgid "Learn more about TheyWorkForYou"
+msgstr "Ynglŷn â TheyWorkForYou"
+
 #: classes/User.php:196
 msgid "Please enter a password"
 msgstr "Rhowch eich cyfrinair"
@@ -2595,7 +2619,7 @@ msgid "About mySociety"
 msgstr "Ynglŷn â mySociety"
 
 #: www/includes/easyparliament/templates/html/static/about.php:34
-msgid "TheyWorkForYou is run by <a href=\"https://www.mysociety.org/\">mySociety</a>, a UK charity that puts <a href=\"https://www.mysociety.org/2021/11/24/the-need-to-repower-democracy/\">power in more people's hands</a> through the use of digital tools and data."
+msgid "TheyWorkForYou is run by <a href=\"https://www.mysociety.org/\">mySociety</a>, a UK charity that helps people access information and participate in democracy. We enable people across the UK to become changemakers by providing technology, research and data, openly and for free."
 msgstr "Mae TheyWorkForYou yn cael ei reoli gan <a href=\"https://www.mysociety.org/\">mySociety</a>, elusen yn y Deyrnas Unedig sy'n rhoi grym yn nwylo mwy o bobl drwy ddefnyddio data  ac offer digidol."
 
 #: www/includes/easyparliament/templates/html/static/about.php:35
@@ -2607,7 +2631,7 @@ msgid "Find out more about how mySociety is funded."
 msgstr "Rhagor o wybodaeth am y modd y mae mySociety yn cael ei ariannu."
 
 #: www/includes/easyparliament/templates/html/static/about.php:39
-msgid "Sign up for updates from mySociety"
+msgid "Sign up for updates on our democracy and Parliaments work"
 msgstr "Cofrestrwch am y newyddion diweddaraf gan mySociety"
 
 #: www/includes/easyparliament/templates/html/static/about.php:61

tests/AcceptBasicTest.php

@@ -25,7 +25,7 @@ private function fetch_page($path, $file = 'index.php', $vars = array())
     public function testHome()
     {
         $page = $this->fetch_page('');
-        $this->assertStringContainsString('Find out more', $page);
+        $this->assertStringContainsString('Learn more about', $page);
         $this->assertStringContainsString('Create an alert', $page);
         $this->assertStringContainsString('Upcoming', $page);
     }

www/docs/style/sass/_mysoc_footer.scss

@@ -5,7 +5,7 @@ $mysoc-footer-background-color: #fff !default;
 $mysoc-footer-text-color: #333 !default;
 $mysoc-footer-site-name-text-color: $mysoc-footer-text-color !default;
 
-$mysoc-footer-link-text-color: #4FADED !default;
+$mysoc-footer-link-text-color: $links !default;
 $mysoc-footer-link-hover-text-color: darken($mysoc-footer-link-text-color, 10%) !default;
 
 $mysoc-footer-site-name-font-size: 1.5em !default;

www/docs/style/sass/_settings.scss

@@ -72,12 +72,19 @@ $column-gutter: 3%;
 $row-width: em-calc(1140);
 $block-grid-default-spacing: 3%;
 
-$primary-color: #62b356;
+$primary-color: #4b7e45;
+$primary-color-100: lighten($primary-color, 45%);
+$primary-color-200: lighten($primary-color, 40%);
+$primary-color-300: lighten($primary-color, 35%);
+$primary-color-600: darken($primary-color, 5%);
+$primary-color-700: darken($primary-color, 10%);
 $secondary-color: #A94CA6;
+$color-red: #dc3545;
+$color-yellow: #ffe500;
 
 $body-bg: #f3f1eb;
 $body-font-color: #333333;
-$links: #4faded;
+$links: #1567ae;
 $brand: $primary-color;
 $footer: #444;
 $topbar-bg-color: $brand;
@@ -260,7 +267,7 @@ $margin: 1em;
 // $paragraph-font-family: inherit;
 // $paragraph-font-weight: normal;
 // $paragraph-font-size: 1em;
-// $paragraph-line-height: 1.6;
+$paragraph-line-height: 1.4;
 // $paragraph-margin-bottom: em-calc(20);
 // $paragraph-aside-font-size: em-calc(14);
 // $paragraph-aside-line-height: 1.35;
@@ -408,7 +415,7 @@ $margin: 1em;
 
 // We use these to build padding for buttons.
 
-// $button-med: em-calc(12);
+$button-med: em-calc(8);
 // $button-tny: em-calc(7);
 // $button-sml: em-calc(9);
 // $button-lrg: em-calc(16);

www/docs/style/sass/_twfy-mixins.scss

@@ -9,10 +9,10 @@ $medium-screen: 48em;
 $large-screen: 65em;
 $huge-screen: 71.25em;
 
-$colour_primary: #62b356 !default;
+$colour_primary: $primary-color !default;
 $colour_black: #222222;
 $colour_dark_grey: #666361;
-$colour_grey: #7E7B78;
+$colour_grey: #727170;
 $colour_mid_grey: #ccc7c3;
 $colour_light_grey: #e9e7e4;
 $colour_off_white : #f2f1ef;
@@ -230,11 +230,14 @@ $weight_bold: 700;
 
 
 .site-nav a.donate-button {
-    background-color: darken($colour_pale_red, 10%);
-    &:hover,
-    &:focus {
-        background-color: darken($colour_pale_red, 15%);
+    background-color: $color-red;
+    &:hover {
+        background-color: darken($color-red, 5%);
     };
+    &:focus {
+        background-color: $color-yellow;
+        color: $body-font-color;
+    }
     color: #FFF;
     font-weight: $weight_bold;
     @include border-radius(3px);
@@ -245,19 +248,26 @@ $weight_bold: 700;
     font-weight: $weight_semibold;
     border: 0;
     @include border-radius(3px);
-    &:hover,
+    &:hover {
+        background-color: $primary-color-700;
+    }
+
     &:focus {
-        background-color: darken($colour_primary, 10%);
+        background-color: $color-yellow;
+        color: $body-font-color;
     }
 }
 
+button {
+    @extend .button;
+}
+
 .secondary-button,
 .button--secondary {
     background-color: $colour_off_white;
     border: 1px solid $colour_light_grey;
     color: $colour_dark_grey;
-    &:hover,
-    &:focus {
+    &:hover {
         background-color: darken($colour_off_white, 5%);
         color: $colour_black;
         border-color: darken($colour_light_grey, 10%);
@@ -266,16 +276,14 @@ $weight_bold: 700;
 
 .button--negative {
   background-color: $colour_pale_red;
-  &:hover,
-  &:focus {
+  &:hover {
       background-color: darken($colour_pale_red, 10%);
   }
 }
-
+x
 .button--red {
     background-color: red;
-    &:hover,
-    &:focus {
+    &:hover {
         background-color: darken($colour_pale_red, 10%);
     }
   }
@@ -297,8 +305,7 @@ $weight_bold: 700;
 .button--violet {
     background-color: $colour_violet;
     &:hover,
-    &:active,
-    &:focus {
+    &:active {
       background-color: darken($colour_violet, 10%);
   }
 }
@@ -307,8 +314,7 @@ $weight_bold: 700;
     background-color: $colour_off_white;
     color: #333;
     &:hover,
-    &:active,
-    &:focus {
+    &:active {
       color: #333;
       background-color: darken($colour_off_white, 10%);
   }
@@ -324,8 +330,7 @@ $weight_bold: 700;
     }
 
     &:hover,
-    &:active,
-    &:focus {
+    &:active {
         background-color: darken(#3b5998, 10%);
     }
 }