Organization Details Page + Upcoming Events for Org

[bogdankharchenko]

Resolves #259

[bogdankharchenko]

@oliviasculley @zach2825 @ThorntonMatthewD @irby any design input would be greatly appreciated

[allella]

@bogdankharchenko for inactive groups, we'd also want to show the year the group went inactive, like with the Code For Greenville example

Rather than show "Year Established", we could do something that extends the Organization Status value.

Active Org Example

Organization Status Active (2016 - present)

Inactive Org Example Organization Status Inactive (2016 - 2023)

[allella]

Also, I think it would be good to have the "Description" value on the page. Not necessarily in the same list format. Perhaps just the text, if any, showing below the key | values?

I know we've been using "/orgs" for the HG organizations page for a long time. The old site uses /organizations and /organization/{url-slug} I think it's fine that we stick with /orgs and /orgs/women-who-code.

Though, it occurred to me that breadcrumbs and associated markup may be an eventually useful thing to add to draw the link between /orgs and the related children pages.

I'm not suggesting we add breadcrumbs on this PR, but it crossed my mind and I figured I'd see if others see the value with adding breadcrumbs

[bogdankharchenko]

@bogdankharchenko for inactive groups, we'd also want to show the year the group went inactive, like with the Code For Greenville example

Rather than show "Year Established", we could do something that extends the Organization Status value.

Active Org Example

Organization Status Active (2016 - present)

Inactive Org Example Organization Status Inactive (2016 - 2023)

We do not store the in-active date at this time -- but we can work toward that in the future.

Description is on the page, but this for this org, it does not have a description.

[allella]

This is staged. Thanks @bogdankharchenko

I noticed the main website isn't showing, so I guess we just missed showing that field.

I think it's useful since things like this Bsides conference have a website and their events are now posted on the ISSA chapter's Evenbrite.

https://stage.hackgreenville.com/orgs/bsides-greenville

I didn't see it in the code, so holler and I can create an issue to add the main org homepage, if it exists.

[allella]

I'll add an issue for this and the homepage in the last comment.

I just thought about this now, but we'd also benefit from having unique meta description and og:description on the pages, even if it's a pattern.

Is it easy enough to set a pattern for each page, like below?

<meta name="description" content="Organization event details and contacts for {org.title} in {org.city}."/>
<meta property="og:description" content="Organization event details and contacts for {org.title} in {org.city}">

As is, the default meta description is being used and that could cause some page ranking issues, or else the search engines pulling truncated parts of the description.