Add Github org, merge platformsOther into Unofficial section, readjust columns

[crertel]

Introduction

Inspired by the #1438 discussion, I'd like to submit this as a possible change set.

I'd like feedback from the marketing folks (@tomberek , @djacu , and @garbas , I think?)--and if this doesn't spark joy or isn't something marketing likes, please by all means close the PR! Not trying to make more work for you all.

(Also, this is my first time working with Astro--I think I did this correctly, but please let me know what I can do differently if it's wrong.)

Proposed changes

• Add the Github organization to the Official Spaces section
• Move the otherPlatforms links down into Unofficial Spaces
• Update the columns for Official Spaces to take up space from the otherPlatforms move
• Remove the otherPlatforms affordance

Screenshot

[thilobillerbeck]

Hi, thanks for putting work into this. <3 I'll try to do an in depth review soon. Just a few glances:

• the issue discussion came up with a separate social media and platform section. It would be great if you could realize this. If you don't feel comfortable enough with the stack yet, no problem, we can do that in a second step. :)
• have you tried to lay out the official platforms as a row rather than columns? Would go more in line with the other parts.
• We should tone down the unofficial platforms. Some suggestions would be blue color on white text or maller font size

[crertel]

@thilobillerbeck how about this?

Thoughts:

• The official block now uses the same structure (more or less) as the unofficial one).
• I split CommunityLink into OfficialCommunityLink and UnofficialCommunityLink.
• I used bg-nix-blue-light, and used bg-nix-blue for the hover state (basically, just one step lighter. The alternative would be to add a nix-blue border and text).

What do you think? Want me to go further and make it blue-on-white? Is it okay I'm using the same font?

[crertel]

Also, re: the social media section, which things go in there vs the unofficial space?

I feel comfortable making the change, but just need to know what goes where--that would give us three sections, right?

[crertel]

Some variants.

White background, blue text

White background, blue text, border-2

White background, blue text, border-2, nix-blue-extralight background on hover

[crertel]

Just for shits-n-giggles, here's what a 5-column layout looks like:

[crertel]

Also, tweaks to make mobile 1-column:

Note that this is to fix regressions introduced earlier in this branch. The mobile view suddenly makes the existing way that the masto/twitter/SO links are implemented make sense--on prod right now, the MTS links are neatly in their own div three abreast under the existing two links. So, I see why y'all built it that way now.

[crertel]

(holding off on pushing up commits until y'all pick a variation you like :) )

[AshleyYakeley]

Wasn't there a plan for a three-way split?

• official moderation (Matrix, Discourse, GitHub, ?Zulip?)

• official communication (Mastodon, Twitter)

• unofficial resources (StackOverflow, Discord, Reddit, IRC, etc)

[crertel]

@thilobillerbeck @tomberek which of those variations do you want me to continue with? I think the blue-on-white with extralightblue onhover is best. I think we can leave out the 5-column one.

Also, how many sections do we need, what are they named, and what goes in them?

(@AshleyYakeley sorry, not trying to blow you off--just am trying to hew really close to the marketing team for direction here!)

[tomberek]

I think the blue-on-white with extralightblue onhover is best. I think we can leave out the 5-column one

@crertel : that looks good. There is the differentiation in both size and color. It's better than what we have now. Regarding the 3-way split, let's not block on that - that can be another PR (i don't have a strong opinion on it being same PR or not).

Thank you for also checking mobile. Let us know when it is in a state you like and ready to merge.

[nat-418]

Two questions:

1. Can this PR integrate the unofficial channels from the Wiki (e.g. Telegram)?

2. Can this PR provide some way for people to add unofficial channels?

I think the goal of "adding more resources" raised in the relevant issue is going to hit a ceiling in terms of contribution friction that the Wiki does not suffer, and it probably makes more sense to send people there via a link, similarly to how we link to commercial support in this page.

[crertel]

@tomberek perfect, I'll get those changes up right quick--just finished working a surprise memorial day incident. :(

[crertel]

Friendly bump @tomberek @thilobillerbeck . Anything else I can do on this?

[crertel]

Thanks. Sorry for the delayed response.

Not a problem at all--I'm a maintainer on some other things, and I know the drill. :)