2 files changed, 25 insertions, 22 deletions

diff --git a/_config.yml b/_config.yml
index 0a32da6..b92e11d 100644
--- a/_config.yml
+++ b/_config.yml
@@ -37,10 +37,20 @@ url: "https://hack-gpon.github.io/"
 nav_sort: case_sensitive

 

 aux_links:

-  "Hack GPON on GitHub":

-    - "//github.com/hack-gpon/hack-gpon.github.io"

-  "Hack GPON on Telegram":

-    - "//t.me/HackGPON"

+  - "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'

+      

+#aux_links:

+#  "Hack GPON on GitHub":

+#    - "//github.com/hack-gpon/hack-gpon.github.io"

+#  "Hack GPON on Telegram":

+#    - "//t.me/HackGPON"

 

 back_to_top: true

 back_to_top_text: "Back to top"

diff --git a/_layouts/default.html b/_layouts/default.html
index cd4cfbb..718ea9e 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -85,24 +85,17 @@ layout: table_wrappers
                 </div>

             {% endif %}

             {% include header_custom.html %}

-            {% if site.aux_links %}

-                <nav aria-label="Auxiliary" class="aux-nav">

-                    <ul class="aux-nav-list">

-                        {% for link in site.aux_links %}

-                            <li class="aux-nav-list-item">

-                                <a href="{{ link.last }}" class="site-button"

-                                    {% if site.aux_links_new_tab %}

-                                    target="_blank" rel="noopener noreferrer"

-                                    {% endif %}

-                                >

-                                    {{ link.first }}

-                                </a>

-                            </li>

-                        {% endfor %}

-                    </ul>

-                </nav>

-            {% endif %}

             <nav class="aux-nav"><ul class="aux-nav-list">

+                {% 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>

+                        </li>

+                    {% endfor %}

+                {% endif %}

                 <li class="aux-nav-list-item"><span class="site-button "><a class="btn js-toggle-dark-mode">Dark mode</a></span></li>

             </ul></nav>

         </div>

@@ -278,4 +271,4 @@ layout: table_wrappers
 {% if site.mermaid_enabled != false %}

 {%- include mermaid_init.html -%}

 {% endif %}

-</html>
\ No newline at end of file
+</html>