731453 - Betafarm "Inactive" project Page Design

Status: VERIFIED FIXED

(Marketing :: Design, task)

Description

[David Ascher (:davida)]

Part of the Betafarm / Mozillalabs.com site is a directory of Labs projects, both current and past.  We want to preserve information about inactive projects, but clearly indicate in those project pages that those projects are inactive, and they've served their purpose.

E.g. in a likely future, a project like https://beta.mozillalabs.com/en-US/pdfjs/ will be integrated into Firefox, and we don't want to confuse the audience thinking that this project is still soliciting contributors as a separate project.  In this case for example, we'll probably want to (with copy) direct people to the right part of the Firefox codebase.

This bug is about figuring out whether there's a design layer that can be applied to specifically tagged projects (e.g. "inactive") which conveys this different state.

(could be as simple as a badge/watermark)

Comment 1

[John Slater]

Assigning to Lee, since he's doing the rest of the Labs design work.

Note: in our call yesterday, we talked about getting clearer direction from the Labs team as to what this mark should actually say (which is tricky, since this mark needs to apply to projects that have both 'graduated' to Firefox and also just been retired). So, once you guys have that info we ought to be able to create this fairly easily, but that part will need to come first.

Comment 2

[havi hoffman [:havi]]

Discussed amongst Labs folk, David Ascher & I: we're good with "Inactive" as the generic mark -- it will cover multiple use cases: defunct, dormant, graduated (whether to Firefox or to product/platform/other implementation) 

Projects marked inactive will have a field or paragraph to describe project status/history/outcome in addition to the description fields that the active pages have.

Comment 3

[Lee Tom]

Attachment: Mozilla Labs - Inactive Project 01

Attaching a mockup of the INACTIVE project overlay with FPO alert copy.

Comment 4

[Ben (:bensternthal)]

closing this as the inactive overlay is good-to-go

Comment 5

[Rebecca Billings [:rbillings]]

Is there an example of an inactive project that I can test? If not I'd like to have one made inactive temporarily.

Comment 6

[Rebecca Billings [:rbillings]]

Please add QA repro steps or mark as [qa-], thanks

Comment 7

[Ben (:bensternthal)]

To view inactive status.

1. Login as admin
2. Navigate to a project page
3. Edit that project
4. Check inactive
5. Save
6. Project image should now display an overlay stating "inactive"

Comment 8

[Rebecca Billings [:rbillings]]

Verified project image has 'inactive' overlay, and there is a red Inactive message on the project list and on the individual project page.