Image referencing path incorrect in Django tutorial

[ya01in]

MDN URL

https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Server-side/Django/Home_page

What specific section or headline is this issue about?

Part Referencing static files in templates, in Section Creating The Index Page

What information was incorrect, unhelpful, or incomplete?

The path of the image file to reference is incorrect.

src="{% static 'catalog/images/local_library_model_uml.png' %}"

Without specifying how to modify the STATIC_URL, the catalog of the image path should be removed in order the image to be shown.

What did you expect to see?

The webpage is showing the image after running the web server.

Do you have any supporting links, references, or citations?

Do you have anything more you want to share?

After verifying that removing the catalog can show the image, I have forked the project and create a branch for the fix.

static-image-reference-path-fail

If this issue is identified as a typo, can I fixed it?

[Josh-Cena]

@hamishwillee could verify

[hamishwillee]

@ya01in Thank you, you're right - the path is app-relative. Can you please create a PR for the docs.

Note that there is no need to update the corresponding "worked version" as that does the right thing already https://github.com/mdn/django-locallibrary-tutorial/blob/main/catalog/templates/index.html#L15