[08:41 Dec 29, 2018] Yangon
Welcome to my second post!

Today, I will be adding more social icons in the footer.

Social icons

• Get the sites’ logos in their press kit.
  • Use this converter or this or this(need a facebook account though) to convert it to SVG.
  • Then in the SVG file, adjust width, height, and color.
  • Change SVG to base64 here.
  • So there are three files in which you need to change.
    1. _sass/_svg-icons.scss
       • Put your base64 string here.
    2. _includes/svg-icons.html
       • Add the function in Ruby and HTML
    3. _config.yml
       • Enter your username of the social account here
       • What is YAML or YML?
  • Now, restart the server if you are running the site in local (jekyll server). You should see the social icons below in the footer. 😎

Press kits and icons

• Duolingo icon
• Goodreads icon
• Soundcloud icon
  • Click Originaldatei then View Page Source to get SVG codes
• Shutterstock icon
• Thinking about including my ElixirForum account, I came acroos this SVG collection site. After reading this Github thread, I feel like I might even probably have to remove some of the social icons I just added due to copyrights reasons.
  Anyway, I just made a different icon for ElixirForum account icon.
• StackExchange icon

Notes

• SVG tricks shown by Ko Pyae Sone when back in Softhatch are pretty helpful here.