Show deprecated stacks on website

[CameronMcWilliam]

Is your feature request related to a problem? Please describe.
Display deprecated stacks clearly on website.

Describe the solution you'd like
Could replace the stack description with the deprecated message.

Additional context
Related to PR #923

[neeraj-laad]

@ddunn2 @KyeMaloy97 @Bazif-Khan Would like to get your thoughts on how we might be able to best show this on the stacks page.

[helenmasters]

Assigning to Kye to work with David and Bazif and put a design proposal/screenshot of ideas into this issue.

[KyeMaloy97]

Here is a first pass at the design me and Neeraj have spoken about, open for opinions, improvements or alternatives. The text shows when a user hovers over the image, however there is no hover state on mobile phones, but do we think people are going to be needing that level of detail on the go?

The sidebar is also up for debate with regards to having a key in it for the icon.

[neeraj-laad]

Thanks @KyeMaloy97 !

My first thoughts on the proposed design:

I like the use of an icon for indicating this stack is different from others.

I also like having a key to explain what the icon is for, but dont think hte current design gels with the checkbox lists in other sections. It seems a little out of place.

Lastly, not sure what is the equivalent for hover text on a mobile view.

[helenmasters]

@neeraj-laad we've just discussed this and Kye is going to try making the icon orange so it stands out a bit more.

Bazif thinks we can use "on click" for the hover text on mobile.

We've also agreed to remove the key and see how it looks, as you're right the key doesn't fit with the checkbox lists in the other sections.

So look out for an updated screenshot...

[KyeMaloy97]

I have made the icon orange, one option for showing the message on mobile could that clicking the triangle shows an alert. This is how it would look on iOS:

And here is the page on desktop with the orange icon:

[KyeMaloy97]

Have also added some logic so the alert doesn't show on Desktop, only on mobile. On desktop hovering works as it did before.

[neeraj-laad]

This looks good enough to me.