indigo icon indicating copy to clipboard operation
indigo copied to clipboard

Provide some guidelines in the README for adding social networks

Open AngeloStavrow opened this issue 7 years ago • 2 comments

It's faster for users to find the account they want to add if the social networks are listed alphabetically in config.toml.example; this ordering should extend to the presentation of the icons in layout/partials/social.html as well.

We also have to think about the implications of how many social icons we add for readers on small screens. As it stands, the icon size is about as small as I'm comfortable with; how should we handle overflow?

AngeloStavrow avatar Oct 18 '18 14:10 AngeloStavrow

Something I've done in my playing around with creating a theme was format the social network config like so:

[params.social.github]
  name = "GitHub"
  url = "https://github.com/dpflug"
  class = "u-url"
  icon = "/icons/github.svg"

[params.social.email]
  name = "E-mail"
  url = "mailto:[email protected]"
  class = "u-email"

etc, and then in the template, use:

{{ range $key, $value := .Site.Params.Social }}
<a rel="me" class="{{ $value.class }}" href="{{ $value.url }}">
  <img src="{{ $value.icon }}" alt="{{ $value.name }}">
</a>
{{ end }}

Don't know if that's the direction you want to go, but it works pretty well for me.

dpflug avatar Nov 02 '18 21:11 dpflug

That's an interesting idea. I like having some sensible defaults included as an example that users can copy as needed (e.g., your params.social.email and a params.social.github or some network that is IndieWeb/IndieAuth-friendly). I'll think on this some more, thanks for your input — and if you have any further thoughts, please do share!

AngeloStavrow avatar Nov 04 '18 23:11 AngeloStavrow