Rework the footer with link lists

[palewire]

This fixes #601.

Before:

After:

[choldgraf]

The code changes look good to me - for style, what do you think about centering this 3-column list of projects, so there's not so much whitespace to the right, and so it follows page content structure more closely?

[palewire]

The trick there is that they will lose their shared left alignment with the logo and copyright text at the bottom.

I suspect the happy medium would be some kind of max width set on all content in the footer, which would prevent the flow from leaving a lot of space to the right on large device widths. However, considering the rest of the page design, there's not an obvious value to set that at.

I could go with the "content--wide" width now set for art on the interior pages.

[choldgraf]

Good point - your proposed solution sounds good to me!

[palewire]

The max width is in. Here's what you see now.

[krassowski]

For the lower part, could we use white text color? C-f #587

[choldgraf]

+1 from me - it does makes sense that white would be more accessible

[choldgraf]

@palewire what do you think about the proposal to have white text in the footer?

[palewire]

Was hoping to put in sometime mocking up alternatives and then getting them tested, not just by Lighthouse, but also by the alternative standard mentioned in the issue. I haven't made time for that yet. My hope would be that with a little experimentation we could use that method to settle on one color that would work in both sections of the footer, just for consistency's sake. Maybe I'm overthinking it.

[choldgraf]

sounds good - no hurry, just wanted to make sure you saw the conversation. Want to do that before finishing this PR? Or open an issue to focus on the footer color and add it to the milestone?

[palewire]

I'm okay either way. I just want to make sure we ultimately nail down a solid approach we can point to standards with. That can be now, or it can be later.

[choldgraf]

@krassowski would you mind if we tracked the footer text color in a dedicated issue? I think the addition of the links here is a nice addition, so I'm inclined to move forward in the name of iterative progress, but what do you think?

[krassowski]

I'm fine with that :). I would suggest a rebase/merge of master before merging into matter to double check that validator and links check passes.

[palewire]

Master is rebased

[choldgraf]

Awesome - thanks for this improvement!

[choldgraf]

hmmm the footer link list seems a bit wonky. This is on a wide screen:

[choldgraf]

(note that I didn't see this in the PR preview, not sure why the behavior is different)

[palewire]

I suspect this is a caching issue that will resolve once the TTL expires. But I could be wrong.

[choldgraf]

yep you're right, it's fixed now