From 672e61849d41083a3e24018df6b1a1eef2b79c1c Mon Sep 17 00:00:00 2001
From: "fred.boniface" <fred@fjla.uk>
Date: Fri, 28 Oct 2022 20:18:53 +0100
Subject: [PATCH] Add larger size options for 500px logo

---
 new_index.html      | 38 +++++++++++++++++++++++---------------
 style/new_style.css |  1 -
 2 files changed, 23 insertions(+), 16 deletions(-)

diff --git a/new_index.html b/new_index.html
index 99ab42e..3a33ba9 100644
--- a/new_index.html
+++ b/new_index.html
@@ -26,8 +26,8 @@
             <source media="(min-width: 290px)" srcset="/images/logo/full-40.jxl" type="image/jxl">
             <source media="(min-width: 290px)" srcset="/images/logo/full-40.webp" type="image/webp">
             <source media="(min-width: 290px)" srcset="/images/logo/full-40.png" type="image/png">
-            <source media="(max-width: 290px)" srcset="/images/logo/short-20.jxl" type="image/jxl">
-            <source media="(max-width: 290px)" srcset="/images/logo/short-20.png" type="image/png">
+            <source media="(max-width: 289px)" srcset="/images/logo/short-20.jxl" type="image/jxl">
+            <source media="(max-width: 289px)" srcset="/images/logo/short-20.png" type="image/png">
             <img src="/images/logo/full-40.png" alt="Fred Boniface logo">
           </picture>
         </a>
@@ -50,19 +50,27 @@
         </picture>
       </div>
       <div id="sidebar_social">
-        <picture>
-          <source srcset="/images/social-icons/500px_seek_58.jxl" type="image/jxl">
-          <source srcset="/images/social-icons/500px_seek_58.webp" type="image/webp">
-          <img src="/images/social-icons/500px_seek_58.png" alt="500px Logo">
-        </picture>
-        <picture>
-          <source srcset="/images/social-icons/fb_blue_58.png" type="image/png">
-          <img src="/images/social-icons/fb_blue_58.png" alt="Facebook Logo">
-        </picture>
-        <picture>
-          <source srcset="/images/social-icons/gh_white_64.png" type="image/png">
-          <img src="/images/social-icons/gh_white_64.png" alt="Github Logo">
-        </picture>
+        <a href="https://500px.com/p/fredboniface" target="_blank" rel="noreferrer noopener">
+          <picture>
+            <source media="(min-width: 399px)" srcset="/images/social-icons/500px_seek_114.jxl" type="image/jxl">
+            <source media="(min-width: 399px)" srcset="/images/social-icons/500px_seek_114.webp" type="image/webp">
+            <source srcset="/images/social-icons/500px_seek_58.jxl" type="image/jxl">
+            <source srcset="/images/social-icons/500px_seek_58.webp" type="image/webp">
+            <img src="/images/social-icons/500px_seek_114.png" alt="500px Logo">
+          </picture>
+        </a>
+        <a href="https://fb.me/fred.boniface" target="_blank" rel="noreferrer noopener"></a>
+          <picture>
+            <source srcset="/images/social-icons/fb_blue_58.png" type="image/png">
+            <img src="/images/social-icons/fb_blue_58.png" alt="Facebook Logo">
+          </picture>
+        </a>
+        <a href="https://github.com/frdbonif" target="_blank" rel="noreferrer noopener">
+          <picture>
+            <source srcset="/images/social-icons/gh_white_64.png" type="image/png">
+            <img src="/images/social-icons/gh_white_64.png" alt="Github Logo">
+          </picture>
+        </a>
       </div>
     </div>
     <div class="content show_micro">
diff --git a/style/new_style.css b/style/new_style.css
index a237a83..ef519a0 100644
--- a/style/new_style.css
+++ b/style/new_style.css
@@ -163,7 +163,6 @@ body {
     color: var(--main-text-color);
 }
 /* FOOTER */
-/* FOOTER */
 footer {
     position: relative;
     width: 100%;