From f21c4d280d71b81c473f07862c22f92c55750cb2 Mon Sep 17 00:00:00 2001
From: Simone Bortolin <simonebortolin@users.noreply.github.com>
Date: Fri, 12 Aug 2022 23:59:07 +0200
Subject: update

fix code
---
 _config.yml                 | 16 ++++++++--------
 _includes/icons/custom.html | 12 ++++++++++++
 _layouts/default.html       | 13 ++++++++++---
 3 files changed, 30 insertions(+), 11 deletions(-)
 create mode 100644 _includes/icons/custom.html

diff --git a/_config.yml b/_config.yml
index b92e11d..787d99a 100644
--- a/_config.yml
+++ b/_config.yml
@@ -37,14 +37,14 @@ url: "https://hack-gpon.github.io/"
 nav_sort: case_sensitive
 
 aux_links:
-  - "Github":
-      color: 'blue'
-      logo: 'https://cdn-icons-png.flaticon.com/512/1051/1051377.png'
-      link: '//github.com/hack-gpon/hack-gpon.github.io'
-  - "Telegram":
-      color: 'blue'
-      logo: 'https://iconape.com/wp-content/png_logo_vector/telegram-new-2019-black-x-logo.png'
-      link: '//t.me/HackGPON'
+  - title: "Github"
+    color: 'blue'
+    icon: 'svg-github'
+    link: '//github.com/hack-gpon/hack-gpon.github.io'
+  - title: "Telegram"
+    color: 'blue'
+    icon: 'svg-telegram'
+    link: '//t.me/HackGPON'
       
 #aux_links:
 #  "Hack GPON on GitHub":
diff --git a/_includes/icons/custom.html b/_includes/icons/custom.html
new file mode 100644
index 0000000..4bcbf6a
--- /dev/null
+++ b/_includes/icons/custom.html
@@ -0,0 +1,12 @@
+<symbol id="svg-telegram" viewBox="0 0 16 16">
+    <title>Telegram</title>
+    <svg xmlns="http://www.w3.org/2000/svg"   viewBox="0 0 16 16" role="img" aria-label="Telegram">
+        <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z"/>
+    </svg>
+</symbol> 
+<symbol id="svg-github" viewBox="0 0 16 16">
+    <title>GitHub</title>
+    <svg xmlns="http://www.w3.org/2000/svg"   viewBox="0 0 16 16" role="img" aria-label="GitHub">
+        <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
+    </svg>
+</symbol> 
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
index 718ea9e..b3078cf 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -89,9 +89,16 @@ layout: table_wrappers
                 {% if site.aux_links %}
                     {% for link in site.aux_links %}
                         <li class="aux-nav-list-item">
-                            <span class="site-button ">
-                                <a href="{{ link.last.link }}" class="btn btn-{{ link.last.color }}">{{ link.first }}  <img style="width:auto;height:20px;vertical-align:middle;" src="{{ link.last.logo }}"></img></a>
-                                {{ link }}
+                            <span class="site-button">
+                                <a href="{{ link.link }}" class="btn btn-{{ link.color }}">{{ link.title }} 
+                                    {% if link.logo %}
+                                    <img src="{{ link.logo }}"></img></a>
+                                    {% endif %}
+                                    {% if link.icon %}
+                                    <svg>
+                                        <use xlink:href="{{ link.icon }}"></use></svg>
+                                    </svg>
+                                    {% endif %}
                             </span>
                         </li>
                     {% endfor %}
-- 
cgit v1.2.3