Update icon style and design

This commit is contained in:
kiril 2024-04-22 00:13:29 +00:00
parent 09c7e6fa90
commit 45fccac430
2 changed files with 14 additions and 4 deletions

View File

@ -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>

View File

@ -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;
}