Skin: Support responsive footer icons

This allows footer icons to declare different images at different
media queries via the picture element

e.g.
$wgFooterIcons['poweredby']['mediawiki']['sources'] = [
       [
           "media" => "(max-width: 720px)",
           "srcset" => "https://en.wikipedia.org/static/images/mobile/mediawiki.png",
];

Bug: T384619
Change-Id: Ib325690906bc7fd9c0668cf2f77f0690d826d98e

1 files changed, 35 insertions, 0 deletions

diff --git a/resources/assets/mediawiki_compact.svg b/resources/assets/mediawiki_compact.svg
new file mode 100644
index 000000000000..211d5beb672f
--- /dev/null
+++ b/resources/assets/mediawiki_compact.svg
@@ -0,0 +1,35 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
+	<defs>
+		<linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="0" x2="25" y1="25" y2="0">
+			<stop offset="0%" stop-color="#0a00b2"/>
+			<stop offset="50%" stop-color="#ff0000"/>
+			<stop offset="100%" stop-color="#fffc00"/>
+		</linearGradient>
+		<style>
+			.petal {
+				opacity: 0.65;
+			}
+			.petals {
+				fill: url(#gradient);
+			}
+		</style>
+	</defs>
+	<g id="petals" class="petals">
+		<path class="petal" d="M7.068,4.359A3.866,3.866,0,0,0,8.2,7.024a2.989,2.989,0,0,0,1.973.787,0.919,0.919,0,0,0,.628-0.281,3,3,0,0,0,.7-2.876C10.97,2.815,9.5,1.8,7.7.915A8.026,8.026,0,0,0,7.068,4.359Z"/>
+		<path class="petal" d="M4.4,7.031A3.848,3.848,0,0,0,6.468,9.056a2.984,2.984,0,0,0,2.122-.031,0.923,0.923,0,0,0,.473-0.5A3,3,0,0,0,8.617,5.6C7.42,4.1,5.678,3.728,3.676,3.607A8.025,8.025,0,0,0,4.4,7.031Z"/>
+		<path class="petal" d="M2.959,10.524A3.831,3.831,0,0,0,5.638,11.6a2.99,2.99,0,0,0,1.949-.844,0.927,0.927,0,0,0,.246-0.645A3,3,0,0,0,6.306,7.58c-1.675-.919-3.428-0.6-5.324.06A8,8,0,0,0,2.959,10.524Z"/>
+		<path class="petal" d="M2.956,14.307a3.824,3.824,0,0,0,2.885-.035,3,3,0,0,0,1.479-1.529A0.929,0.929,0,0,0,7.3,12.052,2.981,2.981,0,0,0,4.926,10.3c-1.9-.2-3.394.766-4.9,2.1A7.954,7.954,0,0,0,2.956,14.307Z"/>
+		<path class="petal" d="M4.394,17.8a3.831,3.831,0,0,0,2.653-1.141,3.017,3.017,0,0,0,.784-1.981,0.926,0.926,0,0,0-.28-0.631,2.971,2.971,0,0,0-2.863-.706c-1.831.54-2.844,2.013-3.722,3.824A7.927,7.927,0,0,0,4.394,17.8Z"/>
+		<path class="petal" d="M7.054,20.479A3.849,3.849,0,0,0,9.07,18.4a3.022,3.022,0,0,0-.031-2.132,0.922,0.922,0,0,0-.5-0.476,2.97,2.97,0,0,0-2.914.449c-1.486,1.2-1.86,2.953-1.982,4.964A7.929,7.929,0,0,0,7.054,20.479Z"/>
+		<path class="petal" d="M10.531,21.93A3.867,3.867,0,0,0,11.6,19.238a3.016,3.016,0,0,0-.841-1.958,0.918,0.918,0,0,0-.642-0.248A2.979,2.979,0,0,0,7.6,18.567c-0.914,1.683-.594,3.443.06,5.348A7.957,7.957,0,0,0,10.531,21.93Z"/>
+		<path class="petal" d="M14.3,21.933a3.873,3.873,0,0,0-.035-2.9,3,3,0,0,0-1.522-1.486,0.917,0.917,0,0,0-.687.018,2.993,2.993,0,0,0-1.745,2.387c-0.2,1.906.763,3.409,2.093,4.918A8,8,0,0,0,14.3,21.933Z"/>
+		<path class="petal" d="M17.776,20.489a3.866,3.866,0,0,0-1.136-2.665,2.989,2.989,0,0,0-1.973-.788,0.919,0.919,0,0,0-.628.281,3,3,0,0,0-.7,2.876c0.538,1.839,2,2.857,3.807,3.739A8.025,8.025,0,0,0,17.776,20.489Z"/>
+		<path class="petal" d="M20.441,17.817a3.848,3.848,0,0,0-2.065-2.025,2.984,2.984,0,0,0-2.122.031,0.923,0.923,0,0,0-.473.5,3,3,0,0,0,.447,2.927c1.2,1.493,2.94,1.869,4.942,1.991A8.025,8.025,0,0,0,20.441,17.817Z"/>
+		<path class="petal" d="M21.885,14.324a3.831,3.831,0,0,0-2.679-1.077,2.99,2.99,0,0,0-1.949.844,0.927,0.927,0,0,0-.246.645,3,3,0,0,0,1.528,2.533c1.675,0.919,3.428.6,5.324-.06A7.994,7.994,0,0,0,21.885,14.324Z"/>
+		<path class="petal" d="M21.888,10.541A3.824,3.824,0,0,0,19,10.576a3,3,0,0,0-1.479,1.529,0.928,0.928,0,0,0,.018.691,2.981,2.981,0,0,0,2.376,1.753c1.9,0.2,3.394-.767,4.9-2.1A7.955,7.955,0,0,0,21.888,10.541Z"/>
+		<path class="petal" d="M20.451,7.046A3.831,3.831,0,0,0,17.8,8.187a3.017,3.017,0,0,0-.784,1.982,0.927,0.927,0,0,0,.28.631,2.971,2.971,0,0,0,2.863.706c1.831-.54,2.844-2.013,3.722-3.824A7.926,7.926,0,0,0,20.451,7.046Z"/>
+		<path class="petal" d="M17.791,4.369a3.849,3.849,0,0,0-2.016,2.074,3.022,3.022,0,0,0,.031,2.132,0.922,0.922,0,0,0,.5.476A2.969,2.969,0,0,0,19.218,8.6C20.7,7.4,21.079,5.649,21.2,3.638A7.928,7.928,0,0,0,17.791,4.369Z"/>
+		<path class="petal" d="M14.313,2.918A3.867,3.867,0,0,0,13.241,5.61a3.016,3.016,0,0,0,.84,1.958,0.918,0.918,0,0,0,.642.248A2.978,2.978,0,0,0,17.245,6.28c0.914-1.683.594-3.443-.06-5.348A7.958,7.958,0,0,0,14.313,2.918Z"/>
+		<path class="petal" d="M10.548,2.915a3.874,3.874,0,0,0,.035,2.9A3,3,0,0,0,12.105,7.3a0.917,0.917,0,0,0,.687-0.018,2.993,2.993,0,0,0,1.745-2.387c0.2-1.906-.763-3.409-2.093-4.918A8,8,0,0,0,10.548,2.915Z"/>
+	</g>
+</svg>