Add doc link in example

examples/shadertoy-player/script.ts

@@ -15,6 +15,8 @@ import {
 import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'
 // import {BlueprintJsUiPlugin} from '@threepipe/plugin-blueprintjs'
 
+// Checkout the code breakup and explanation here - https://threepipe.org/notes/shadertoy-player.html
+
 async function init() {
 
     const material = new ExtendedShaderMaterial({

website/notes/shadertoy-player.md

@@ -9,10 +9,10 @@ aside: false
 
 # ShaderToy Shaders in Three.js
 
-<iframe src="https://threepipe.org/examples/shadertoy-player/" style="width:100%;height:600px;border:none;"></iframe>
-
 This tutorial shows how to use shaders from ShaderToy in a Three.js scene by using them as custom screen shaders. You'll learn how to run ShaderToy shaders in a Three.js context, pass uniforms, and create interactive controls.
 
+<iframe src="https://threepipe.org/examples/shadertoy-player/" style="width:100%;height:600px;border:none;"></iframe>
+
 ## Overview
 
 ShaderToy is a popular online shader editor that uses a specific format for fragment shaders. To use these shaders in Three.js, we need to: