Add onion background to map page header
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 20
- Forks
- 22
- Avg merge
- 2d 11h
- Merged PRs (30d)
- 4
Description
We could add the onion background to the homepage header (blurred transparent top section). It looks so good on other pages!
Version 1.0 of the website had the map behind the blurred part of the header. See the twitter profile banner https://x.com/wicitapp as an example. Unfortunately, my AI attempt generated a blur that is neither the onion nor the map. We have three options.
- Make the map appear behind the header.
- Add the onion background image behind the header.
- Keep the custom blur.
One other benefit from adding the onion background to the homepage is that it would pre-fetch it for other pages. I noticed a slight delay (~100ms) when switching pages for the first time that caused the background to flash white before the image was loaded.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start at the homepage/map page header entry point and inspect how the current blurred header and onion background are loaded. Compare the three approaches described in the issue, then verify the chosen header appearance and that switching pages no longer flashes white while the background loads.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100