Add an icon to the footer

[bluefander]

Hi

I would like to add a soundcloud icon to the footer:
https://fontawesome.com/v5.15/icons/soundcloud

I thought it should be one of those since it is what fontello-codes.css indicates to me.

In the _icons.scss file I wrote:

.icon-soundcloud:before { content: '\f1be'; }

And in the config.yaml:

- type: soundcloud
  url: myurl

But it's not yet displayed in the footer. What is missing?

[kdevo]

Hi,

icons are currently only available as a minified/customized icon font in master branch. This font needs a rebuild in case of any additional icons than mentioned in the config, which ensures minimal loading times by only providing a subset of icons. Unfortunately, this also means it's not enough to add the unicode code point to the _icons.scss as you did for the SoundCloud icon.

But there's good news: In dev branch (think of it as "bleeding edge"), I have already integrated my solution for dynamically embedding SVG icons. Hence, you've 3 possibilities to add your SoundCloud icon as far as I can see:

1. Easiest: Check out the dev branch, run hugo mod get -u and add soundcloud: fab soundcloud to data/icons.yml. Upside: You'll also profit from the latest other features. Downside: Features might not be as stable/documented than usual.
2. Hard, but correct way for v4: Use Fontello by uploading aforementioned config, add SoundCloud, and overwrite the icon font.
3. Impractical, but depends on your time horizon: Wait until the new features get merged into master.

Hope it helps!

BTW: I am kind of curious what your background on using the theme is and I want to learn more about the users of my theme 😄
Are you a musician? Do you want to use it as a landing page? Where did you get to know from it? If you want, you can drop me a link to your current WIP version for some feedback.

Have a good day!

[bluefander]

Hmm... do you have any idea what I am missing?

[kdevo]

Hi,

I've added a fully-fledged example for custom icons to the exampleSite, please have a look at 1e4d859 (dev branch). I've followed my own instructions for this to verify that they work.

PS: I think it would help if you would search for a basic git tutorial that suits you, where you learn some more about the mechanisms, branches etc of git. Git can be a powerful tool for tracking changes, even if you're not a developer, so your time will not be wasted. Uploading a zip file is not the "git way", as it makes it pretty hard for it to track the changes (this is a binary file for git, and its best at doing its work for files it can easily read). Additional benefit: It's also easier for others to look at your changes (like myself). All this is not meant offending of course, just an advice!

[kdevo]

Just don't get where the stuff is located...

I believed this is cached somewhere internally by either go (which I suspect) or Hugo, that's why they are not in the project, as the modules are also meant to be accessible in other projects.

Which doesn't make much sense to me since I could see how "hugo mod get -u" downloaded hugo-mods.

I think you've forgotten to init (step 2) as per my instructions.

[bluefander]

I am very sorry... I had some completely stupid misunderstandings about how the directory structure worked in hugo. And that caused some problems. It's logical after all -.-

For sure your 1-4 steps worked out for me, too.

Yeah, I am aware that I have no idea how to use Git properly xD
So I appreciate your advice!
Thanks a lot!

[kdevo]

No problem, happy to help 👍