Tutorial page example https://www.solidjs.com/tutorial/bindings_refs?solved doesn't work

[aercolino]

Describe the bug

1st problem

The URL for the logo is given as https://dev.solidjs.com/img/logo/dark-without-wordmark/logo.svg but it should probably be https://www.solidjs.com/img/logo/dark-without-wordmark/logo.svg

2nd problem

I see two logos (macOS 12.5.1 + Chrome 105 / Firefox 104): one appears inside the canvas, and another appears inside the body. My solution has been to apply the mask to .my-canvas class instead of the canvas element.

Your Example Website or App

https://www.solidjs.com/tutorial/bindings_refs?solved

Steps to Reproduce the Bug or Issue

Reproduce

1. Go to https://www.solidjs.com/tutorial/bindings_refs?solved
2. Look at the results tab

Expected behavior

To see the one logo with animated colors inside the canvas

Screenshots or Videos

No response

Platform

• OS: macOS 12.5.1
• Browser: Chrome 105, Firefox 104, maybe others too

Additional context

Fix for the 1st problem

1. Display the style.css tab
2. Replace dev with www

Fix for the 2nd problem

1. Replace canvas with my-canvas
2. Display the main.jsx tab
3. Add class="my-class" to the canvas element

[aercolino]

The cause of the second logo is due to the fact that there is a div with a class luna-dom-highlighter which includes a second canvas element...

[ryansolid]

Thanks I've transferred this issue to docs.