CUNY Academic Commons

For reference, from Scott's original ticket: " Change the existing social media hyperlinks to icons with changeable title - maybe the default title could be "Find Me Online:""

Are we still interested in doing this? It would be really helpful if someone could give me a quick mockup. I'm imagining something like

Find Me Online ==========
[Twitter-icon] [Facebook-icon] [Youtube-icon] etc

where you can click the icons and be taken to the user's profile on the sites in question. The corresponding items would then be removed from the standard profile display. Ie, you would no longer see

Twitter | http://twitter.com/boone
Youtube | http://youtube.com/boonebgorges
etc

I'm headed into the fathers day weekend but I will take a look at this and the archive group thing next week.

The subscription options plugin on our blogs does something like this; it may be useful as a model. See the box in the upper right corner of the news blog for an example.

A couple of other thoughts. If you're interested Boone I did it with HTML/CSS instead of photoshop so I can show the relatively simple CSS I used and get the icon images.

And do we have or need to add another ticket related to
1. The number of social media sites listed as options in the profile
2. Depending on the number we want to add, modifying the form so it doesn't get too long (like using some javascript to allow adding them more dynamically).

Thanks for your work on this, Chris! I don't have a strong preference either way, though I have a slight inclination towards having them at the bottom rather next to the picture.

I agree that we should think about how many we want as well as an interface for adding services that's not too overwhelming. Perhaps we can use ajax dropdowns to hide the social media options and thus keep the profile form, at first blush, relatively clutter free.

The only other note I have is that the icons should be group roughly by type, so that video accounts, like YouTube and Vimeo, appear together, as do social networks, like facebook and g+.

Looks nice, Chris!

I think it's a nice idea to think about how users will fill in the relevant information, but it really deserves a separate ticket. I don't want this change - which can be applied immediately - to be bogged down in a redesign of the whole profile edit/registration process.

IMO we should also separate out the question of whether the Follow Me links should be shown in the member header in addition to in the profile itself. I can see arguments in both directions, but in any case I think it's a separate question from making the suggested change to the profile field itself.

icons should be group roughly by type

+1

Chris, can you provide the markup and styling that you used for this? If you can do that, I'll do the conversion to dynamic PHP that is filled in by BP profile info.

Chris, you said that you had some markup and/or image files to accompany the work you've done here. Can I have it?

I've almost finished a first round of implementation. I decided to build it into a fairly flexible plugin: https://github.com/boonebgorges/bp-social-media-profiles I can't easily show you a working copy on the Commons theme until our servers have been upgraded, but in the meantime a few questions/thoughts.

1) Because I'm distributing it, I need to have icons that are verified as having the correct license. I need either: an open source license compatible with the GPL (GPL, MIT, Apache), or CC-0.
2) If we're going to have a "Follow me" section in the profile itself, where should it be? At the top? In the middle?

Hi Boone
Here is a link to a GPL set of icons
[[http://designersdigest.co/archive/free-elegant-social-media-icons-set/]]

I'll have to think about the positioning but my first thought is either at the top or bottom. I think it could be better thought out when we redesign the profile page in general anyway so I'm not too concerned about it now.

So, it looks like this is about to go live in 1.3. Boone, is there anything you can do, using Chris's suggestions above, to improve the look of the icons? Certainly, a bit more spacing between icons would be a good start. I'd also love to see a more attractive (and square, not circular) set of icons, if possible. Maybe we should discuss this tomorrow?

A GPL'd set that is square.

Chris, did you mean to attached a file or include a link?

I made some changes. New icons, spacing. Won't show up on your cdev profile until saved. Here's mine: http://cdev.gc.cuny.edu/members/boonebgorges/profile/

Is there any way to add more space between icons?

I already did. I can't reproduce your screenshot on any browser. Could you try a hard refresh?

This link was supposed to be in that post, sorry.
http://19eighty7.com/icons