diff options
Diffstat (limited to '')
| -rw-r--r-- | _config.yml | 16 | ||||
| -rw-r--r-- | _includes/icons/custom.html | 12 | ||||
| -rw-r--r-- | _layouts/default.html | 13 |
3 files changed, 30 insertions, 11 deletions
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 %}
|