Page MenuHomePhabricator

Community updates module: image / logo
Open, HighPublic

Description

User story & summary:

As a new editor visiting my Newcomer homepage, I want Community updates to include an image or logo, because this will make the update more engaging than a text-only announcement.

Parent task: T360485: [EPIC] Newcomer homepage: Community updates module (FY23/24 WE1.3 / FY24/25 SDS2.1.3)

Designs:

Community updates: Figma designs for Homepage module.

Community updates: Figma designs for the configuration form.

NOTE: Figma designs show the end state of the MVP release. This task only covers adding a Community Configurable image to the module.
Acceptance Criteria:

Mobile and desktop UI for the Community Updates module on the Newcomer Homepage:

  • An image is displayed within the module, within the size constraints specified by designs.
  • When an image is not added via Community Configuration, then a placeholder image is displayed.

Community updates Configuration form:

  • Add a new`Image` Field.
  • Validation: should be a valid Commons image URL
  • If the image is unavailable for any reason, the placeholder image displays.
  • Add an explanation for the Image field: Choose an appropriate image that relates to the event or initiative you want to highlight, e.g. a logo. The image has to be selected from Commons and the link pasted below.

Event Timeline

@JFernandez-WMF: I think there are still some design specifications needed for this task:

  • What are the image size requirements?
  • Are there image ratio requirements? (Does the image/logo need to be square?)
  • What placeholder image should be used if for some reason the image specified in configuration is broken? (I suggested a placeholder image in this task, but perhaps we should use a codex icon or something else? )
  • Is this configuration field optional?
KStoller-WMF renamed this task from Community updates: image / logo to Community updates module: image / logo.Fri, May 24, 10:07 PM
KStoller-WMF removed KStoller-WMF as the assignee of this task.
KStoller-WMF updated the task description. (Show Details)