From 45fccac430576ecbb4c8cb101e8d93a5a6a8f2bb Mon Sep 17 00:00:00 2001
From: kiril <kiril@kovachev.xyz>
Date: Mon, 22 Apr 2024 00:13:29 +0000
Subject: [PATCH] Update icon style and design

---
 index.html | 9 +++++----
 style.css  | 9 +++++++++
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index d61994c..c9287f6 100644
--- a/index.html
+++ b/index.html
@@ -19,16 +19,17 @@
        relating to those areas.</p>
     
     <!-- The below are my external links to other platforms. -->
+    <h2 id="links">Links</h2>
     <div id="link_menu">
         <ul class="links">
             <li>
                 <a href="https://www.youtube.com/channel/UCFSEmpkBC4eJYcewb3N7GEw">
-                    <img src="https://www.youtube.com/s/desktop/0529f0d5/img/favicon_48x48.png" alt="YouTube icon" title="YouTube account" width="48" height="48"></img>
+                    <img src="static/youtube.png" alt="YouTube icon" title="YouTube account" width="48" height="48"></img>
                 </a>
             </li>
             <li>
                 <a href="mailto:ktkovachev@gmail.com">
-                    <img src="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/gmail.ico" alt="Gmail logo" title="Send me an email" width="48" height="48"></img>
+                    <img src="static/mail.ico" alt="Gmail logo" title="Send me an email" width="48" height="48"></img>
                 </a>
             </li>
             <li>
@@ -38,12 +39,12 @@
             </li>
             <li>
                 <a href="https://en.wiktionary.org/wiki/User:Kiril_kovachev">
-                    <img src="https://en.wiktionary.org/static/favicon/wiktionary/en.ico" alt="Wiktionary logo" title="Wiktionary account"></img>
+                    <img src="static/wiktionary.svg" alt="Wiktionary logo" title="Wiktionary account" width="48" height="48"></img>
                 </a>
             </li>
             <li>
                 <a href="https://git.kovachev.xyz/kkovachev">
-                    <img class="invert" src="https://github.githubassets.com/favicons/favicon.svg" alt="GitHub logo" title="Git" width="48" height="48"></img>
+                    <img class="invert" src="static/gitea.svg" alt="GitHub logo" title="Git" width="48" height="48"></img>
                 </a>
 
             </li>
diff --git a/style.css b/style.css
index 2266ad8..9396a27 100644
--- a/style.css
+++ b/style.css
@@ -46,3 +46,12 @@ div.center {
 a {
   text-decoration: none;
 }
+
+h2#links {
+  text-align: left;
+  color: gold;
+  font-size: 16pt;
+  border-bottom: none;
+  max-width: fit-content;
+  margin: 1em auto;
+}