Added background images for British parliaments and NI assembly

mysociety · Sep 10, 2024 · 6a7346d · 6a7346d
1 parent 1c3ce4d
commit 6a7346d
Show file tree

Hide file tree

Showing 23 changed files with 39 additions and 3 deletions.
diff --git a/www/docs/style/img/ni-assembly-desktop.webp b/www/docs/style/img/ni-assembly-desktop.webp
diff --git a/www/docs/style/img/ni-assembly-huge.webp b/www/docs/style/img/ni-assembly-huge.webp
diff --git a/www/docs/style/img/ni-assembly-mobile.webp b/www/docs/style/img/ni-assembly-mobile.webp
diff --git a/www/docs/style/img/ni-assembly-tablet.webp b/www/docs/style/img/ni-assembly-tablet.webp
diff --git a/www/docs/style/img/ni-parliament-desktop.jpg b/www/docs/style/img/ni-parliament-desktop.jpg
diff --git a/www/docs/style/img/ni-parliament-mobile.jpg b/www/docs/style/img/ni-parliament-mobile.jpg
diff --git a/www/docs/style/img/ni-parliament-tablet.jpg b/www/docs/style/img/ni-parliament-tablet.jpg
diff --git a/www/docs/style/img/scottish-parliament-desktop.jpg b/www/docs/style/img/scottish-parliament-desktop.jpg
diff --git a/www/docs/style/img/scottish-parliament-desktop.webp b/www/docs/style/img/scottish-parliament-desktop.webp
diff --git a/www/docs/style/img/scottish-parliament-huge.webp b/www/docs/style/img/scottish-parliament-huge.webp
diff --git a/www/docs/style/img/scottish-parliament-mobile.jpg b/www/docs/style/img/scottish-parliament-mobile.jpg
diff --git a/www/docs/style/img/scottish-parliament-mobile.webp b/www/docs/style/img/scottish-parliament-mobile.webp
diff --git a/www/docs/style/img/scottish-parliament-tablet.jpg b/www/docs/style/img/scottish-parliament-tablet.jpg
diff --git a/www/docs/style/img/scottish-parliament-tablet.webp b/www/docs/style/img/scottish-parliament-tablet.webp
diff --git a/www/docs/style/img/senedd-desktop.jpg b/www/docs/style/img/senedd-desktop.jpg
diff --git a/www/docs/style/img/senedd-mobile.jpg b/www/docs/style/img/senedd-mobile.jpg
diff --git a/www/docs/style/img/senedd-parliament-desktop.webp b/www/docs/style/img/senedd-parliament-desktop.webp
diff --git a/www/docs/style/img/senedd-parliament-huge.webp b/www/docs/style/img/senedd-parliament-huge.webp
diff --git a/www/docs/style/img/senedd-parliament-mobile.webp b/www/docs/style/img/senedd-parliament-mobile.webp
diff --git a/www/docs/style/img/senedd-parliament-tablet.webp b/www/docs/style/img/senedd-parliament-tablet.webp
diff --git a/www/docs/style/img/senedd-photo.jpg b/www/docs/style/img/senedd-photo.jpg
diff --git a/www/docs/style/img/senedd-tablet.jpg b/www/docs/style/img/senedd-tablet.jpg
diff --git a/www/docs/style/sass/parts/_panels.scss b/www/docs/style/sass/parts/_panels.scss
@@ -56,15 +56,51 @@
 }
 
 .panel--homepage--senedd {
-    background: url('../img/senedd-photo.jpg') center/cover no-repeat;
+    background: url('../img/senedd-parliament-mobile.webp') center/cover no-repeat;
+
+    @media (min-width: $medium-screen) {
+        background-image: url('../img/senedd-parliament-tablet.webp');
+    }
+
+    @media (min-width: $large-screen) {
+        background-image: url('../img/senedd-parliament-desktop.webp');
+    }
+
+    @media (min-width: $huge-screen) {
+        background-image: url('../img/senedd-parliament-huge.webp');
+     }
 }
 
 .panel--homepage--scotland {
-    background: url('../img/scotland-photo.jpg') center/cover no-repeat;
+    background: url('../img/scottish-parliament-mobile.webp') center/cover no-repeat;
+
+    @media (min-width: $medium-screen) {
+        background-image: url('../img/scottish-parliament-tablet.webp');
+    }
+
+    @media (min-width: $large-screen) {
+        background-image: url('../img/scottish-parliament-desktop.webp');
+    }
+
+    @media (min-width: $huge-screen) {
+        background-image: url('../img/scottish-parliament-huge.webp');
+     }
 }
 
 .panel--homepage--niassembly {
-    background: url('../img/niassembly-photo.jpg') center/cover no-repeat;
+    background: url('../img/ni-assembly-mobile.webp') center/cover no-repeat;
+
+    @media (min-width: $medium-screen) {
+        background-image: url('../img/ni-assembly-tablet.webp');
+    }
+
+    @media (min-width: $large-screen) {
+        background-image: url('../img/ni-assembly-desktop.webp');
+    }
+
+    @media (min-width: $huge-screen) {
+        background-image: url('../img/ni-assembly-huge.webp');
+     }
 }
 
 .panel--primary {