Add social icons to page

contact.php

@@ -18,6 +18,22 @@
         <a href="https://github.com/frdbonif" target="_blank" rel="noreferrer noopener">GitHub</a>
         <a href="https://500px.com/p/fredboniface" target="_blank" rel="noreferrer noopener">500px</a>
 
+        <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">
+        </picture>
+        <picture>
+          <source media="(max-width: 400px)" srcset="/images/social-icons/gh_white_64.png" type="image/png">
+          <img src="/images/social-icons/gh_white_120.png" alt="GitHub Logo">
+        </picture>
+        <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">
+        </picture>
+
       </div>
 
     <?php include "./page-blocks/footer.php"; ?>

error-pages/403.php

@@ -10,6 +10,9 @@
     <h1 class="page-title">Access Denied</h1>
       <div class="title-image">
         <picture>
+          <source media="(max-width: 1000px)" srcset="/images/error-pages/denied_200.jxl" type="image/jxl">
+          <source media="(max-width: 1000px)" srcset="/images/error-pages/denied_200.webp" type="image/webp">
+          <source media="(max-width: 1000px)" srcset="/images/error-pages/denied_200.png" type="image/png">
           <source srcset="/images/error-pages/denied.jxl" type="image/jxl">
           <source srcset="/images/error-pages/denied.webp" type="image/webp">
           <img src="/images/error-pages/denied.png" alt="Denied">

error-pages/404.php

@@ -10,6 +10,9 @@
     <h1 class="page-title">Not Found</h1>
     <div class="title-image">
         <picture>
+          <source media="(max-width: 1000px)" srcset="/images/error-pages/not-found_200.jxl" type="image/jxl">
+          <source media="(max-width: 1000px)" srcset="/images/error-pages/not-found_200.webp" type="image/webp">
+          <source media="(max-width: 1000px)" srcset="/images/error-pages/not-found_200.png" type="image/png">
           <source srcset="/images/error-pages/not-found.jxl" type="image/jxl">
           <source srcset="/images/error-pages/not-found.webp" type="image/webp">
           <img src="/images/error-pages/not-found.png" alt="Not Found">

error-pages/50x.html

@@ -13,9 +13,12 @@
     <h1 class="page-title">Server Error</h1>
     <div class="title-image">
       <picture>
-        <source srcset="/images/error-pages/denied.jxl">
+        <source media="(max-width: 1000px)" srcset="/images/error-pages/denied_200.jxl" type="image/jxl">
-        <source srcset="/images/error-pages/denied.webp">
+        <source media="(max-width: 1000px)" srcset="/images/error-pages/denied_200.webp" type="image/webp">
-        <img src="/images/error-pages/denied.png" alt="Server Error">
+        <source media="(max-width: 1000px)" srcset="/images/error-pages/denied_200.png" type="image/png">
+        <source srcset="/images/error-pages/denied.jxl" type="image/jxl">
+        <source srcset="/images/error-pages/denied.webp" type="image/webp">
+        <img src="/images/error-pages/denied.png" alt="Denied">
       </picture>
     </div>
       <div class="page-main-content">