Skip to content

Conversation

@UnicooooL
Copy link

Related to #347

πŸ–ΌοΈ Fix broken Public Lab project image link

πŸ“Œ Problem

The image for the Public Lab project card failed to load because the original external link was invalid:


[https://code.publiclab.org/images/Boots-ground-02.png](https://code.publiclab.org/images/Boots-ground-02.png)

This resulted in a browser request error:


Failed to load resource: net::ERR_NAME_NOT_RESOLVED

As a result:

  • The project card showed a default placeholder icon
  • Lighthouse flagged the issue under Best Practices
  • Missing image reduced the visual quality and clarity for contributors

πŸ› οΈ Solution

I replaced the broken external image URL with a valid local image asset stored within the repository.

- imageSrc: "https://code.publiclab.org/images/Boots-ground-02.png",
+ imageSrc: "/publiclab.png",

This ensures:

  • consistent rendering
  • no external dependency
  • no image load errors
  • reduced Lighthouse issues

πŸ” Changes Made

βœ”οΈ Added replacement image file into the project's image folder
βœ”οΈ Updated image path in src/data/projects.js
βœ”οΈ Eliminated dependency on inaccessible remote resource


πŸ§ͺ Testing & Verification

Local Test Process

  1. Run:

    npm run dev
    
  2. Open the site at http://localhost:4321/

  3. Locate the Public Lab project card

  4. Confirm:

    • The image loads successfully
    • No errors appear in browser console
  5. Run Lighthouse with Best Practices enabled

Result

  • Public Lab image renders correctly
  • No ERR_NAME_NOT_RESOLVED logs
  • Improved Lighthouse Best Practices score 74 β†’ 78

πŸ–ΌοΈ Recommended Attachments

Please see attached screenshots:

  • BEFORE: Screenshot 2025-12-01 213413
  • AFTER: Screenshot 2025-12-01 214432
  • Lighthouse scan showing fewer flagged errors:
    • Before: Screenshot 2025-12-01 212322
    • After: Screenshot 2025-12-01 214612

πŸ’‘ Why This Fix Is Safe

  • Only updates asset path
  • No logic or component modifications
  • Reversible
  • No additional dependencies introduced

πŸ”— Related

Lighthouse error: image load failure on the Public Lab project card.
#347


πŸ™Œ Notes

If another folder or filename is preferred, I'm happy to modify it.
Thanks for maintaining this awesome project! πŸŽ‰


Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant