From ff5b6832e9d31fb61d6f274861849ed8b962be96 Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Fri, 14 Oct 2022 10:27:54 +0100
Subject: [PATCH] Change 500px logo and optimise sizing

---
 contact.php | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/contact.php b/contact.php
index 65dd1d1..a4e4c99 100644
--- a/contact.php
+++ b/contact.php
@@ -17,9 +17,9 @@
           <div class="social-links">
             <a href="https://fb.me/fred.boniface" target="_blank" rel="noreferrer noopener">
               <picture>
-                <source media="(max-width: 400px)" srcset="/images/social-icons/fb_blue_58.png" type="image/png">
-                <source media="(max-width: 600px)" srcset="/images/social-icons/fb_blue_144.png" type="image/png">
-                <img src="/images/social-icons/fb_blue_250.png" alt="Facebook Logo">
+                <source media="(max-width: 600px)" srcset="/images/social-icons/fb_blue_58.png" type="image/png">
+                <source srcset="/images/social-icons/fb_blue_144.png" type="image/png">
+                <img src="/images/social-icons/fb_blue_144.png" alt="Facebook Logo">
               </picture>
             </a>
             <a href="https://github.com/frdbonif" target="_blank" rel="noreferrer noopener">
@@ -30,10 +30,12 @@
             </a>
             <a href="https://500px.com/p/fredboniface" target="_blank" rel="noreferrer noopener">
               <picture>
-                <source media="(max-width: 600px)" srcset="/images/social-icons/500px_114.jxl" type="image/jxl">
-                <source media="(max-width: 600px)" srcset="/images/social-icons/500px_114.png" type="image/png">
-                <source srcset="/images/social-icons/500px_250.jxl" type="image/jxl">
-                <img src="/images/social-icons/500px_250.png" alt="500px Logo">
+                <source media="(max-width: 600px)" srcset="/images/social-icons/500px_seek_58.jxl" type="image/jxl">
+                <source media="(max-width: 600px)" srcset="/images/social-icons/500px_seek_58.webp" type="image/webp">
+                <source media="(max-width: 600px)" srcset="/images/social-icons/500px_seek_58.png" type="image/png">
+                <source srcset="/images/social-icons/500px_seek_114.jxl" type="image/jxl">
+                <source srcset="/images/social-icons/500px_seek_114.webp" type="image/webp">
+                <img src="/images/social-icons/500px_seek_114.png" alt="500px Logo">
               </picture>
             </a>
           </div>