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.