Page MenuHomePhabricator

[Arewa Hackathon] Fix broken image on "How to Use" page
Closed, ResolvedPublic

Description

Problem

The example image on the "How to Use" page is not displaying.

Instead of the image, a broken image icon appears.

Goal

Fix the image so that it loads correctly from the static folder.

Steps to Reproduce

  1. Open the "How to Use" page
  2. Scroll to the "Example of a Dead Reference" section
  3. Observe that the image is broken

Hint

The issue is caused by an incorrect filename in the image source.

The correct image file exists in the /static folder.

File to Update

Locate the <img> tag in the template and fix the filename inside:

url_for('static', filename='...')

Expected Result

  • The image displays correctly
  • No broken image icon is shown

Difficulty

Easy to Medium

Bonus (Optional)

  • Add a fallback image using the "onerror" attribute

Event Timeline

Thank you for tagging this task with good first task for Wikimedia newcomers!

Newcomers often may not be aware of things that may seem obvious to seasoned contributors, so please take a moment to reflect on how this task might look to somebody who has never contributed to Wikimedia projects.

A good first task is a self-contained, non-controversial task with a clear approach. It should be well-described with pointers to help a completely new contributor, for example it should clearly point to the codebase URL and provide clear steps to help a contributor get set up for success. We've included some guidelines at https://phabricator.wikimedia.org/tag/good_first_task/ !

Thank you for helping us drive new contributions to our projects <3

An URL for the "How to Use" page would be useful, I don't know on *which* site that page is broken. Maybe I'm just blind, but it would help to find the page and make my first Hackathon contribution :)

The broken image has been fixed on the how the use page.