Mastodon Links

[hx077]

Hello!

Maybe I don't know how to do it but I'm trying to add a mastodon handle to the page. Any way I can add an icon and the handle?

-H

[PHRaposo]

Hi.

I've found a way to add Soundcloud and Youtube icons to the template.

I've followed a few steps:

• Downloaded an svg icon. E.G., I've found a Mastodon icon here:
  LINK

• Uploaded the SVG file to the repository in "assets/img/icons/" folder:

• Modified _/includes/author-box.html. For YouTube the code was:

{% if site.youtube %}           
<li class="youtube"><a class="" href="https://youtube.com{{site.youtube}}" target="_blank"><i class="fa fa-youtube"></i></a></li>
{% endif %}

• Modified _/pages/about.html.

 {% if site.youtube %}
<li class="youtube"><a class="youtube" href="https://youtube.com/{{site.youtube}}" target="_blank"><i class="fa fa-youtube"></i></a></li>
{% endif %}

• Modified _/assets/css/main.css after the line "/* = = = Social Share Icon Colors = = = */"
  This is for changing the color of the icon and I've used the same as twitter (that I've disabled.)

.youtube:hover{color:#1DA1F2}

• Included new lines in _config.yml after "# Contact links".

youtube: # YouTube Channel (without @)
soundcloud: # Soundcloud username

Maybe this can be used for Mastodon and can be helpful for others.

Best.