CUNY Academic Commons

I'll take a stab at this to make sure the condensed footer looks good on smaller devices too.

Thanks, Sonja!

Thanks for your work on this, Sonja. I think your versions definitely look better than what we have, but I wonder whether we can do more to condense it further. For instance, do we need the "This site is part of . . . " text if we have the CAC logo there and it links to the homepage? Can we add a licensing image to the Help | Contact Us | etc list so that we don't have to have that CC license statement? If you could give another shot at condensing this, I would appreciate it.

Thanks for your feedback, Matt! Absolutely, I'm in favor for removing or consolidating anything that is not necessary in the footer. I'll work on a new option for this.

Thanks!

Thanks, Sonja! I like the two most compact versions -- 3 and 4

The changes are now in place on cdev.

Boone Gorges wrote:

First, the addition of the CC link under the logo means that the left-hand side becomes considerably wider. Depending on browser, it starts to break into a second row around a 1080px viewport, which is quite wide. Notably, the container on the main site only has 940px of horizontal space. Sonja's mockups suggest that we should bump the right-hand CUNY box under the left-hand CAC box as soon as the CAC links start to break into a second line, but IMO this is very jarring on large screens, especially on the main site. I suggest that, at widths > 885px, we instead allow the CAC links to break to a second line, but keep the left-right orientation of the CAC-CUNY containers. I've attached a screenshot of what this looks like on the main site footer.

That works for me!

Second, the relative sizes of logos and fonts on my current machine don't quite match what's in Sonja's mockups. You can't notice this at large widths, but it becomes apparent when the viewport is narrow. I've attached a screenshot of a 375px view (iPhone 6) and you can see that the CAC links break differently from what Sonja suggests (though note that I've bundled each link with its preceding separator, ensuring that there won't be a line-break in the middle of a link), and that the browser decides to insert a line-break into the CUNY links at a different place than on Sonja's mockups. Much of this is probably due to differences in OS/browser/system fonts. My question is: how much effort should we put into enforcing an identical look across all platforms? IMO these cross-platform differences are native to the web and are acceptable, but happy to discuss.

Thanks for bringing this up. As long as the fonts within the footer are the same that works for me. Those are the usual browser related realities, no worries there from my side.

Thanks for this Boone!

Thanks, Sonja! If it's not too much trouble, would you mind having a look at the footer as it's currently implemented on the production site? Given your feedback here, I think we can probably close the ticket, but it would be great to get your signoff on the actual implementation first.

Boone Gorges wrote:

I think there are two outstanding issues here:

1. Matt and team were going to review the language around the CC license, to see whether we needed to be more verbose about "defaults" or whatever.

Matt, will there be any design implications for the footer in regards to the CC license review?

2. Sonja was going to take a look at the footer as implemented on production, to be sure I haven't missed anything huge with regard to styling.

• Please adjust text-align for #wrapper .sitewide-footer div to left aligned.
  Also note: in production we have a duplicate footer on the my-commons page (https://commons.gc.cuny.edu/my-commons/)

Thanks for having a look, Sonja.

Please adjust text-align for #wrapper .sitewide-footer div to left aligned.

Can you please share a screenshot or a link that shows what effect this will have? I'm not seeing anything at a glance, but I may be looking in the wrong place.

Also note: in production we have a duplicate footer on the my-commons page (https://commons.gc.cuny.edu/my-commons/)

I'm not seeing this. Can you share a screenshot, and steps to reproduce? Does it happen only after clicking Load More or something like that?