Replace background image on /alert/by-postcode

mysociety · Jul 5, 2024 · 445a9ea · 445a9ea
1 parent ccc444c
commit 445a9ea
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 2 deletions.
diff --git a/www/docs/images/person-sitting-in-light.jpg b/www/docs/images/person-sitting-in-light.jpg
diff --git a/www/docs/images/pmqs-flickr-53754559691-by-nc-nd.jpg b/www/docs/images/pmqs-flickr-53754559691-by-nc-nd.jpg
diff --git a/www/docs/style/sass/pages/_alert.scss b/www/docs/style/sass/pages/_alert.scss
@@ -1,9 +1,10 @@
 .alerts-header {
+  position: relative;
   text-align: center;
   padding: 1em 0;
   color: #000; // improve contrast against light background image
 
-  background-image: url(/images/person-sitting-in-light.jpg);
+  background-image: url(/images/pmqs-flickr-53754559691-by-nc-nd.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: 50% 70%;
@@ -49,6 +50,20 @@
   p.lead {
     line-height: 1.4em; // down from default 1.6em
   }
+
+  .image-attribution {
+    position: absolute;
+    bottom: 1em;
+    right: 1em;
+    font-size: 0.625em;
+    margin: 0;
+    opacity: 0.5;
+    line-height: 1.2em;
+
+    a {
+      color: inherit;
+    }
+  }
 }
 
 // An extra big header, designed for pages where all
@@ -89,7 +104,7 @@
   }
 
   input[type="text"] {
-    border: #999;
+    border-color: #999;
     margin: 0;
     height: auto; // allow input to be sized by content's default height
     font-size: 1.4em;

diff --git a/www/includes/easyparliament/templates/html/alert/postcode.php b/www/includes/easyparliament/templates/html/alert/postcode.php
@@ -81,4 +81,5 @@
 
         </div>
     </div>
+    <p class="image-attribution">Image <a href="https://www.flickr.com/photos/uk_parliament/53754559691/in/datetaken/">© House of Commons</a></p>
 </div>